改了網站名字,為什麼貼文縮圖跟搜尋結果卻全亂了?|OGP 設定出錯,縮圖張張都錯之 ChatGPT 協助筆記 02

自從購買了 ChatGPT 的付費版,抱持著「既然都花錢了,就要用到值得」的原則,我幾乎每天都會問一些問題,沒想到只是突發奇想來問問看自家網站,就沒想到意外解決了困擾我許久的兩個網站疑難雜症:

  • 為什麼我的網站在 Google 搜尋結果中沒出現小圖(Favicon)?
  • 為什麼社群分享貼文時,無法正確顯示出正確縮圖(OGP 設定)?

這兩個問題其實是 WordPress 社團中常見的疑問,但對我來說最困擾的是,不管是 SEO 外掛的設定,也去看了官方教學設定,還是啟用主打og:image問題的外掛,完全沒有任何效果,甚至一度懷疑是不是 Rank Math 太強大,我沒有搞懂它的邏輯跟設定,乾脆換成簡約的 SEOPress 這套 SEO 外掛再重新來過,卻還是一樣無解。

沒想到關鍵問題真的讓 ChatGPT 抓出來了,為了讓 ChatGPT 能更精準抓出問題,一邊排查、一邊梳理出問題之間的是否有關連,慢慢的逐漸拼出整體輪廓,從主題結構(是否正確呼叫 wp_head())、SEO 外掛的 Open Graph 設定、Favicon 的圖示規格與格式、到 LiteSpeed Cache 與 Cloudflare 的快取清理,再進一步用 Google Search Console 重新提交首頁與文章索引,最終我的兩大問題都獲得解決了,透過一次次的發現再解決,解決再發現的多次重覆過程,最終將所有看似分散的環節,連成了一條除錯的脈絡。

雖然一開始我也是「哪裡出問題就修哪裡」的亂槍打鳥,但透過 ChatGPT 的輔助與反覆詢問,漸漸能找出錯誤背後的結構性原因,本來是想要把這一系列的問題都寫在同一篇文章中,讓大家可以一次看完找到原因。然開始動手後,發現每個但似簡單問題,其實背後有其相對應的基礎概念,若要稍微解釋這基礎概念,那文章簡直長到讓人絕望,就算有 ChatGPT 幫忙,我還是不知道要怎麼下手撰寫與修改。

所以我把我除錯的過程按照順序跟重點分批撰寫不同文章中,讓問題能夠更深入的討論,也順便幫自己上課,叫一個文組來理解這些東西,有夠頭痛的,為了不讓自己崩潰,決定每一篇文章都會聚焦在一個問題,一步步找出解法與思路,搭配實際 ChatGPT 協助的過程紀錄,讓這份筆記不只是筆記,也能作為網站除錯時的檢查方向,希望讓「設好了 SEO 外掛卻沒有縮圖」、「Favicon 突然在 Google 搜尋中消失」為此苦惱的網站管理者有個頭緒,進而找到解決問題。

重新設定完畢,但 SEO 外掛是不自動更新 OGP

其實我的網站改過兩次名字,剛建站的時候叫「藤花架下的浪漫」,後來換主題時也順便換成之前的「梅屋記事」。現在回想起來,這也許就是問題的源頭之一,而自己沒察覺到,也有可能因為 Avada 太難用了,只要網站能順利打開不卡頓,圖片都有在應該在位置,裝置切換也不影響觀看體驗,我都不覺得網站有啥問題。

記得有一次參加 WordPress 的小聚,一位蠻常來的工程師剛好拿我的網站練手查資料,結果注意到我的網站在 Google 搜尋結果上「有點怪怪的」,不是網站有錯誤,而是搜尋顯示的方式好像哪裡不太對,但也有可能是 Google 沒收錄好,也可能是網站本身有設定問題,但當下也沒辦法立即抓出具體是哪裡出錯。

雖然有點在意,但也不好意思現場請對方幫我檢查,畢竟這是人家的專業領域,加上現場也不只我一位參與者,不太可能要人家全場只幫我一個,而且那時候我網站的名稱早就改成「梅屋記事」,壓根沒想過「網站改名」會跟什麼技術問題有關,反正網站正常顯示、內容能讀,當時就覺得這不算什麼大問題。

