WordPress SEO 實戰 – 用 Yoast SEO 優化 WordPress 的超完整教學(2019最新版11.0)

相信每個架站者在網站完成後,一開始最關心期待的就是每天到底有多少人拜訪我的網站。為了增加網站的流量,相信每個架站者也曾經聽過SEO這個名詞在網路行銷中的重要性。在WordPress中有許多SEO的外掛,像是All in One SEO、Platinum SEO或是Yoast SEO,無論是那一套,都是用來輔助寫文章時,能進一步設定關鍵字與文章摘要結構。

WordPress 在先天設計上,就是用來專注於撰寫文章,因此許多介面設計都圍繞在如何讓管理者專注於寫文章這件主題上。有了良好的文章,接下來才能談到SEO。WordPress SEO的外掛安裝啟用後,需要很仔細的調整,排名才能如預期慢慢成長,任何架站新手,在慢慢熟悉每個細節後,都能對網站的SEO有深一層的理解與認知。

本文主要介紹 Yoast SEO 這套當紅的 SEO外掛,安裝好之後可以輕鬆設定網站的Title & Meta描述、Open Graph、以及自動產生的XML Sitemap。下圖是外掛安裝好後的畫面,需要設定的主要在一般Search Appearance、搜尋控制台、社群網站等。

Yoast SEO 版本 10.0.1
Yoast SEO 版本 10.0.1

Yoast SEO 開始前的一般設定

特色

一般設定的特色是第一步需要設定的項目。如沒特殊需要或理由,都以預設值即可。特色可以設定要優化SEO的項目,包括文章內容或是XML sitemap,它會在個別文章與頁面編輯過程中提供 SEO上的各種具體細節建議,預設是全開,可針對自己的需求去調整關閉。這些功能就是 Yoast SEO 提供的各種 SEO調整項目,說明如下:

Yoast SEO 一般設定 - 特色
Yoast SEO 一般設定 – 特色
  • SEO analysis:是否開啟文章SEO分析建議,這個項目其實目前與中文、日文、韓文等方塊文字並不相容,但可以取巧,我在另一篇文章中有進一步說明。
  • 可讀性分析:檢測文章內容是否適合閱讀。這個分析實際上我並不使用,因為對於文章內容的長度掌握,應該是最基本的習慣。
  • 基石內容 Cornersrone content:可勾選是否做為網站主打的基石文章。設定了基石內容,會改變可讀性分析與 SEO檢查的項目。
  • Text link counter:計算文章內的連結數量。這個你還可以在工具中進一步設定。我使用這個設定來幫助我快速掌握文章的連結數。
  • XML sitemaps:由YoastSEO製作XML sitemap。
  • Ryte integration:每週監測被搜尋引擎索引的情況。這個功能需要從控制台進入。實際上我將這個功能關閉,因為我不需要Ryte不斷檢查我的網站是否在搜索引擎中編入索引。
  • 管理選單:在管理者登錄Wordpress狀態下,在前端網頁頂單的管理導覽列中提供各種分析工具,包含了許多第三方有助於SEO的實用工具。這將能透過第三方工具進一步了解每一個頁面SEO的不同層面。
  • Security:安全性。可以禁止除了編輯和管理員之外的一般使用者修改搜尋結果與規則。

站長工具驗證 Webmaster Tools

Webmaster Tools提供了Baidu(中國百度)、Bing(微軟)、Google、Yandex(俄羅斯,世界第五大搜尋引擎) 四個搜尋引擎的管理驗證,通常在台灣市場主要使用google為主。 使用時先註冊每個網站管理員工具( Google / Bing / Yandex /百度)並使用 HTML驗證方法驗證每個工具。然後可以向他們提交你的Yoast XML網站地圖。我主要使用Google搜索控制台,搭配重定向外掛來修復損壞的頁面(抓取錯誤),使用搜索分析查找我排名的關鍵字/頁面,修改SEO標題與描述,並監控行動裝置與安全問題。

Yoast SEO 的Webmaster Tools
Yoast SEO 的 Webmaster Tools

驗證網站站長工具

  • 註冊  Google Search Console
  • 選擇HTML tag 驗證方式
  • 複製代碼並粘貼到Google Search Console欄位框中。
  • 按下儲存後,再登入 Google Search Console。
  • 前往設定 > 擁有權驗證,找到 HTML 標記 ,進行驗證,即可完成。
  • 如果有需要,可以進行BingYandex(俄羅斯最大的搜索引擎)、百度的驗證。
Google Search Console的驗證
Google Search Console的驗證

Yoast SEO Search Appearance 搜尋外觀

