Google Console 改善 HTML – Meta Title and Description 重複內容

歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略 – Google Console 改善 HTML 其實是網站 SEO 優化項目中的基礎,也是最容易修改的部分,而所謂 Meta Title( Google 譯為標題標記)及 Meta Description( Google 譯為中繼說明)所指的意思,就是頁面或文章在搜尋結果(SERP)列表中顯示的標題與描述,Meta Title 與 Description  之所以重要,是因為當 Google 將網站內容在搜尋引擎資料建立索引之後,當使用者搜尋的關鍵字與 Meta Title 或 Meta Description 中的內容具有相符字、同義詞或有明顯關聯性時,搜尋引擎就會將網頁顯示在搜尋結果中,只要頁面內容文字的相關性越強,而且是有意義的內容(符合 Goolge SEO 規範),出現的排名順序會越好。
Search Console 說明中也有提到,改善 HTML 最主要的目的,是提高使用者體驗,具體而言就是要避免掉內容農場(在網頁中塞入大量關鍵字詞讓搜尋引擎以為具有較高關聯性,,進而在搜尋結果中獲得較好的排名,但實際上網頁內容對使用者並沒有幫助),當一個網站中不同網址的頁面,卻具有 ” 一模一樣 ” 的 Meta Title 與 Description 時,就會讓 Google 判定為網站具有無意義的重複性內容,也就不會在搜尋結果中優先顯示。本篇教學將以如何解決 Search Console 改善 HTML 中重複標題標記與中繼說明錯誤為主軸,並示範兩個案例,希望能帶給新手站長們ㄧ些幫助。接下來跟著鵠學苑的腳步,讓我們開始學習吧!
(小提醒:本篇教學是以測試網站作為範例,如果想要應用在自己的網站,必須在沒有其他 Google 檢索與索引問題的情況下,文章所提的方法才會適用。)

Google Search Console 登入網址
https://search.google.com/search-console/about?hl=zh-TW&utm_source=wmx&utm_medium=wmx-welcome
Search Console 說明 – 改善 HTML
https://support.google.com/webmasters/answer/80407?hl=zh-Hant” target=”_blank
Search Console 說明 – 重複的內容
https://support.google.com/webmasters/answer/66359?hl=zh-Hant

使用 Yoast SEO 解決重複中繼說明( Meta Description )問題

第一步:進入到 Search Console 改善 HTML 的項目中,以下圖為例可以看到當 Goolge 有抓取到網站內容具有重複中繼說明問題時,文字將變為藍色,並且會顯示網頁數量。

Google Console 改善 HTML

第二步:點擊進入之後選擇顯示錯誤的網頁標題。

Google Console 改善 HTML

第三步:進入後會有如下圖具有重複標題標記的列表,在下圖範例中可以看到都是以 /tag/ 為開頭的網頁,也就是文章的標籤頁面。

Google Console 改善 HTML

第四步:由於筆者的範例網站是使用 Yoast SEO 為文章標籤頁面建立 Meta Description,因此必須到 SEO 項目中的 Search Appearance 做修改。

Google Console 改善 HTML

在分類法 → 標籤的區塊中,可以看到所有標籤頁都被套用一模一樣的 Meta Description。

Google Console 改善 HTML

第五步:為了讓 Meta Description 在搜尋引擎抓取時具有可識別性,必須運用 Yoast SEO 提供的 snippet variable 項目為 Meta Description 插入不同的文字內容,以下圖為例,筆者分別置入 Term title(標籤名稱) 、Site title(網站標題)、Separator(分隔符號)在 Meta Description 中,其中 Site title 與 Separator 可以不用加入,重點在 Term title 一定要置入,因為 Term title 變數代表會自動抓取標籤名稱並在搜尋結果中的 Meta Description 顯示,如此一來每一個標籤頁面雖然描述內容相同,但段落開頭的文字內容不同,就能讓標籤頁的 Meta Description 具有可識別性。插入變數的方法可以參考:WordPress SEO 優化工具 – Yoast SEO 設定教學 (專業版)

