Google 搜尋結果顯示的文章標題、摘要、縮圖,跟你想的不 ...
文章推薦指數: 80 %
Blogger 社團有幾個提問跟「搜尋結果顯示的文字、圖片」不如預期有關,例如:. 縮圖相關:「用手機google搜尋時發現到blog文章的縮圖並不是封面的 ...
服務項目
諮詢/服務項目
客製化/套版架設網站流程
痞客邦搬家
架站作品集
導覽
如何使用本站
Blogger新手指引
本站的Hack及工具
熱門文章一覽
文章列表+讚統計
Blogger
小技巧
小工具
行動版
官方工具
留言相關
Blogger相關
Blogger筆記
Blogger範本
Blogger語法
Google
Google試算表
Chrome套件
GoogleDrive
Google搜尋
GoogleAdsense
GoogleAnalytics
AppsScript
Google相關
部落格
部落格經營
搬家
SEO
社交分享按鈕
網站工具
網頁效能
部落格廣告
著作權保護
網頁設計
字型
RWD
Bootstrap
jQuery工具
CSS技巧
Javascript技巧
網頁開發工具
圖片展示工具
網路雲端
Facebook
Line
Dropbox
Evernote
資訊安全
免費空間
會員中心
會員資訊
會員限定文章
會員加值文章
點數使用明細
會員公告
會員討論區
關於會員系統
關於
關於本站
贊助管道
版權聲明
隱私權政策
留言板
2019年9月20日
Google搜尋結果顯示的文章標題、摘要、縮圖,跟你想的不一樣(各種案例整理)
WayneFu
電腦-Google-搜尋
0
A+
色
a:link{text-decoration:underline;}.post{background:#fff;color:#222}[style*='990000'],[style*=cc0000],[style*='6aa84f'],[style*='3d85c6']{border-bottom:2pxdashed#ccc}[style*='990000']:before,[style*=cc0000]:before{content:"紅字";font-size:70%;font-weight:700;vertical-align:top}[style*='6aa84f']:before{content:"綠字";font-size:70%;font-weight:700;vertical-align:top}[style*='3d85c6']:before{content:"藍字";font-size:70%;font-weight:700;vertical-align:top}
Blogger社團有幾個提問跟「搜尋結果顯示的文字、圖片」不如預期有關,例如:
縮圖相關:「用手機google搜尋時發現到blog文章的縮圖並不是封面的照片,而且用不同手機搜尋出現的縮圖還會不一樣,想問是否有方法可以指定某張圖來當搜尋的縮圖圖片嗎?」
標題相關:Kelsey留言詢問「部分文章在GoogleBlogger文章設定中的標題與發佈後的顯示標題不同,例如我設定的標題為"XXXXXABCDE",但Google搜尋後顯示為"ABCDEXXXXX"。
不知道是否有什麼方式可以讓Google搜尋顯示正確的呢?」
這兩個狀況其實是同一種現象,Google向我們展示在「搜尋不同關鍵字」時,提供當下最貼切的搜尋結果,而非總是單一結果,也可說是AI智慧搜尋的能力。
(圖片出處:pexels.com)
一、原理說明
根據「Google各種搜尋結果不如預期的疑難雜症整理」→「Q4」:
1.Google為了防止操作SEO的人,在文章標題塞滿關鍵字,會自動根據文章的內容與標題的關連性,來調整"文章標題"的字串,那麼就可能在搜尋結果看到Google判定的文章標題。
2.另一種情況是Google會根據使用者搜尋的"關鍵字",自動調整顯示出來的"文章標題"。
因此同樣的一篇文章,搜尋的字串不同,搜尋結果的標題也可能不一樣,這是為了讓「搜尋結果符合關鍵字」產生的現象。
這兩點可以完美解釋為何Google針對不同的關鍵字,會給與完全不同的搜尋結果。
代表Google有能力從搜尋的關鍵字進行解讀,「使用者真正想要問的問題是什麼」,就算找的是同一篇文章,也能「根據不同問題給與對應的回答」。
一方面Google對於「文字語意」的分析能力已經十分強大無庸置疑,一方面Google對於「圖片」的解析能力到達什麼程度?
二、手機搜尋結果不同縮圖範例
其實WFU不常注意手機搜尋的結果,只知道網頁版一般搜尋結果不會有縮圖,若不是文章開頭FB社團成員詢問搜尋結果縮圖的問題,還真不知道原來手機搜尋有可能會附上縮圖,因此特別針對這個案例進行研究。
1.什麼文章不會有縮圖
直接整理分析我測試的各種搜尋結果:
大部分文章都不會有縮圖,例如本站屬性為資訊、知識類的文章
美食旅遊類有可能會出現縮圖
如果美食旅遊類的文章,沒有正確設定FBmeta標記、或是「結構性資料」,Google會找不到縮圖資料來呈現在搜尋結果。
Blogger平台基本上範本已幫我們設定好了,可參考「Blogger開始支援分享到FB顯示縮圖」,不必擔心縮圖不會出現這件事。
所以非Blogger平台的美食旅遊類文章需要注意,手機上搜尋結果想出現縮圖的話,需要檢查文章的網頁原始碼有沒有og:image相關資料。
2.預設縮圖為首圖
基本上og:image抓的就是文章的第一張圖,所以把中意的圖放在文章最前面就對了。
以案主這篇文章「奧地利薩爾茨堡主教座堂」為例,在手機搜尋完整文章標題時,顯示的就會是文章中第一張圖:
3.根據不同關鍵字顯示不同縮圖
而當在手機搜尋關鍵字「薩爾斯堡大教堂」時,搜尋結果如下:
這個結果讓WFU非常驚訝,顯示的圖片完全不一樣,而且找了一下,這張圖位於該篇文章似乎是第十幾還是二十幾張圖的位置,非常後面。
但是以關鍵字「薩爾斯堡大教堂」而言,這張圖的確是非常精確的選擇,能從外觀看出教堂的明顯特徵,會比首圖來得恰當。
這樣的技術讓WFU十分震驚,Google除了會分析整篇文章的文字語意,也會分析所有圖片,還能精確識別個別圖片的意涵,提供給不同的關鍵字使用。
那麼我想站長們不必擔心縮圖的問題,Google自然會提供給搜尋者最好的選擇。
三、搜尋結果不同文章標題範例
以下提供根據不同關鍵字,同一篇文章在搜尋結果顯示不同文章標題的案例。
例如本站這篇「Blogger諮詢|架站|行動版|網頁設計|提案合作」,搜尋關鍵字「Blogger網頁設計」時,效果如下:
而當搜尋「WFUBLOG」時,額外出現的6個sitelink赫然發現了一篇「網頁設計」:
但我並沒有寫過「網頁設計」這樣的文章啊?點進去才發現就是前面那篇文章,代表Google自動將標題改成「網頁設計」這4個字了。
會有這樣的結果不是一天形成的,因為我以前沒看過這個標題,也許Google曾經為這篇文章顯示了各種不同的標題字串過,最後發現顯示「網頁設計」的點擊效果最好,代表來WFUBLOG的訪客有一部份是想要尋找「網頁設計」的資訊,而Google偵測到了這樣的需求,自動幫我改了標題。
所以我們也不需擔心網站的搜尋結果會出現什麼樣的文章標題,Goolge自動會幫我們找出效果最佳的一種排列組合。
我們需要費心的,只剩下如何在標題裡面放入各種使用者可能會搜尋的關鍵字。
但請不要堆砌關鍵字,標題請放給"人"看的文字敘述。
四、搜尋結果不同文章摘要範例
以這篇「部落格網站是否加強SEO就能帶來流量?」進行舉例,搜尋「部落格SEO流量關係」的結果:
上圖搜尋結果的摘要,其實並不在文章本文之中,而是Blogger後台文章編輯器中「搜尋說明」所設定的內容,操作說明可參考「Blogger只要做到這幾件事,就能輕鬆加強SEO搜尋排名」→「三、文章優化」→「2.文章說明」。
建議讀者每篇文章一定要不辭辛勞設定這些「搜尋說明」,內容不要複製貼上某段文章內容,另外用心寫一段可以增加關鍵字的說明,那麼如同上圖的搜尋結果,可增加文章被搜尋到的機會。
當把搜尋關鍵字改成「部落格SEO流量關鍵」時,結果如上圖,Google的摘要敘述另外抓到了一段「三、簡化經營要素四、SEO與流量的關係五、提升流量的關鍵」,這是該篇文章的副標題。
因為我使用了「Blogger文章自動產生大綱索引錨點區塊」,自動將文章所有副標題用js產生一個大綱區塊,而Google現在會索引js內容(不保證每個網站都會索引),這些提前出現的大綱若有關鍵字,也會增加不少被搜尋到的機會。
以上簡單整理各種搜尋結果的範例,讀者可以清楚看出在不同關鍵字下,搜尋結果的變化,相信對SEO的原理可以更瞭解幾分。
更多SEO相關文章:
0
0
如這篇文章對你有幫助,歡迎「分享」到FB、「追蹤」粉絲團、「訂閱」最新文章
FB
LINE
電腦-Google-搜尋
WayneFu
前端開發‧Blogger探研‧網站架設
歡迎來到我的雲端資料庫,這裡除了分享網路應用心得,也是最專業的Blogger中文部落格。
利用側邊欄「搜尋」及「文章分類」,可解決大多數的問題喔!
下方連結還有更多的Blogger資源及服務,如需諮詢、合作,歡迎填寫聯絡表單或來信:[email protected]
FB社團
FB粉絲團
Blogger論壇
Blogger工具
諮詢/架站/網頁設計
Blogger架站作品集
2則留言:
sinyu2020年9月25日上午11:21你好~想問一下如果og:image有設定~但是他手機搜尋縮圖依舊亂抓到不是我想要的該怎麼辦orz,這個有解答嗎....回覆刪除回覆WayneFu2020年9月25日上午11:27你的問題不就是本篇在說明的內容嗎?刪除回覆回覆回覆新增留言載入更多…
張貼留言注意事項:
◎勾選「通知我」可收到後續回覆的mail!◎請在相關文章留言,與文章無關的主題可至「Blogger社團」提問。
◎請避免使用Safari瀏覽器,否則無法登入Google帳號留言(只能匿名留言)!◎提問若無法提供足夠的資訊供判斷,可能會被無視。
建議先參考這篇「Blogger提問技巧及注意事項」。
◎CSS相關問題非免費諮詢,建議使用「Chrome開發人員工具」尋找答案。
◎手機版相關問題請參考「Blogger行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger行動版範本修改技巧」,或本站Blogger行動版標籤相關文章。
◎非官方範本問題、或貴站為商業網站,請參考「Blogger免費諮詢+付費諮詢」◎若是使用官方RWD範本,請參考「Blogger推出全新自適應RWD官方範本及佈景主題」→不建議對範本進行修改!◎若留言要輸入語法,""這兩個符號請用其他符號代替,否則語法會消失!◎為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎本站「已關閉自刪留言功能」。
站內搜尋
文章分類
生活-理財
(2)
生活-數位生活-3C產品
(17)
生活-數位生活-網路電視
(2)
生活-數位生活-Android
(11)
生活-數位生活-Eink產品
(5)
生活-數位生活-iPhone
(5)
休閒-三國志11-五奇戰記
(5)
休閒-三國志11-公孫恭開局
(9)
休閒-三國志11-引兵誘敵開局
(14)
休閒-三國志11-水淹開局
(2)
休閒-三國志11-火攻開局
(13)
休閒-三國志11-防守反擊開局
(13)
休閒-三國志11-圍城港關坑兵開局
(6)
休閒-三國志11-運用建築設施開局
(16)
休閒-三國志11-綜合主題
(8)
休閒-小遊戲-射擊
(2)
休閒-小遊戲-益智
(2)
休閒-小遊戲-動作
(11)
休閒-小遊戲-策略
(3)
休閒-太空戰士7
(6)
電腦-部落格-站務-大事紀要
(7)
電腦-部落格-站務-公告
(27)
電腦-部落格-站務-留言板
(3)
電腦-部落格-站務-會員系統
(7)
電腦-部落格-站務-網站服務
(10)
電腦-部落格-中國大陸封鎖
(7)
電腦-部落格-社交分享按鈕
(10)
電腦-部落格-部落格相關
(10)
電腦-部落格-部落格經營
(12)
電腦-部落格-著作權保護
(19)
電腦-部落格-搬家
(12)
電腦-部落格-網站工具
(31)
電腦-部落格-網域
(14)
電腦-部落格-廣告
(10)
電腦-部落格-Godaddy
(7)
電腦-部落格-SEO
(51)
電腦-部落格-WordPress
(10)
電腦-網頁設計-字型
(17)
電腦-網頁設計-免費圖庫
(9)
電腦-網頁設計-使用者體驗
(13)
電腦-網頁設計-表格
(8)
電腦-網頁設計-接案心得
(5)
電腦-網頁設計-圖片展示工具
(10)
電腦-網頁設計-網頁技巧
(12)
電腦-網頁設計-網頁開發工具
(13)
電腦-網頁設計-網站效能
(17)
電腦-網頁設計-Bootstrap
(10)
電腦-網頁設計-CSS
(49)
電腦-網頁設計-HTML
(23)
電腦-網頁設計-iOS
(5)
電腦-網頁設計-Javascript技巧
(30)
電腦-網頁設計-Javascript筆記
(6)
電腦-網頁設計-jQuery
(34)
電腦-網頁設計-RWD
(17)
電腦-網路雲端-免費空間
(10)
電腦-網路雲端-爬蟲
(4)
電腦-網路雲端-資訊安全
(20)
電腦-網路雲端-線上工具
(16)
電腦-網路雲端-瀏覽器
(8)
電腦-網路雲端-Dropbox
(5)
電腦-網路雲端-Evernote
(10)
電腦-網路雲端-Facebook
(50)
電腦-網路雲端-Github
(2)
電腦-網路雲端-IFTTT
(4)
電腦-網路雲端-Line
(12)
電腦-網路雲端-PTT
(7)
電腦-網路雲端-RSS閱讀器
(12)
電腦-網路雲端-YahooPipe
(4)
電腦-Blogger-工具-文章列表-TOC
(13)
電腦-Blogger-工具-文章列表-TOC極速版
(6)
電腦-Blogger-工具-私密留言
(6)
電腦-Blogger-工具-官方工具
(15)
電腦-Blogger-工具-側邊欄
(16)
電腦-Blogger-工具-推文
(5)
電腦-Blogger-工具-單篇文章計數器
(5)
電腦-Blogger-工具-搜尋功能
(8)
電腦-Blogger-工具-導覽列
(13)
電腦-Blogger-工具-Blogger工具
(21)
電腦-Blogger-Hack-留言-留言相關
(29)
電腦-Blogger-Hack-留言-舊範本留言
(10)
電腦-Blogger-Hack-標籤-多層樹狀標籤
(7)
電腦-Blogger-Hack-標籤-兩層樹狀標籤
(6)
電腦-Blogger-Hack-標籤-標籤文章列表
(3)
電腦-Blogger-Hack-標籤-標籤相關
(2)
電腦-Blogger-Hack-私密文章
(4)
電腦-Blogger-Hack-讀者反應
(4)
電腦-Blogger-Hack-Blogger語法
(15)
電腦-Blogger-行動版
(24)
電腦-Blogger-Blogger小技巧
(25)
電腦-Blogger-Blogger相關
(90)
電腦-Blogger-Blogger筆記
(14)
電腦-Blogger-Blogger範本
(20)
電腦-Google-搜尋
(14)
電腦-Google-試算表
(29)
電腦-Google-網站管理員
(8)
電腦-Google-Adsense
(26)
電腦-Google-Analytics
(16)
電腦-Google-AppsScript
(16)
電腦-Google-Authorship
(5)
電腦-Google-Chrome
(19)
電腦-Google-CloudPlatform
(1)
電腦-Google-Drive
(21)
電腦-Google-G+
(26)
電腦-Google-Gmail
(7)
電腦-Google-Google相關
(19)
電腦-Google-GooglePhoto
(7)
電腦-Google-Picasa
(15)
電腦-Google-Youtube
(5)
電腦-Windows-Hotkeyz
(7)
電腦-Windows-Win軟體
(4)
電腦-Windows-XP
(1)
閱讀-有錢人想的和你不一樣
(15)
閱讀-為健康把關的57堂課
(2)
精選文章
最新文章
recentposts
Blogger精選
網頁設計精選
聯絡我
最新回應
請先閱讀「填寫諮詢聯繫表單SOP」瞭解重要資訊,如非需要發案給本站,提問請至「Blogger社團」,謝謝!
稱呼:(必填)
電子郵件:(必填)
您的網址或提問的相關網址:(必填)
簡單自介、如何找到本站:(必填)
請詳細描述您的需求、問題或意見,如提供的資訊不足,可能無法回覆:(必填)
友格
關注1
關注2
訂閱
CC0免費圖庫搜尋引擎
TV線上看電視
TOP
延伸文章資訊
- 1Google 推免費圖片壓縮工具Squoosh 可離線用於電腦與手機
Google Chrome 團隊今天發佈了一個新的實驗工具:「 Squoosh 」,這是一個線上圖片壓縮工具,支援各種格式的圖檔,也能幫照片減肥後下載成不同的檔案 ...
- 2在Google試算表直接看到上傳圖片的縮圖|就是要看得到你之 ...
在Google試算表直接看到上傳圖片的縮圖|就是要看得到你之利用表單上傳的圖片,可以直接在回應 ...
- 3Google 搜尋結果顯示的文章標題、摘要、縮圖,跟你想的不 ...
Blogger 社團有幾個提問跟「搜尋結果顯示的文字、圖片」不如預期有關,例如:. 縮圖相關:「用手機google搜尋時發現到blog文章的縮圖並不是封面的 ...
- 4Google 免費圖片壓縮工具「Squoosh」,線上幫你圖片減肥
Squoosh 就是一款來自Google 的免費線上圖片壓縮工具,類似服務還不少,包括我個人相當喜愛的TinyPNG、TinyJPG 和電腦版Pngyu 可免費下載使用,好處是已經整合各種強大 ...
- 5在YouTube 工作室應用程式中新增影片縮圖 - Google Support
注意事項:變更後的縮圖可能需要一段時間才會顯示在YouTube 中。 自訂縮圖的最佳做法. 圖片尺寸(解析度).