從英文應該顧名思義,這裡就是設定你希望搜尋引擎索引你的網站內容時,你希望呈現的內容與外觀。

一般設定:Google’s Knowledge Graph

經常利用 Google 搜尋資料的使用者,應該不難發現,很多的時候在搜尋結果頁面的右邊側欄白色空白處會出現一張像下圖一樣,出現你剛剛輸入搜尋對象的資料卡,而那張卡片的學名其實就叫做 Google Knowledge Graph。在一般設定的開始就是完成這項工作。

Google Knowledge Graph
Google Knowledge Graph

在側邊欄選單中的『Search Appearance』,進入操作介面。首先進行一般設定。

Yoast SEO Search Appearance 搜尋外觀的一般設定
Yoast SEO Search Appearance 搜尋外觀的一般設定

標題分隔符號 – 使用代碼變量時,通常位於頁面/帖子標題和站點名稱之間的破折號(或其他特殊字符)。例如:頁面標題站點名稱。

Knowledge Graph:依照你的網站類型選擇網站是一間公司或是個人架設。兩者差別是公司可以上傳一張logo,而個人則是填入姓名。不過即時完成設定,仍需要一段時間才能讓Google收錄。不過你能用 Structured Data Testing Tool 來檢查資料,確認 Google 是否能正確讀取你提供的Knowledge Graph。

Content Types:調整預設的Title / Meta描述

找到『Content Types』,這裡可以調整文章 / 頁面預設的Title / Meta描述、index / noindex等等。你可以參考我的習慣:

文章 Post

文章Post與頁面Page的預設設定相同,但我通常會將日期隱藏
文章Post與頁面Page的預設設定大致相同,但我通常會將日期隱藏
  • SEO標題:這裡我會設定『標題』『分隔器』『網站標題』 ,也就是將文章標題與網站名稱組成SEO標題 。『分隔器』是一個符號,你可以在
    『Search Appearance』的『一般』選用。一選用則全部都以該符號來作為分隔。
  • Meta 描述:這裡我只貼上『%%excerpt%%』系統會轉成摘要,也就是系統會抓取文章內容摘要當成Meta描述預設值。如果你沒有在文章中貼入內容摘要,那麼系統會自動抓取第一段的部分文字,超出部分會截斷,但是以英文字數誤算,因此絕對過長,建議你可以適當修短或改寫。請注意:Yoast SEO並沒有將所有變數列出,想看變數清單請點這個連結
  • Show 文章 in search results?:如果選擇不要顯示在搜尋結果(就是下面的是調整成否),那就會變成noindex,sitemap.xml也不會列出這個頁面。
  • 代碼預覽中的日期:設定為顯示,在描述中會出現最後更新的日期,對於網友瀏覽時,可以從日期判斷這篇文章的價值,提高點選的機會。
  • Yoast SEO 摘要資訊框:設定為顯示,才能在文章或頁面編輯上述的Title / Meta描述或OG設定
變數代碼清單
變數代碼清單
  • 代碼預覽中的日期:設定為顯示,在描述中會出現最後更新的日期,對於網友瀏覽時,可以從日期判斷這篇文章的價值,提高點選的機會。
  • Yoast SEO 摘要資訊框:設定為顯示,才能在文章或頁面編輯上述的Title / Meta描述或OG設定
代碼預覽中的日期
代碼預覽中的日期

另一個頁面的設定我的習慣是與文章相同,除了代碼預覽中的日期我會在頁面中隱藏。就不再贅述。但有一個提醒,如果你的佈景主題有特別增加了類似作品(Portfolio)、團隊(Team)等客製化頁面或文章,那麼這裡可能也會出現可以進行預設的欄位。

運用自定義代碼來設定標題或描述

這裡比較特別的是有些欄位變數的名稱是與Wordpress的文章 / 頁面不相同,因此你必須先找到這些欄位變數的名稱。至於如何找到變數名稱,可以透過外掛Custom Field Finder來進行。

例如你的佈景主題有作品(Portfolio)這個自定義的文章類型,它的類別變數名稱是 portfolio_category,那麼你可以將以下的程式碼貼入SEO標題中,系統就會抓取分類變數的值,並組成你希望呈現的標題。這裡有進一步的說明。你可以試著設定後,再去頁面檢視設定效果。

%%ct_portfolio_category%%

程式碼是將變數前面加上ct_,這是 Yoast SEO規定的短碼前綴,代表 Custom Field,告訴 Yoast SEO ,這裡我放的是自定義的變數,變數名稱是 portfolio_category ,至於前後的%%符號則是 Yoast SEO 規定。

這是一個 Yoast SEO 自定義變數的範例
這是一個 Yoast SEO 自定義變數的範例