一直到最近,我真的要處理社群分享縮圖出不來的問題時,才在 ChatGPT 的協助下一步步抽絲剝繭,才知道根本原因是-原來是 OGP 沒有跟著網站名稱更新。當初改網站名稱的時候,就跟新網站設置時一樣,到後台的設定去做該做的設定,就改了名字、特色圖片,其他的如網址沒變,照理來說,過陣子讓 Google 收錄後就恢復正常,沒想到結果根本不是這樣。

經過一連串除錯後才搞懂,像 SEOPress 或 Rank Math 這類 SEO 外掛,在第一次安裝或設定的時候,就已經把網站名稱寫進 OGP 的 og:site_name 和 og:title 裡了,這些內容會直接焊死在 HTML <head> 裡的 <meta> 標籤中,也就是說「就算後來改了網站名稱,SEO 外掛也不會主動把寫死的 OGP 更新」

回到我最初的兩個問題,Google 搜尋結果中沒出現小圖,跟社群分享貼文時無法正確顯示縮圖,根本原因就是我的SEO外掛還在用舊資料。最該死的是,就算有換SEO外掛,然只要選擇了「匯入舊設定」,新外掛在輸出 OGP 時仍會把這些值「焊死」到 <head> 裡,也就是說換外掛 ≠ 自動同步 WordPress 後台裡最新的「網站標題」。

解法:重新儲存 SEO 外掛設定頁

我當時使用的是 SEOPress,只需要進入:SEO → 社群 → 開啟 Facebook / Twitter 縮圖功能(就算已開啟,也要重新儲存一次)。

不用修改內容,只要點「儲存變更」即可,這動作會強迫外掛重新產出一次 OGP 資訊,把新網站名稱與正確縮圖資料寫入 HTML。這一步,真的很多人會漏掉,當初也是滿心以為改了網站設定,網站就會同步更新,結果完全沒有。直到 ChatGPT 提醒我「SEO 外掛輸出的 OGP 是靜態的,需要重新儲存才能刷新」,才恍然大悟。

記得清快取,否則設定再對也沒用

外掛儲存完後,別急著檢查結果,因為網站很可能還有快取殘留。我自己當時就踩到這個坑:只清了 Cloudflare 的 CDN 快取,但忘了清 LiteSpeed Cache。導致即便 OGP 設定已經更新,Facebook 和 LINE 抓到的還是舊的 HTML 結構,自然無法顯示正確的縮圖與標題。

最穩的方式是:

  1. 先進 WordPress 後台,清除 LiteSpeed Cache →「清除所有快取」
  2. 再到 Cloudflare(或你用的 CDN)→ Purge Everything
  3. 最後回到 Facebook Debugger 貼上網址 → 按兩次「Scrape Again」

這時候應該就能看到社群分享的標題、縮圖、描述都更新完畢了。

改網站名稱,居然會間接影響到搜尋結果

回到當初小聚上,工程師說我的網站「搜尋結果和圖片有點怪」,當時也說不出具體哪裡有問題,只覺得搜尋看起來不太正常。現在回頭看才明白,問題根本不在 Google 不做事,而是我自己當初沒把該設定的東西補齊。

那個曾經說不上來「怪在哪」的地方,現在終於有了合理的解釋,原來 OGP(Open Graph Protocol)雖然本來是設計給社群平台用的,但如果設定錯誤或缺失,也會間接影響網站在 Google 搜尋結果中的表現,尤其是在圖片顯示與網站結構的辨識這兩方面,是問題最容易浮現出來的有感部分。

搜尋結果的視覺呈現可能被影響(如縮圖、標題)

一般來說,Google 並不完全依賴 OGP 來生成搜尋結果,但當網站缺少更完整的結構化資料(像是 schema.org)時,OGP 很可能會被當作補充資料使用。也就是說,當我們漏掉設定 schema.name、schema.image 等標籤時,Google 就會嘗試從 OGP 裡抓 og:title 或 og:image 來填補,若沒有設 OGP,或是設了卻忘了更新,就會讓搜尋引擎不知道該抓什麼圖、該顯示什麼站名。

此外,如果網站缺少明確的 WebSite 結構標記,Google 有可能會把網站誤認成商家資訊,導致搜尋結果優先出現地圖卡片而不是你原本設定好的標題與圖示。條列出來入夏

  • <meta property="og:title"> → 可能當成搜尋結果標題候選
  • <meta property="og:description"> → 有機會變成搜尋摘要
  • <meta property="og:image"> → 有時會在行動裝置搜尋結果中,當成文章縮圖

