Google將OG:title標籤納入標題的參考資料

Google 在 2024/8/26 發布的文件中提到，未來會增加了og:title 作為搜尋結果標題的來源，擴展了 Open Graph 資料在社群媒體以外的使用範圍。

標題的參考資源多了 og:title

Google 一直都很看重標題(H1、title)，因此有特別在官方文件中說道「標題連結可供使用者快速掌握搜尋結果的內容，瞭解搜尋結果與查詢內容的相關性，因此十分重要。」

而在最新的搜尋文件更新中，Google 擴展了生成搜尋結果標題連結的來源清單，現在新增了 og 標籤作為自動生成網頁標題連結的參考之一。

Google 長期以來依賴多種頁面元素來生成標題連結，而增加 og 擴大了 Google 用來生成標題的範圍。

什麼是 og 標籤？

og 標籤允許您為網頁指定一個不同於傳統 HTML 標題標籤的標題，這些通常都用來優化在社群媒體上分享時的呈現的效果。

簡單來說，你可以設定一組正常的標題、圖片，這邊是給 Google 看到，或是給從 SEO 搜尋進來的人在 SERP 上看。

但你如果想要分享到 Facebook、X(Twitter)、LINE 上面有不一樣的預覽標題跟圖片，就可以使用 og 標籤來設定 og:title、og:image 等。

og 是 Open Graph 的縮寫，這是一組由 Facebook 開發的 meta 標籤，讓任何網頁都可以成為社群分享中有更豐富的呈現方式。

雖然 og 標籤主要用於網頁在社群平台上的呈現，但這次 Google 將此標籤納入搜尋結果標題的生成來源，顯示出 Open Graph 資料也許有不一樣的用途。

抑或是 Google 不想要大家都在標題塞一堆關鍵字，想參考在社群上大家會怎麼下標。

對 SEO 和內容策略的影響

隨著這項更新，您可能需要更加注意 og標籤，確保它能準確代表頁面內容，同時也對搜尋者具有吸引力。

Google 文件現在列出了用來自動生成搜尋結果的標題連結的來源：

• <title> 標籤中的內容
• 網頁上顯示的主要標題文字
• 標題元素，例如 <h1> 標籤
• og:title 個 meta 標記中的內容
• 其他透過調整樣式而變得更大而顯眼的內容
• 網頁中的其他文字
• 網頁上的錨定文字（anchor text）
• 指向該網頁的連結中使用的文字
• WebSite 結構化資料

儘管 Google 表示它的標題生成是自動化的，但了解這些來源可以幫助您影響網頁在搜尋結果中的呈現方式。

不好的標題撰寫方式

Google 在官方文件中也有提到幾點「不好的標題撰寫方式」，歸納如下：

• 在 <title> 元素中使用過於籠統的語彙
• <title> 元素中的文字也不宜過於冗長
• 請避免在標題中濫填關鍵字
• 避免在 <title> 元素中使用重複或公式化的文字
• 以簡明扼要的方式在標題中宣傳品牌
• 清楚區分出網頁的主要標題文字
• 禁止搜尋引擎檢索您的網頁時請格外謹慎
• 標題使用的語言盡量不要跟內文不同
• 避免在 <title> 元素中加入航班價格資訊

詳細說明如下：

• 在 <title> 元素中使用過於籠統的語彙
  • 例如，請不要將首頁標題稱為「首頁」，或將特定使用者的個人資料網頁標題稱為「個人資料」。
• <title> 元素中的文字也不宜過於冗長
  • 雖然 <title> 元素沒有長度限制，但為了配合裝置寬度，系統一般會視情況截短 Google 搜尋結果中顯示的標題連結。
• 請避免在標題中濫填關鍵字
  • 雖然在 <title> 元素中提供具有描述性的字詞十分實用，但請勿重複使用相同的字詞或詞組。「Foobar, foo bar, foobars, foo bars」之類的標題文字對於使用者毫無助益，且這種在標題中濫填關鍵字的情形可能會讓 Google 和其他使用者認為這筆結果不可靠。
• 避免在 <title> 元素中使用重複或公式化的文字
  • 請務必在網站上每個網頁的 <title> 元素中提供獨一無二的文字來描述網頁內容。例如，如果將商務網站上每一頁的標題都稱為「便宜商品大拍賣」，使用者就很難區分各網頁間有什麼不同。我們也不建議在 <title> 元素中使用內容大同小異的冗長文字，這會讓標題過於「公式化」；舉例來說，如果將所有網頁的 <title> 元素文字都設為「<樂團名稱> – 查看影片、歌詞、海報、專輯、評論和演唱會資訊」，就會導致標題中包含許多不具說明效果的文字。其中一種解決方法是以動態方式更新 <title> 元素，使其更能充分反映網頁的實際內容，例如只在含有影片或歌詞的特定網頁上，才加入「影片」和「歌詞」這些字詞。
• 以簡明扼要的方式在標題中宣傳品牌
  • 網站首頁的 <title> 元素相當適合用來提供網站的相關資訊，但如果每個網頁的 <title> 元素都顯示這段文字，網站的可讀性就會降低，假如同一筆查詢傳回您網站上的多個網頁，那種重複的感覺也會特別明顯。
  • 在這種情況下，請考慮只在每個 <title> 元素文字的開頭或結尾加入網站名稱，並以連字號、冒號或直立線做為分隔符號，如下所示：<title>ExampleSocialSite：註冊新帳戶。</title>
• 清楚區分出網頁的主要標題文字
  • Google 會檢視建立標題連結時的各種不同來源，包括主要的視覺標題、標題元素，以及其他大型且顯眼的文字，如果多則標題的視覺重量和醒目性都相同，就會讓使用者感到困惑。建議您確保主要標題明顯與網頁上其他文字有所區別，並清楚出現在網頁上最顯眼的位置 (例如使用較大的字型、把標題文字放入網頁上第一個可見的 <h1> 元素等)。
• 禁止搜尋引擎檢索您的網頁時請格外謹慎
  • 在網站上使用 robots.txt 通訊協定可有效阻止 Google 檢索您的網頁，但無法完全禁止 Google 為這些網頁建立索引。舉例來說，只要能從其他人的網站連至您的網頁，Google 就可以為您的網頁建立索引；但如果我們無法存取網頁內容，就會以其他網站的錨定文字等站外內容做為標題連結。如要禁止網址編入索引，可以使用 noindex 規則。
• 標題使用的語言盡量不要跟內文不同
  • 舉例來說，如果網頁是以北印度文撰寫，請確保 <title> 元素也是以北印度文撰寫 (請勿以英文撰寫標題文字，或是將標題音譯為拉丁字元)。
• 避免在 <title> 元素中加入航班價格資訊
  • 我們的系統在產生航班網頁的標題連結時，可能不會顯示價格資訊。這是因為航班的價格變動速度相當快 (有時每隔幾分鐘就會變動)，但標題連結中顯示的價格可能與到達網頁上的實際價格不同。

標題撰寫標準依舊是：原創、具描述性

Google 對於標題連結的最佳實踐基本沒有變化，仍建議為每個網頁創建獨特且具描述性的標題，避免關鍵字堆砌，並確保標題能準確反映頁面內容。

對這些元素的變更可能需要時間才能反映在搜尋結果中，因為網頁需要被重新抓取和處理。