Media:進行重導向

這裡是關於網站中不同媒體的設定方式。例如:圖片、影片等。由於這些圖檔或影音檔並非一篇文章的型式,為了避免 WordPress 為每張圖或影片都產生一頁頁面,因此這裡請務必設定為『是』。

Redirect attachment URLs to the attachment itself?

Yoast SEO 對於媒體的設定千萬要特別注意
Yoast SEO 對於媒體的設定千萬要特別注意

請小心這裡的設定,不然很容易被Google的Panda演算法降低SEO的分數!由於WordPress預設會為每個上傳的媒體檔案產生獨立的html頁面,頁面並沒有甚麼額外內容,就只有一張圖或一個影片,屬於thin content,大量產生這種網址很容易被Google認為在製造垃圾內容。

開啟這個設定就會將媒體檔案獨立的html用301轉到媒體連結(例如圖檔就是xxx.jpg之類的),通常預設是開,但是偶爾會被改成否,詳細內容可以看這一篇參考文章

分類法 taxonomists:除了文章類別,其他建議關閉

分類法中包含文章分類 (category)、標籤 (post_tag)、文章格式 (post_format)、Category URLs等。

文章分類的預設摘要
文章分類的預設摘要

搜索結果中不應顯示哪些內容 – 標籤 tags,作品類別 portfolio categories,幻燈片 slideshows,格式 format 和其他無用內容建議不要顯示在搜索結果中。標籤通常會在Siteliner中導致重複內容。但如果你有很好的作品與作品類別,或者你的部落格分類頁面設計精良,包含了該類別下的許多文章或相關資源,那麼你也可以選擇將分類包含在搜索結果中。但如果你覺得你也不會在該頁面上花費超過30秒瀏覽,那麼建議不要將其編入索引。

標籤 (post_tag)

沒有特別設計過的標籤頁,容易出現重複內容
沒有特別設計過的標籤頁,容易出現重複內容

文章格式 (post_format)

停用格式
停用格式

Category URLs

這是將網址中會出現的category移除。原本預設的文章分類網址會從www.yourdonaim.com/category/post_catrgory/post_title變成
www.yourdonaim.com/post_catrgory/post_title

移除分類網址中會出現的 /category/
移除分類網址中會出現的 /category/

彙整 Archive:除了特殊頁面,都設為停用

彙整包含作者、時間彙整以及特殊頁面三種。這是部落格經常出現的頁面,出現在下圖的側邊欄。這是為了方便讀者查詢文章用,但實際上並不是新的內容,反而容易造成重複內容,因此建議停用。

作者彙整

請注意,彙整若停用,則點選該網址,會自動導向首頁,因此若停用這個項目,應該到小工具將部落格頁面的側邊欄將匯整移除。

時間彙整

移除側邊欄的彙整
移除側邊欄的彙整

接下來說明比較特別的是麵包屑。

麵包屑

麵包屑英文是 Breadcrumb,是網站上用來指引網友網頁目前的位置。以博客來為例,在商品的上方都會出現有很多個箭頭組合成的文字列。這些文字讓你能快速了解這商品究竟是被劃分到哪一分類下的,若要找同類型商品,只要透過麵包屑上的文字超連結就能快速前往上一層級的分類頁。

麵包屑導覽列(Breadcrumb) 對於SEO相當重要
麵包屑導覽列(Breadcrumb) 對於SEO相當重要

麵包屑對於網站至少有以下好處:

  • 幫助瀏覽者與搜尋引擎理解目前位置結構。
  • 透過麵包屑的超連結,回到分類頁,找到相類似的更多資料,提高網頁易用性。
  • 在搜尋引擎結果頁上有突出的表現方式,對SEO相當有幫助。
設置良好的麵包屑,在搜尋結果上,有特殊的呈現,雖然紅框標明的位置不能點擊,但對於Google來說,這有助於更快了解網站內容,讓你的網站搜尋排名更有機會登上第一頁。
設置良好的麵包屑,在搜尋結果上,有特殊的呈現,雖然紅框標明的位置不能點擊,但對於Google來說,這有助於更快了解網站內容,讓你的網站搜尋排名更有機會登上第一頁。

Yoast SEO 要如何設定麵包屑呢?這需要費一番功夫。在開始前,請先進行設定麵包屑,位於Search Appearance的麵包屑,選擇啟用,其他可以使用預設值。

這裡可以設定麵包屑顯示的基本設定。如果你友一些特別的文章或頁麵類型,例如 portfolio ,這裡也會顯示操作設定介面
這裡可以設定麵包屑顯示的基本設定。如果你友一些特別的文章或頁麵類型,例如 portfolio ,這裡也會顯示操作設定介面

