新增網頁時的優化注意事項

入門級的網站管理員自行新增 WordPress 網頁或網誌時的優化注意事項

訂閱本站最新消息

最新文章

  • 「網站管理員入門」系列文章
△ 「新增網頁」示意圖
  • 提醒您注意的有:
  • 新增特色圖片
  • 特色圖片上傳前先進行優化
  • 新增 Yoast SEO 外掛的 Meta Description
  • 新增 Yoast SEO 的 Focus Keyword
  • 新增文章摘錄

入門等級的網站管理員

許多的中小企業主為了因應網際網路的興起而選擇為自已的公司或自己的品牌架設網站，中小企業的資源不若大型公司能夠配置專職的「網站管理員」(Webmaster)，所以，在許多的個案之中，可能是中小企業主交代某一個下屬尋找一個網頁設計接案者，並且在網頁設計外包案完成之後，也是由同一個下屬進行後續如果有的網站內容新增及維護，這一類的網站管理員即屬於入門等級的網站管理員，並且對於新增網頁或新增網誌會有一些直觀的操作方法，例如，只會注意到新網頁的抬頭、內容文字、內容圖片這三個要素，這種直觀的操作方法很合理，不過還是有一些注意事項是不宜忽略的，本文的內容就是要協助入門級的網站管理員在新增網頁時容易忽視的事項予以提醒，或者作為新增網頁時的操作手冊之類的參考資訊。

特色圖片的用處

「特色圖片」(Featured Image) 是 WordPress 網站的一個內建功能，因為以下的幾個原因，所以在此提醒您要新增「特色圖片」:

  • 訪客分享到臉書時會看到的大大的特色圖片
  • 網站內的文章列表會看到的大大的特色圖片

網際網路的經常性使用者，包括臉書的經常使用者對於後附圖一中的內容應該不陌生，就如同有時候您在臉書看到其它人分享內容時，都會看到類似的大大的特色圖片+文章抬頭以+文章摘錄(Excerpt)，這個部份在西方網頁設計領域中稱之為 Summary Card(暫譯「摘要卡」)，圖一是臉書官方文件中的一個摘要卡範例，其中包括了由圖一文章作者自訂的頁面抬頭、頁面摘錄以及特色圖片等要素；圖二則是本文作者仿效圖一的內容另外新增一個沒有特色圖片的摘要卡版本，以供讀者容易用視覺作出辨別:

有與沒有特色圖片的比較

有圖片

▲ Facebook: A Guide to Sharing for Webmasters
  • 圖一、訪客分享到臉書時會看到的大大的特色圖片；點圖看臉書官方說明原圖。

無圖片

▲ LE WD 的研發(R&D)粉專
  • 圖二、沒有特色圖片在視覺上的效果有很大的分別；點圖看原貼文。

此處是以社群網站中有使用者分享網頁時經常看到的摘要卡的視覺元素作參考，希望讓身為入門等級的網站管理員暨讀者可以了解在新增網頁或網誌時，忽略了特色圖片會有什麼樣的後續影響；接下來我們談談特色圖片的優化。

特色圖片的優化

特色圖片在上傳之前要記得先進行圖片的優化，進行圖片優化的目的包括:  滅少圖片在網頁傳輸給訪客的電腦或手機時的傳輸資料量，加快網頁下載的速度，減少網頁空間的佔用量，提高 Google SEO 的評分；雖然網站管理員可以在 WordPress 網站中透過外掛自動優化上傳的圖片，但是如果是特別注意圖片視覺效果的網路管理員，可能會因為視覺效果和操作便利性二者優劣權衡的情況下，選擇用其它方式進行圖片優化，換言之，有時候自動優化圖片的外掛可能會導致圖片的視覺效果不太理想，在此我們推蔫一個簡單易用的免費圖片優化軟體 Faststone Photo Resizer，使用者可以利用前稱的軟體在平均一分鐘不到的時間內把圖片的檔案縮到最小並且確保圖片的視覺效果良好，用白話說就是，讓圖片的檔案量小一點的同時也讓圖片維持相當的視覺效果。

按照 WordPress.org 官方文件中的指引，大型高品質圖片大小應該在  100k 和 60k 之間；較小的圖片應該接近 30k 或更小( large high quality images should be kept between 100K and 60K. Smaller images should be closer to 30K and lower.)。

新增 SEO 關鍵字

  • 圖三、網頁的後台編輯模式中的 Yoast SEO 外掛填入資料參考畫面(點圖放大)

在敝工作室接案所建立的 WordPress 網站之中，都一定會為業主的網站中加入免費版或付費版的 Yoast SEO 外掛 Yoast SEO 外掛在 WordPress.org 繁體中文版的網頁 ，如圖三所示，網站管理員要記得填入 Yoast SEO 所需要的 Meta Description(元描述)，以及 Focus Keyword(焦點關鍵字)，這一些設定都會優化 Google 搜尋引擎 對於您的網頁的 SEO 的評分，提高您的網頁內容在搜尋引擎時的能見度，您要記得在圖三 ❶ 的位置填入 Meta Description(元描述)，相同的文字就會自動出現在圖三 ❷ 的位置，此位置即是 Google 搜尋引擎使用者如果搜尋到您的網頁時看到的內容，之後，記得在圖三的 ❸ 位置填入 Focus Keyword (焦點關鍵字), 什麼是 Focus Keyword (焦點關鍵字)?  在此引述 Yoast SEO 官方網頁中說「焦點關鍵字乃是你希望你的頁面受到評級最高的搜尋名詞 (The focus keyword – or keyphrase – is the search term that you want your page to rank for most. )」，例如，本文選用了「新增網頁」作為 Focus Keyword 乃希望那些透過 Google 搜尋「如何在 WordPress 中新增網頁」的眾多搜尋結果中，本文的網頁是排名最高的，故您應然理解這個輸入動作的重要性；接下來的內容，本文作者會解說一下「新增文章摘錄」。

新增文章摘錄 (Excerpt)

在此提醒網站管理員新手，要新增文章摘錄，以本站網誌中的一篇叫作『「鄰虛企業」策略品牌名稱的微小變更』的文章為例，文章摘錄的新增大約會拿捏在三到四行之間(參考圖四)，依個人的喜好而定，但是最好是統一長度，以免有時候和其它的文章並列時產生高低差的問題以致於影響畫面的美觀；如果您沒有新增文章摘錄的話，有時候在網站之內自行選擇的位置公開列示相關文章列表時，就可能只有抬頭和特色圖片而沒有摘錄了。

有的讀者或許會對於前述提及的不同的摘錄(Excerpt)內容以及摘要卡(Summary Card)這些名詞感到混淆，其中的一個摘錄是 Yoast SEO 外掛的 Meta Description的要求資料，另一個摘錄是 WordPress 網頁內建的要求資料，前者會出現在 Google 搜尋的畫面上，後者會出現在您的網站中的文章列表預覽之中；摘要卡則是當您的文章網頁被分享到臉書等社群媒體中會出現的包含圖片、文章抬頭以及文章摘錄的畫面，在此稍作釐清；希望以上的文章內容對於入門級的網站管理員能夠帶來一些參考價值。

(完)

  • 圖四、文章簡摘例圖(點圖放大)

Leave a Reply