為了吸引新的訪問者到你的網站,你可以考慮定期發表部落格文章。然而,如果沒有特色圖片,你的文章很可能看起來不夠吸引人,無法贏得點選率。
幸運的是,你可以很容易地為你的文章建立精心設計的特色圖片。一旦你知道如何找到合適的照片,正確的尺寸,併為搜尋引擎優化它們,你就可以立即使你的WordPress文章恢復活力。
在這篇文章中,我們將解釋什麼是特色圖片。然後,我們將分享一些關於如何使用它們的技巧。
什麼是WordPress特色圖片?
在WordPress中,特色圖片是特定帖子、頁面或自定義帖子型別的視覺表現。當有人訪問你的網站時,這些圖片通常會出現在文章的頂部或你的部落格feed中:
從本質上講,特色圖片是你文章的預設縮圖。如果有人在社交媒體上分享該文章,該圖片將與連結一起出現。
在WordPress中,特色圖片的設定是由你的主題決定的。這包括圖片的位置和大小。
通常情況下,特色圖片會顯示在以下位置:
- 文章或頁面的頂部區域
- 網站上鍊接到部落格文章的頁面,如WordPress主頁、推薦文章部分或搜尋結果
- 社會媒體連結的縮圖
有時,特色圖片可能包括在圖片庫或滑塊中。你也可能看到它們作為背景圖片。
使用特色圖片的優勢
如果你是WordPress的新手,你可能想知道為什麼你的網站上的每一篇文章都需要一個特色圖片。然而,這可能是給新訪客留下良好第一印象的關鍵。
當使用者點選你的文章的連結後,特色圖片往往是他們看到的第一件事,這可以吸引他們繼續閱讀這篇文章:
你可能會在你的主頁上有一個你發表的文章的列表。你可以通過包括設計良好的特色圖片來激勵訪問者閱讀你的內容。
此外,每篇文章都有一張特色圖片,可以幫助你在網站上建立視覺上的一致性:
當你在社交媒體上分享你的文章時,特色圖片可以幫助你向瀏覽他們資訊的使用者宣傳你的內容。一張精心設計的圖片可以提高參與度,併為你的網站帶來更多的點選量。
WordPress特色圖片尺寸大小
正如我們前面提到的,不同的WordPress主題可以有不同的特色圖片尺寸。然而,一般的尺寸是1200 x 628畫素。
下面是預設的Twenty Twenty-Two主題會是什麼樣子:
這個尺寸將有效地適用於許多WordPress主題。然而,你的特色圖片的大小可能會根據你的個人喜好和你的主題的佈局而有所不同。
重要的是要注意,WordPress會把你的圖片大小調整到它的預設設定。每當你上傳一張圖片時,它會建立三個不同的版本:
- 縮圖: 150 x 150 px
- 中等尺寸: 300 x 300 px
- 大尺寸: 1024 x 1024 px
如果你想保持特色圖片的原始尺寸,這將是其 “全尺寸”。要編輯任何這些尺寸選項,你可以導航到設定>媒體。
在這裡,你可以用新的值更新寬度和高度。一旦你儲存了你的改變,上傳的影象將調整到這些尺寸。
你還可以新增一個自定義的特色圖片尺寸。在你這樣做之前,最好是備份你的網站。在這一步之後,你可以在你的 functions.php 檔案中新增以下程式碼:
add_image_size( string $name, int $width, int $height, bool|array $crop = false )
請確保用你的新特色圖片尺寸來更新這些值。下面是一個例子,說明這可能是什麼樣子:
add_image_size( 'post-thumbnail size', 800, 1500 );
接下來,你需要在你的主題中顯示新的尺寸。在你的主題模板檔案中,更新the_post_thumbnail()函式:
if ( has_post_thumbnail() ) { the_post_thumbnail( 'your-custom-size' ); }
一旦你儲存該檔案,你就會有一個新的自定義功能的影象
如何為文章或者頁面設定特色圖片
要設定特色圖片,請開啟你的WordPress儀表板並建立一個新的帖子。然後,在右側的側邊欄,尋找特色圖片部分:
在這裡,點選設定特色圖片。這將開啟一個彈出視窗,你可以上傳你的媒體檔案。或者,你也可以從你的媒體庫中選擇一張圖片:
如果你需要調整尺寸,找到編輯影象按鈕。然後,根據需要使用各種編輯選項來縮放、裁剪、旋轉或翻轉影象:
當你完成後,點選設定特色圖片。現在,在你建立帖子時,你會看到圖片的預覽。
在你釋出文章之前,你要預覽它,以確保特色圖片的顯示。記住,你的主題可能需要更具體的尺寸才能正常工作。如果你在這個過程中遇到困難,你可以參考你的主題文件。
此外,你可以安裝一些外掛,使這個過程更容易。例如,自動特色圖片外掛將自動使用你的文章中的第一張照片作為特色圖片。你也可以使用預設特色圖片外掛來選擇一張圖片作為特色圖片,以防你忘記在文章中新增圖片。
如何建立完美的WordPress特色圖片
特色圖片可以把你的網站變成一個吸引人的、富含媒體的體驗。讓我們討論一下建立它們的一些最佳做法吧!
1. 要有針對性和連貫性
如果使用得當,特色圖片可以增強你的部落格文章,使它們對訪問者更有吸引力,但有幾件事你需要記住。
首先,你要避免使用隨機圖片。特色圖片應該作為一篇文章的介紹,所以它需要與內容相關。
例如,如果你經營一個食品部落格,你可能會發布一些新的食譜。在這種情況下,你的特色圖片可以是一張完成的食物的照片。
讓你的特色圖片在整個網站上保持一致也是很好的做法。由於這些圖片將顯示在你的主頁、檔案和部落格上,你將希望照片與你的網頁設計保持一致:
為了找到合適的特色圖片,考慮你當前的WordPress主題和佈局。然後,選擇一個高解析度的圖片,可以很容易地縮小尺寸。在你完成建立帖子後,確保預覽它,以評估圖片與你的網站的匹配程度。
2. 避免使用有版權的圖片
當你在網際網路上瀏覽圖片時,你可能會偶然發現一張照片,作為特色圖片會很好看。然而,在你把它上傳到你的WordPress網站之前,你需要確保它沒有版權,以避免法律問題。
在尋找圖片的時候,你通常可以使用任何在創作共用許可證下的圖片。這些圖片可以免費下載並在你的網站上使用,除非它們是用於商業目的。
要找到知識共享的圖片,請開啟谷歌圖片。然後,點選Tools > Usage Rights > Creative Commons licenses。一旦你細化你的搜尋,你會得到大量的免費圖片供你選擇:
也有整個網站有這些圖片庫。在Unsplash這樣的平臺上,你可以下載沒有版權要求的高清晰度照片:
另一個選擇是製作你自己的特色圖片。通過自己拍攝照片或在Canva中建立圖形,你可以確保避免任何侵犯版權的行為。此外,這些將是完全原創的!
3. 優化特色圖片以減少檔案體積
如果你定期釋出文章,特色圖片將開始在你的媒體庫中佔用大量空間。如果它們沒有得到適當的優化,這些照片可能對你的網站效能產生負面影響。
從本質上講,優化你的圖片包括減少它們的檔案大小。通過壓縮你的特色圖片,你可以儘量減少你的載入時間。
如果你不這樣做,你可能最終會得到一個很差的Core Web Vitals分數。圖片可能需要太長的時間來渲染,你會在你的PageSpeed Insights報告中看到效能問題:
幸運的是,對於這個常見的影象問題,有一個簡單的解決方案。像TinyPNG這樣的外掛可以在你上傳圖片時自動壓縮:
此外,你甚至能夠壓縮你已經上傳到網站的所有圖片。TinyPNG讓你批量優化你的媒體庫中的任何JPEG、PNG或WebP影象。
4. 重新生成舊縮圖
當你上傳圖片到WordPress時,它將根據你設定中的畫素準則來調整它們的大小。一旦你設定了新的預設尺寸,你以前上傳的圖片將仍然具有過時的尺寸。
如果你想調整你的特色圖片的大小,你可以手動重新上傳它們。然而,這將需要一些時間。
為了解決這個問題,你可以安裝一個WordPress外掛,如reGenerate Thumbnails Advanced。這個工具可以為你的媒體庫中的每張圖片重新生成縮圖:
在你安裝並啟用該外掛後,進入工具>egenerate Thumbnails。在 “Regenerate Options” 下,選擇 “Regenerate only Featured Images” 旁邊的方框:
最後,點選 “Regenerate“。這將自動以正確的尺寸更新你所有的特色圖片。
5. 為搜尋引擎優化圖片
作為一個網站所有者,你可能已經知道搜尋引擎優化(SEO)是多麼的重要。如果你想避免為昂貴的廣告方式付費,你會希望通過優化你的內容來上升到搜尋結果的頂端。這可以幫助你帶來更多的有機流量。
擁有特色圖片可以幫助你提高網站的SEO。通過簡單地調整一些元素,你可以使你的圖片對搜尋引擎和使用者更有吸引力。
首先,你要確保新增alt文字。這將向搜尋引擎和螢幕閱讀器描述特色圖片。例如,你可以寫 “站在南瓜上的貓”:
記得在alt文字中包括帖子的關鍵詞。這樣一來,谷歌就能瞭解該文章的內容,並在相關查詢中排名靠前。同樣,你可以在標題、標題和特色圖片的描述中包括這些目標關鍵詞。
6. 增強社交帖子縮圖
社交媒體可以成為推廣你的部落格文章的完美平臺。在你鼓勵社交分享之前,為這些平臺優化你的特色圖片是至關重要的。
你可以使用Yoast SEO這樣的外掛輕鬆地定製你的社交媒體連結。例如,高階版本使你能夠看到你的Twitter和Facebook縮圖的預覽。
要開始使用,請安裝並啟用Yoast SEO。接下來,找到Yoast SEO > Social。在這個頁面,填寫你的各種社交媒體頁面的URL:
然後,開啟一個新帖子,向下滾動到Yoast SEO設定。在 “Social ” 選項卡中,你可以點選 “Select image” 來上傳你的特色圖片。
你還可以為每個社交媒體平臺新增一個標題和描述。這將使訪問者對你的內容有一個瞭解。一旦你在社交媒體上釋出文章,它將有一個特色圖片和片段,準確地傳達文章的內容。
小結
特色圖片可以幫助使你的文章脫穎而出。無論人們是在社交媒體上還是在你的網站上瀏覽你的內容,他們都可以在開始閱讀之前看一下特色圖片,看看這個帖子是關於什麼的。
回顧一下,以下是你如何建立完美的WordPress特色圖片。
- 要有相關性和一致性。
- 在Unsplash等平臺上尋找無版權的圖片。
- 用TinyPNG壓縮特色圖片。
- 用reGenerate Thumbnails Advanced重新生成舊的縮圖。
- 使用以關鍵字為重點的alt文字,為搜尋引擎優化影象。
- 用Yoast SEO的社交設定增強社交帖子縮圖。
評論留言