接下來就是將麵包屑張貼到想要顯示的頁面,這個步驟對於初學者而言,相對較難,因為需要找到相對應的檔案,這和你使用的佈景主題有關。如何找到正確的檔案,需要一些經驗,若沒有經驗,可以從最常見的幾個檔案下手,然後看看是否有正常顯示。

Yoast SEO 請先利用ftp將整個檔案下載,從Wordpress 資料夾找到檔案
請先利用ftp將整個檔案下載,從Wordpress 資料夾找到檔案

在這裡請將Wordpress資料夾打開,在wp-content的themes檔案中可以找到你目前正在使用的佈景主題目錄,從中找到single.php 和/或page.php文件。這兩個檔案通常需要麵包屑,single.php是呈現文章的檔案,page.php 則是呈現頁面的檔案。在有些佈景主題你只需要貼到 header.php就能讓文章或頁面都出現麵包屑。找到檔案後,請用文字編輯器打開檔案,並將下列代碼貼到正確的位置。

<?php if ( function_exists('yoast_breadcrumb') ) {
	yoast_breadcrumb('<p id="breadcrumbs">','</p>');
} ?>

接下來我使用wordpress官方佈景主題twentysixteen,貳零壹陸來示範說明。我找到
single.phppage.php 以及 header.php 這三個檔案,下載打開,然後我們來看看張貼後會,前端網站出現甚麼效果。

Yoast SEO wordpress官方佈景主題twentysixteen,貳零壹陸的資料目錄
wordpress官方佈景主題twentysixteen,貳零壹陸的資料目錄

我預先用頁面(Page)產生了幾個空白頁面,並用目錄設置了頁面,請注意,在這裡我設置了『版型套用』這一頁的上層頁面是『印刷服務』。

Yoast SEO 使用wordpress官方佈景主題twentysixteen,貳零壹陸設置的一個示範站,這是前端顯示的樣式,我在印刷服務選單下方用頁面新增了一個叫做版型套用的頁面。在還沒張貼麵包屑之前,並沒有預先設置有麵包屑
使用wordpress官方佈景主題twentysixteen,貳零壹陸設置的一個示範站,這是前端顯示的樣式,我在印刷服務選單下方用頁面新增了一個叫做版型套用的頁面。在還沒張貼麵包屑之前,並沒有預先設置有麵包屑

然後用文字編輯器打開 page.php 以及 header.php 檔案,並將程式碼貼到檔案中。首先試著貼到 header.php 檔案。打開檔案請拉到最下方,然後貼上程式碼,請注意張貼的位置。存檔後,再用ftp覆蓋原來的檔案。

wordpress官方佈景主題twentysixteen 的 header.php 檔案,這個檔案是呈現所有頁面版頭的內容。
wordpress官方佈景主題twentysixteen 的 header.php 檔案,這個檔案是呈現所有頁面版頭的內容。

然後切換到前端,你就能看到麵包屑出現了。

設置成功的麵包屑出現了

在這個示範中,我在版型套用設置了上層頁面為印刷服務,因此你可以看見首頁 » 印刷服務 » 版型套用這樣的麵包屑。如果你沒預先做這個設定,那麼你應該看見的是首頁 » 版型套用這樣的麵包屑。

在新增頁面時,如果有必要,應該設置設置上層頁面,以利麵包屑呈現正確的結構

我們在這裡只張貼了 header.php 檔案,並且出現了正確的麵包屑,因此就不需要在針對 single.php 和/或page.php額外張貼程式碼,因為 header.php 代表了全站的版頭檔案,意思就是每一個頁面都會出現麵包屑。

事實上如果你選用了設計良好的佈景主題,麵包屑可能已經納入佈景的設置選項,而不需要額外再利用外掛呈現這個對SEO相當重要的設計。

RSS

這個功能是用來自動將你的內容加入至你的 RSS。更具體地說,就是將連結加回到你的部落格以及部落格文章中,有助於讓搜尋引擎認為你是該內容的原創來源。

RSS設定
RSS設定

SEO真正的戲肉:為每一篇文章設定良好的摘要 Snippet

不論是哪一套 SEO工具,其根本都是源自於網頁內容。獲得良好的搜尋引擎排名有很多因素,網頁內容吸引人是提高網友閱讀停留的時間與降低跳出率的根本。有了好的內容,進一步就是為這個頁面寫出簡短而吸引人的介紹,進而提高點擊率。頁面的點擊率高,排名就會逐步上升。Yoast SEO最核心的功能就是圍繞在摘要編輯與關鍵字的評分,也就是我們接下來要討論的部分。