因此,如果 OGP 補得好,Google 在沒其他資訊的情況下也可能用它來補強搜尋頁的顯示效果,但若 OGP 寫錯或就沒有,Google 可能找不到合適的圖片或描述,導致搜尋卡片單薄或乾脆出現錯誤連結外觀(像是只出網址)。

網站缺乏明確架構標籤,會影響 Google 對網站用途的判讀

OGP 本身不屬於 schema.org 結構化資料規範,但很多 SEO 外掛(如 Rank Math、SEOPress)會連同 OGP 一起產出 JSON-LD 格式的結構化資料。如果你 OGP 都沒設定,通常也代表:

  • 沒開啟外掛的社群功能(會連帶關掉 Schema 輸出)
  • @type: WebSiteArticleBreadcrumbList 等也都不會輸出
  • Google 會無法辨識你是「內容網站」還是「店家/地點」
  • 結果是:搜尋結果可能出現地圖/地址(Google 商家資訊)而非網站卡片

簡單說雖然 OGP 是為 Facebook、LINE 等社群平台服務的,但它通常是網站資料結構的重要組成成員,當我們還沒有或不熟結構化資料時,OGP 就變成了 Google 補救資訊的參考來源,所以說 OGP 設錯或漏設,輕則社群貼文失敗,重則連搜尋結果都會不如人意。

關於OGP設定不完全的簡單判斷與建議

項目是否影響 SEO?補充說明
og:image 缺失影響社群貼圖,也可能影響搜尋縮圖特別是在行動版搜尋結果
og:title 錯誤尋標題可能顯示異常特別是文章分享、站名混亂時
og:site_name 沒更新不直接影響 SEO,但影響辨識度社群與搜尋並列時容易造成混亂
沒有 Schema.orgSEO 會弱很多尤其是網站型別無標示時,Google 可能誤判為店家
沒有 favicon不影響排名,但會讓搜尋結果「沒特色」缺圖示看起來就比較不可信

小結-只是改個名字,居然引發一連串的腥風血雨

老實講,我沒想過只是想改個名字,卻變成牽一髮動全身的連鎖反應,整個不知道該做啥反應,就覺得應該要記錄下來,多多少少看能不能多解救幾個跟我一樣狀態的網站管理者。原本我一直以為,網站改名只不過就是換個名字,雖然也有很多相對應的外部資料也要修改,然跟改網址相比之下,麻煩程度微乎其微,根本沒想到會造成什麼實質影響。直到這次實際走過整個問題除錯流程後,才知道原來單純更換網站名稱,造成的後續影響竟然和更換網址不相上下。

從 Google 的搜尋結果顯示、到 Facebook 和 LINE 等社群平台的縮圖與標題抓取都出現問題,問題源頭居然是這個看似無害的改動,這個沒甚麼特的改動,卻讓我在深夜裡不斷重複N次「找外掛 → 安裝 → 測試 → 失敗」的輪迴。那段時間,我一直以為是圖設錯、快取沒清好、外掛不合用,沒想到關鍵點其實非常單純:

SEO 外掛輸出的 OGP 標籤,是被焊死在 HTML 裡的靜態資料,不會因為你改了網站名稱就自動更新。

也就是說,就算我在 WordPress 後台改了網站名稱,只要沒手動去 SEO 外掛重新儲存一次設定,並徹底清出外取,那麼它輸出的 og:title、og:site_name 等標籤,依然是舊資料,故當新資料抓不到,而舊資料還殘留於其中,這就造成新舊資料在搜尋引擎與社群平台交叉比對時產生衝突,於是縮圖錯誤、標題異常,甚至整段結構化資料都不被辨識的狀況就會出現在前台之中。

雖然有點無語,然問題找到源頭總是好的,至少原本有點卡住的除錯,後來也就順利進行,待修改完 OGP 設定、清除快取後,等待了將近一年都沒出現的搜尋結果小圖示,竟然在不到十天內就清楚地顯現在 Google 頁面上,當下激動到立刻開無痕來確認,之後就馬上截圖紀念這珍貴的時刻。

雖然小圖示的問題解決,它主要是要依靠 Google 來收錄,主導權不全在我們手上,我們只能盡人事聽天命,然社群貼文縮圖跟標題能不能出來的問題,就是能立即看到的,這邊也是繞了好幾個彎才終於解決,接下來的就是要來分享這些坑了。

返回頂端