(小提醒:此方法適用於標籤頁面過多,無法在短時間內一一修改標籤中繼說明時過渡期間解決方案,較正確的做法還是要為每一個標籤頁面寫入不一樣的中繼說明,才能預先避免重複性內容錯誤。)

Google Console 改善 HTML

Google Console 改善 HTML

第六步:在完成中繼說明修改後,必須要告訴 Google 已經修正完成了,因為範例中是標籤頁面,所以可以到 Sitemap 中重新提交標籤頁索引檔案。

Google Console 改善 HTML

Google Console 改善 HTML

第七步:提交完成後點選重新整理頁面,可以看到處理日期為當天日期,就代表重新提交完成。

Google Console 改善 HTML

Google Console 改善 HTML

使用 Google 模擬器重新提交具有重複標記(Meta Title)的網址

第一步:下圖是 Search Console 改善 HTML 重複標題標記的錯誤頁面,可以看到有兩個網址在不同子目錄(文章分類)中建立的文章,具有同樣的標題標記內容(兩個分類名稱分別是 WordPress 外掛 與 WordPress 相關工具)。會發生此次案例的錯誤,較有可能的幾種原因下方簡述:

  1. 複製 A文章出來,想要改為 B文章,但卻沒有設定為草稿而是直接發佈,導致 Google 在爬取頁面時同時索引 A 與 B,也就是説 B文章在未完成修改前就被納入索引。
  2. 文章同時選中兩個分類,但卻沒有設定主要與次要分類,導致 Google 認定為是兩個不同的頁面。
  3. 變更文章分類後,沒有使用 301 永久轉址宣告網址已變更,在 Google 索引的資料庫中舊網址與新網址的檢索庫存頁面都具有一樣的標題標記與中繼說明,因此被判定重複性內容。

Google Console 改善 HTML

第二步:回到網站後台,到文章分類中檢查,首先查看 WordPress 外掛分類中所有的文章頁面。

Google Console 改善 HTML

在顯示錯誤的文章名稱上點選快速編輯,檢查分類是否勾選正確,如果是錯誤的就必須修正,完成後點選更新。

Google Console 改善 HTML

第三步:在確實檢查文章的設定沒有錯誤之後,就可以使用 Google 模擬器重新提交文章網址。

Google Console 改善 HTML

第四步:輸入網址並點選擷取後,在下方點選要求建立索引,接續進行機器人身份驗證,並點選僅檢索此網址後,點擊提交按鈕。

Google Console 改善 HTML

Google Console 改善 HTML

第五步:可以在下方擷取紀錄中看到狀態欄位標註已要求建立索引,代表重新提交完成。

Google Console 改善 HTML

結語:

首先在第二小節中使用 Google 模擬器重新提交網址,是告訴搜尋引擎 ” 請重新檢索此網址內容 “,目的是為了要讓 Google 知道此網頁的內容已經做修正,Google 重新檢索後發現錯誤已修正的話,才會將 Search Console 中改善 HTML 的錯誤提示消除。如果有仔細看完文章內容,此時應該會想問 Google 重新檢索網頁並將錯誤訊息刪除的時間要多久?按照筆者的經驗,要視網站被 Google 檢索的頻率而定,有些網站一個星期就完成,有些卻會到三個月甚至半年之久,至於如何提升被 Google 檢索的頻率,筆者在後續 Search Console 教學系列有關檢索的項目中會有進一步的說明。
今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

架站 相關教學文章

網站架設知識推薦閱讀

GDPR 歐盟 個人資料保護 法規發佈,網站必須建立 隱私 政策 !
B2B 外銷網站 – 網站設計與規劃的五大面向
Elementor 網頁編輯器 突破 300 萬下載次數,最受歡迎的外掛!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

返回頂端