接下來介紹這個外掛最核心的兩個功能:Snippet Editor(摘要編輯器)、Open Graph設定(開放圖譜)。了解這兩個功能並且設定完善,你就完成了整個網站SEO設定的九成工作。這兩個工具都在文章或頁面的編輯介面中,請到文章列表或頁面列表選擇一篇內容進入編輯頁面。

Yoast SEO 最重要的設定就是Snippet Editor(摘要編輯器)、Open Graph設定(開放圖譜)
Yoast SEO 最重要的設定就是Snippet Editor(摘要編輯器)、Open Graph設定(開放圖譜)

Snippet Editor(摘要編輯器)

顧名思義,這個功能是用來編輯文章 / 頁面的摘要,包括標題 Title 與描述Description(這兩者就是出現在搜尋結果頁的內容,合稱為snippet,摘要) 、Open Graph(用來控制分享到社群媒體的顯示內容 )等內容,也可以調整網頁的Meta Robots設定,如nofollow、noindex等、設定標準網址(canonical tag,可參考Google對標準網址的定義說明),等等進一步說明。

Title / Description 設定

這裡設定的Title跟Description就是Standard Meta tags,這是用來決定搜尋引擎搜尋結果的內容。如下圖,Title就是藍色大字的標題,Description 則是每則資料中,網址底下的文字摘要內容。

 Standard Meta tags 決定了搜尋結果呈現的內容
Standard Meta tags 決定了搜尋結果呈現的內容

在編輯Title跟Description時,Title跟Description可以設定預設值(用變數 Insert snippet variable 讓所有文章一致採用相同的格式與內容),然後再一一個別調整。這樣能防止部分頁面遺漏設定時,直接採用預設的格式。Yoast SEO 預設還有關鍵字分析功能(焦點關鍵字),免費版只能設定一個字 / 詞,要付費才可以設多個,目前可以暫時不需要升級!稍待我進一步說明。

Yoast SEO 設定snippet

一般而言,Title建議不要超過30個中文字,Description 則建議不要超過155個字元(約77個中文字) 。事實上 Description 的長度經常有所改變,Google曾經放寬到320字元,但2018年5月中,又將SERP顯示的描述長度縮短(請參考這篇文章)。

網路上可以找到很多關於 Title 跟 Description 的撰寫建議,這裡簡單列出一些基本原則與技巧:

  • Title 與 Description 基本上就是SERPs中的廣告,如何在多條搜尋結果中吸引點擊,是相當重要的工作。
  • 儘量將 Title 與 Description 保持適當字數,不要超過字數限制,也不要太少。
  • 若你有預期的重要關鍵字,標題與描述都應該要包含這些字元。
  • 避免每一篇文章都使用重複的內容。
  • 撰寫時可以用這兩個問題來確認:這個頁面提供什麼?我為什麼要訪問此頁面?
  • 注意Google AdWords的競爭,因為這些廣告可能會你的 Title 與 Description 一併出現,因此盡量多角度考慮,並且參考那些你覺得更吸引人的標題與描述。
  • 避免出現一些不必要的標點符號。

Snippet Editor(摘要編輯器),這裡是 Yoast SEO 最大的特色,以三個顏色的燈號來顯示你是否有需要進一步調整的地方。Yoast SEO 列出了三個指標,分別是

  • 可讀性分析:根據標題和描述的簡單計算,主要是字數與段落長度。
  • 焦點關鍵字:輸入一組焦點關鍵字來計算SEO分數。
  • 基石內容:網站的核心內容,包含網站上最好,最重要的文章;或你希望在搜索引擎中排名最高的頁面或文章。基石文章通常是相對較長的,內容豐富的文章,整理詳盡,涵蓋對某個主題重要的相關內容。當文章設定為基石內容,那麼就需要更多調整,來告訴搜尋引擎,這篇內容很重要!不過要達成這個,需要進一步付費使用更多的工具與功能。我在另一篇文章再進一步分享如何透過其他工具來完成這項工作。

Yoast SEO 的概念很簡單,當你設定良好,它就給綠燈,否則就是橘燈或灰燈
(例如未設定焦點關鍵字)。不過比較可惜的是,台灣使用的中文字,會造成一些困擾,由於Yoast SEO對中文、日文、韓文等非字母文字的文字構成和書寫方式沒有進行相容,無法正確識別這些文字的關鍵字、無法正確計算內容長度,導致上述分析項目的焦點關鍵字在分析這類文字內容時無法給出準確的結果。

由於Yoast SEO外掛程式尚未實現中文分詞Chinese Word Segmentation,因此對於中文網站來說,關鍵字分析的結果是很不準確的。使用時可以根據外掛給出的分析,逐項檢查關鍵字是否出現在了相應的位置,雖然Yoast SEO無法正確識別關鍵字,但是搜尋引擎一定可以的。有些文章會建議以空白鍵特別將關鍵字和前後文句分開,其實並不需要。

在這個部分我的建議是你可以單純參考,但不需要特別在意燈號的問題,在 Yoast SEO 修正前,這項工具只能參考他列出來的項目,然後用人工進行檢視。不過有些實用的簡單方式可以幫助你獲得更多的綠燈,請參考另一篇文章說明。

Open Graph設定(開放圖譜)

Snippet Editor另一個功能是Open Graph的設定,這決定了分享到社群平台時想顯示的文章標題、描述跟圖片。如果沒有特別指定,那麼標題跟描述預設會抓取meta值中的 Title 跟 Description來使用,如果想要不同,則可以進行個別設定。對於Wordpress而言,Facebook OG圖片預設值會抓取文章或頁面的特色圖片,如果沒設定特色圖片也沒設定 Facebook OG圖片,分享到社群平台顯示的圖就由會由文章中抓取,通常是像素最高的那張。

因此抓取的原則順序是:該網頁的Facebook OG圖片 > 特色圖片Facebook OG圖片預設值,這三個如果都沒設定,那麼就由Facebook判斷抓取圖片。

YoastSEO 開放圖譜的設定欄位是從 YoastSEO 燈號下切換,如果你沒看到,那麼請到 YoastSEO 選單的『社群網站』查看設定,點到Facebook tab就可以開啟開放圖譜的設定功能,並設定預設OG圖片,如果網址有設定OG圖片,就抓OG圖片,沒設定的話就會抓這邊設定的預設圖片。

YoastSEO 啟用OG
YoastSEO 啟用OG

如果你的網站首頁是設成靜態頁面,不是最新的文章列表,那就不會在Yoast看到前端頁面設定!要改首頁的OG設定,就要去改被設成首頁的靜態頁面的OG設定。

在這裡設定首頁是哪一頁
在這裡設定首頁是哪一頁
若你的網站首頁是以最新的文章來呈現,那麼可以在這裡設定標題與描述
若你的網站首頁是以最新的文章來呈現,那麼可以在這裡設定標題與描述

Meta Robots設定

Snippet Editor可以調整文章 / 頁面是否要noindex、nofollow等 Meta Robots設定,通常不需要進行調整,保持預設即可。如果文章不想被索引(就是變成 noindex)且由 sitemap.xml 排除,可以在 Allow search engines to show this 文章 in search results?,這裡選否;Should search engines follow links on this 文章? 這裡保留是。

最後一項標準網址(canonical tag),沒特別指定而留空的話,canonical tag會指到自身網址。如果Google Search Console沒特別檢查出有重複性內容的問題,可以不用個別設定。重複性內容問題是你有兩個不同網址,但相同內容時,就可能產生。若你管理兩個網站,上面有重複的內容,而且需要兩個網址都可以連,這時候就建議可以設定標準網址,告訴搜尋引擎,指向到你想要出現在搜尋結果的那一個頁面,避免因為重複性內容造成索引問題,例如:

  • 網域A有網址A1, B網域有網址B1, 兩個網址內容是相同的。
  • 如果希望將SEO的成效集中在A1, 可以將B1的標準網址設成A1。

Meta Robots是比較進階的設定,不了解的話不建議調整,以免出錯,Google關於Meta Robots的說明很詳盡、可先參考。

如果發現Yoast SEO沒有設定noindex,但整站都是noindex, 先檢查"設定 – 閱讀"有無勾選搜尋引擎可見度的阻擋搜尋引擎索引這個網站,有的話會造成整站noindex。

XML Sitemaps設定:告訴搜尋引擎我有甚麼

提交XML Sitemaps是進行SEO的基本動作,在WordPress中可利用Yoast SEO自動產生XML Sitemaps,類型分成文章、頁面、附檔(圖片、PDF等等)、分類、標籤等等,非常方便。

啟用XML Sitemaps的方式很簡單,由側邊欄的『一般』進入選單後,再選擇『特色』,就可以看到sitemap.xml的啟用按鈕。至於產生出來的檔案Yoast SEO放在說明中,藏得似乎有點隱密。請點選 XML Sitemaps 旁邊的?,就能看到更多說明,包含sitemap.xml的路徑,通常都是在根目錄下的sitemap_index.xml。

Yoast SEO 的網站地圖 XML Sitemaps 路徑隱藏在說明中,需要點選問號後,才會出現
Yoast SEO 的網站地圖 XML Sitemaps 路徑隱藏在說明中,需要點選問號後,才會出現

