2019年9月20日

Google 搜尋結果顯示的文章標題、摘要、縮圖,跟你想的不一樣(各種案例整理)

Google 搜尋結果顯示的文章標題、摘要、縮圖,跟你想的不一樣(各種案例整理)

Wayne Fu 0 A+
google-search-result-title-thumbnail-snippet.jpg-Google 搜尋結果顯示的文章標題、摘要、縮圖,跟你想的不一樣Blogger 社團有幾個提問跟「搜尋結果顯示的文字、圖片」不如預期有關,例如:

  • 縮圖相關:「用手機google搜尋時發現到blog文章的縮圖並不是封面的照片,而且用不同手機搜尋出現的縮圖還會不一樣,想問是否有方法可以指定某張圖來當搜尋的縮圖圖片嗎?」
  • 標題相關:Kelsey 留言詢問「部分文章在Google Blogger文章設定中的標題與發佈後的顯示標題不同,例如我設定的標題為"XXXXXABCDE",但Google搜尋後顯示為"ABCDEXXXXX"。不知道是否有什麼方式可以讓Google搜尋顯示正確的呢?」

這兩個狀況其實是同一種現象,Google 向我們展示在「搜尋不同關鍵字」時,提供當下最貼切的搜尋結果,而非總是單一結果,也可說是 AI 智慧搜尋的能力。


(圖片出處: pexels.com)


一、原理說明


根據「Google 各種搜尋結果不如預期的疑難雜症整理」→「Q4」:

1. Google 為了防止操作 SEO 的人,在文章標題塞滿關鍵字,會自動根據文章的內容與標題的關連性,來調整 "文章標題" 的字串,那麼就可能在搜尋結果看到 Google 判定的文章標題。

2. 另一種情況是 Google 會根據使用者搜尋的 "關鍵字",自動調整顯示出來的 "文章標題"。因此同樣的一篇文章,搜尋的字串不同,搜尋結果的標題也可能不一樣,這是為了讓「搜尋結果符合關鍵字」產生的現象。

這兩點可以完美解釋為何 Google 針對不同的關鍵字,會給與完全不同的搜尋結果。代表 Google 有能力從搜尋的關鍵字進行解讀,「使用者真正想要問的問題是什麼」,就算找的是同一篇文章,也能「根據不同問題給與對應的回答」。

一方面 Google 對於「文字語意」的分析能力已經十分強大無庸置疑,一方面 Google 對於「圖片」的解析能力到達什麼程度?



二、手機搜尋結果不同縮圖範例


其實 WFU 不常注意手機搜尋的結果,只知道網頁版一般搜尋結果不會有縮圖,若不是文章開頭 FB 社團成員詢問搜尋結果縮圖的問題,還真不知道原來手機搜尋有可能會附上縮圖,因此特別針對這個案例進行研究。

1. 什麼文章不會有縮圖

直接整理分析我測試的各種搜尋結果:

  • 大部分文章都不會有縮圖,例如本站屬性為資訊、知識類的文章
  • 美食旅遊類有可能會出現縮圖
  • 如果美食旅遊類的文章,沒有正確設定 FB meta 標記、或是「結構性資料」,Google 會找不到縮圖資料來呈現在搜尋結果。
  • Blogger 平台基本上範本已幫我們設定好了,可參考「Blogger 開始支援分享到 FB 顯示縮圖」,不必擔心縮圖不會出現這件事。

所以非 Blogger 平台的美食旅遊類文章需要注意,手機上搜尋結果想出現縮圖的話,需要檢查文章的網頁原始碼有沒有 og:image 相關資料。


2. 預設縮圖為首圖

基本上 og:image 抓的就是文章的第一張圖,所以把中意的圖放在文章最前面就對了。

以案主這篇文章「奧地利薩爾茨堡主教座堂」為例,在手機搜尋完整文章標題時,顯示的就會是文章中第一張圖:

google-search-result-title-thumbnail-snippet-1.jpg-Google 搜尋結果顯示的文章標題、摘要、縮圖,跟你想的不一樣


3. 根據不同關鍵字顯示不同縮圖

而當在手機搜尋關鍵字「薩爾斯堡 大教堂」時,搜尋結果如下:

google-search-result-title-thumbnail-snippet-2.jpg-Google 搜尋結果顯示的文章標題、摘要、縮圖,跟你想的不一樣