將你的Yoast XML網站地圖提交給Google + Bing + Yandex

將sitemap_index.xml提交給各搜尋引擎,以google為例,登入 Google Search Console ,點選選單中的Sitemap,然後將檔案提交,只要提交主檔即可,不需要將每個分檔(Yoast SEO通常會將文章、頁面、分類、標籤分別產生xml檔案)都全部提交。

提交網站地圖到Google Search Console
提交網站地圖到Google Search Console

搜尋控制台:修復404網頁

透過Google Search Console驗證Yoast – 這將顯示抓取錯誤(網站上已損壞的網頁),以便你可以將其重定向到你網站上的正確頁面。如果你更改了永久鏈接,已刪除的頁面或遷移了您的網站,則可能會有很多這些404錯誤的網址需要處理。在繼續之前,你需要在設定先進行驗證。不過可惜的是,Yoast SEO的重導向需要付費,因此我寫了一篇使用其他免費外掛來進行重導向的文章,來說明如何作這項工作。

搜尋控制台設定驗證
搜尋控制台設定驗證

社群網站

輸入Yoast的社群網站設定,有助於將自定義圖形上傳到每個頁面/帖子,使得在社群網站上分享該頁面時,它的圖像縮小圖格式正確,內容也符合自己想要的樣式。這就是Facebook Open GraphTwitter Cards功能。

Yoast的社群網站設定
Yoast的社群網站設定

Facebook、Twitter、Pinterest、Google+四種社群網站設定, Google+ 目前已經退出市場。常用的僅設定 Facebook、Twitter 兩者即可。

Facebook設定
Facebook設定

Facebook App ID – 如果你啟用了Facebook應用程序,可以將你申請的應用程序ID並在此處輸入。這是一個關於如何創建Facebook應用程序及其功能的說明。

工具

Yoast 工具
Yoast 工具

匯入和匯出

匯入或匯出你自己的Yoast設置,以便在你管理的其他網站上使用。如果你目前正在使用另一個WordPress SEO外掛,可以使用『從其他SEO外掛匯入』選項,將設定SEO資料轉移到Yoast。我經常使用這個工具來協助客戶網站進行SEO的初始化設置,確保這些網站能保持在最佳SEO狀態。

例如將我的網站的 Yoast 設定匯出,會在方框中產生一連串的代碼數據,將這些代碼數據複製,然後到另一個網站的匯入設定貼上,就完成了設定移植
例如將我的網站的 Yoast 設定匯出,會在方框中產生一連串的代碼數據,將這些代碼數據複製,然後到另一個網站的匯入設定貼上,就完成了設定移植

批次編輯

批次編輯SEO標題和描述(無需瀏覽每個頁面/文章)。這是用來快速編輯頁面與文章的摘要,以提高點擊率。不要忘記在標題和描述都要包含該文章的焦點關鍵字。

批次編輯可以幫助專注於標題與描述的修改,而不用一篇篇點入。這對於剛要為文章進行設定seo摘要時非常好用
批次編輯可以幫助專注於標題與描述的修改,而不用一篇篇點入。這對於剛要為文章進行設定seo摘要時非常好用

直接匯入我的Yoast SEO設定

我提供了我的 Yoast 設定檔案,請下載 zip文件,解壓縮後,用文字編輯器打開,複製所有代碼,並將其貼到工具 → 匯入和匯出 → 匯入設定。這個檔案只會配置設定,不會刪除或更改你每篇文章或頁面的焦點關鍵字或摘要。

匯入設定後你還需要做的事情:

  • 一般→Webmaster Tools(使用Google / Bing / Yandex驗證您的網站)
  • Search Appearance 搜尋外觀 → 一般 (注意一下你的網站前端首頁,看看標題名稱有沒有重複的內容,有些佈景主題可能會有這個問題)
  • Search Appearance 搜尋外觀 → 一般 (確認你的網站是否有指定靜態網頁為首頁,如果沒有請為首頁設定摘要。然後設定你是個人還是公司)
  • Search Appearance 搜尋外觀 → 麵包屑(將麵包屑設定好)
  • 搜索控制台→設置(使用Google Search Console對Yoast進行身份驗證,等幾天讓數據產生,然後修復錯誤。)
  • 社群網站 →輸入你的社交個人資料的網址(如果有),在Facebook上傳你設計的圖片,啟用Facebook。

使用Yoast 的基本建議

停止一味追求綠燈:如果你在整個內容中複製與貼上焦點關鍵詞以使Yoast滿意,我建議你停止這樣做。有許多優秀SEO的文章,都可能只是紅燈的,而且在中文字詞判斷仍未改善的情況下,獲得全數綠燈反而代表你的摘要有可能過長。將你注意力專心在你的內容。

找到成功的焦點關鍵字  – 進階版允許設定5個關鍵字,但如果你設定的焦點關鍵字沒能預期取得優秀排名,請注意分析你的流量,看看google analytic的數據,你的該篇文章是否帶來真實流量的增加,並且找出原因,因為有可能你應該選擇另一個關鍵字。通常,每個關鍵字都應該有自己的頁面,頁面內容就是在說明你設定的關鍵字。以企業網站來看,你的每項服務或產品,都應該有自己的頁面 – 有時是多個頁面,為這些頁面預設的關鍵字努力提供更精準豐富的內容,才是你應該致力的工作。

Yoast有時,其實是經常產生分析錯誤  – 事實上語言是非常奇妙的,關鍵字的判斷與字詞分析、同義字等有關,尤其是中文、日文與韓文這類方塊字,Yoast並不能準確判定。事實上即使是英文,SEO Consultant 與 SEO Consulting 可能就被判定為不同的字詞,但搜尋引擎卻顯得更為聰明。在中文字上,筆電與筆記型電腦指的是相同的商品,但你搜尋筆電,筆記型電腦這個詞語也會被標示出來。因此你應該更相信你的大腦,並且對搜尋引擎如何看待同義字作實務上的確認,確認的方式就是先找出相關關鍵字,然後一一搜尋。

在關鍵字與hook之間與找到平衡點 – 借用小胖老師的評語,是的hook,勾引人的字詞與關鍵字不見得一致,因此在之間取得平衡,使用一個漂亮的頁面標題、描述,吸引人點擊,這才是摘要的重點。

首頁的焦點關鍵字  – 你的首頁通常應包含你的主要關鍵字。請注意這件事,通常一個典型的企業網站會包含一個slider、幾塊廣告、產品彙整等。文字通常占有不多,基於SEO的原則,請注意為你的企業挑選幾個(1~3個)重要的關鍵字,然後開始發展更多的內容來支持這些關鍵字。

請重視基石內容 – 我認為除了作好摘要的工作,你應該為整個網站挑選重要的基石內容,這些頁面應該是你最重要的關鍵字中的相關內容。例如你做印刷,那麼你可以從印刷色、合版、獨立版、紙張、PANTONE等關鍵字來發展長尾關鍵字,然後為這些長尾關鍵字提供精彩豐富的內容,這些文章將成為你的基石內容。一個著名的80/20法則你可以用在網站上,你網站80%的流量將來自於20%的頁面,重視那20%的內容,那是你的基石內容。Yoast 的基石內容工具能提供的幫助並不多,但請重視這個項目。

總結

好了,終於要結束這一篇落落長的文章。Yoast SEO是一套非常好用的WordPress SEO外掛,雖然它功能強大、可讓我們事半功倍進行WordPress SEO,不過還是要搭配Google Search Console(網站管理員工具)跟Google Analytics等工具了解網站體質跟網友瀏覽狀況、不斷的進行測試與優化,並持續產出對網友有價值的獨特內容,才能提升搜尋引擎優化的成效。

有興趣了解SEO的朋友也可以透過這套工具了解到底如何作搜尋引擎優化的工作,不過不論如何設定,請記住重要的核心還是應該回歸到內容的品質。

在〈WordPress SEO 實戰 – 用 Yoast SEO 優化 WordPress 的超完整教學(2019最新版11.0)〉中有 12 則留言

  1. 您好! 感謝您的文章,最近安裝了此外掛,但是XML sitemaps問號裡的 see the XML sitemaps,點開是404 not found,想請問您知道是怎麼回事嗎? 謝謝您

    回覆
    • 自架網站有很多細節工作,但重心仍然是不斷地產出好的內容,SEO的核心意義其實是不斷的產生良好結構的文章吸引閱讀。

      回覆
  2. 真的是我看過最詳細的一篇介紹,版主超佛!!
    很想嘗試加入麵包屑,但沒有什麼程式基礎,怕把網站搞壞了,希望能推薦更方便的做法。

    回覆
    • 麵包屑與佈景主題有關,若佈景主題已經有專門設定,也可以不使用yoast seo的麵包屑功能。至於如何選用我再找時間另外撰寫。

      回覆
  3. 寫的超棒的!!!看完一篇後忍不住把之前的文章也都開來拜讀,謝謝您那麼用心把細節都一一分享,獲益良多,靠自己摸索wordpress,邊做邊學,邊找錯誤邊成長,太可惜這麼晚才發現這個網站,再次謝謝您的用心分享:)

    回覆

發佈留言