這個結果讓 WFU 非常驚訝,顯示的圖片完全不一樣,而且找了一下,這張圖位於該篇文章似乎是第十幾還是二十幾張圖的位置,非常後面。

但是以關鍵字「薩爾斯堡 大教堂」而言,這張圖的確是非常精確的選擇,能從外觀看出教堂的明顯特徵,會比首圖來得恰當。

這樣的技術讓 WFU 十分震驚,Google 除了會分析整篇文章的文字語意,也會分析所有圖片,還能精確識別個別圖片的意涵,提供給不同的關鍵字使用

那麼我想站長們不必擔心縮圖的問題,Google 自然會提供給搜尋者最好的選擇。



三、搜尋結果不同文章標題範例


以下提供根據不同關鍵字,同一篇文章在搜尋結果顯示不同文章標題的案例。

例如本站這篇「Blogger 諮詢 | 架站 | 行動版 | 網頁設計 | 提案合作 」,搜尋關鍵字「Blogger 網頁設計」時,效果如下:

google-search-result-title-thumbnail-snippet-3.jpg-Google 搜尋結果顯示的文章標題、摘要、縮圖,跟你想的不一樣


而當搜尋「WFU BLOG」時,額外出現的 6 個 sitelink 赫然發現了一篇「網頁設計」:

google-search-result-title-thumbnail-snippet-4.jpg-Google 搜尋結果顯示的文章標題、摘要、縮圖,跟你想的不一樣


但我並沒有寫過「網頁設計」這樣的文章啊?點進去才發現就是前面那篇文章,代表 Google 自動將標題改成「網頁設計」這 4 個字了。

會有這樣的結果不是一天形成的,因為我以前沒看過這個標題,也許 Google 曾經為這篇文章顯示了各種不同的標題字串過,最後發現顯示「網頁設計」的點擊效果最好,代表來 WFU BLOG 的訪客有一部份是想要尋找「網頁設計」的資訊,而 Google 偵測到了這樣的需求,自動幫我改了標題。

所以我們也不需擔心網站的搜尋結果會出現什麼樣的文章標題,Goolge 自動會幫我們找出效果最佳的一種排列組合。我們需要費心的,只剩下如何在標題裡面放入各種使用者可能會搜尋的關鍵字。但請不要堆砌關鍵字,標題請放給 "人" 看的文字敘述。



四、搜尋結果不同文章摘要範例


以這篇「部落格網站是否加強 SEO 就能帶來流量?」進行舉例,搜尋「部落格 SEO 流量 關係」的結果:

google-search-result-title-thumbnail-snippet-5.jpg-Google 搜尋結果顯示的文章標題、摘要、縮圖,跟你想的不一樣

上圖搜尋結果的摘要,其實並不在文章本文之中,而是 Blogger 後台文章編輯器中「搜尋說明」所設定的內容,操作說明可參考「Blogger 只要做到這幾件事, 就能輕鬆加強 SEO 搜尋排名」→「三、文章優化」→「2. 文章說明」。

建議讀者每篇文章一定要不辭辛勞設定這些「搜尋說明」,內容不要複製貼上某段文章內容,另外用心寫一段可以增加關鍵字的說明,那麼如同上圖的搜尋結果,可增加文章被搜尋到的機會。


google-search-result-title-thumbnail-snippet-6.jpg-Google 搜尋結果顯示的文章標題、摘要、縮圖,跟你想的不一樣

當把搜尋關鍵字改成「部落格 SEO 流量 關鍵」時,結果如上圖,Google 的摘要敘述另外抓到了一段「三、簡化經營要素 四、SEO 與流量的關係 五、提升流量的關鍵」,這是該篇文章的副標題。

因為我使用了「Blogger 文章自動產生大綱索引錨點區塊」,自動將文章所有副標題用 js 產生一個大綱區塊,而 Google 現在會索引 js 內容(不保證每個網站都會索引),這些提前出現的大綱若有關鍵字,也會增加不少被搜尋到的機會。

以上簡單整理各種搜尋結果的範例,讀者可以清楚看出在不同關鍵字下,搜尋結果的變化,相信對 SEO 的原理可以更瞭解幾分。


更多 SEO 相關文章:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

2 則留言:

  1. 你好~想問一下如果og:image有設定~但是他手機搜尋縮圖依舊亂抓到不是我想要的該怎麼辦orz,這個有解答嗎....

    回覆刪除
    回覆
    1. 你的問題不就是本篇在說明的內容嗎?

      刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP