iT邦幫忙

1

LINE 抓不到 og image

  • 分享至 

  • xImage

如題。Facebook, Discord, Telegram 顯示都沒問題,就 LINE 不行。小弟的部落格以前在 Vercel 部署都沒問題,但現在放到 Cloudflare Pages 之後 og image 都不能顯示。放在自己的伺服器上部署(Zeabur + Caddy)會顯示 title 跟 description,但 og image 竟然是抓 ios touch icon。

這裡有隨便一篇文章給大家測試:
https://emtech.cc/p/srecruit

☑︎ 試過使用 Page Poker:
There is an error while analyzing URL, there are no cached or scraped data.
☑︎ 確認沒開 hot-link protection。

看更多先前的討論...收起先前的討論...
印象中 og image 最好是網頁上看的到的檔案 ...
甚至某些機器人他只會抓同域的檔案,跨域的都會跳過
毛哥EM iT邦新手 2 級 ‧ 2025-05-27 19:50:55 檢舉
是同一個網域的喔
我去你的網站看過了
你的OG IMAGE 應該是動態產生
而網站的內容用 IFRAME 包起來了
對某些機器人來說 IFRAME 內的內容屬於另外一個網站
所以他只會找當前網站的內容,避免農場文亂串圖片
所以我看了你好幾篇的內容都有這個問題,建議不要用IFRAME 去包你的內容
而且IFRAME的內容SEO根本不收錄的,這麼多篇專業文章,不被SEO收錄,還蠻可惜的
毛哥EM iT邦新手 2 級 ‧ 2025-05-29 13:00:32 檢舉
請問你是怎麼看出個 iframe 的?HTML 是靜態的,圖片也是靜態的,你把 JavaScript 禁用都還是看得到。
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

1

因為你設定錯了。
OG 的設定是

<mtea property="og:image" content="{圖片網址}"/>

你將跟og 有關的 name 改成 property 就行了

從你的說明,就知道您一定是og的宣告有問題。
一般瀏覽器相關的設備。都還會遵守著 html 相關的東西。
會自動尋找可使用的圖片。

不過 LINE 只會拿 og 的設定。
所以你OG的設定沒設好。就會拿不到。

其實我將你的網址貼到 https://developers.facebook.com/ 上。
就已經有給我警告了。

應處理的警告
可推知的屬性:即使可由其他標籤推知特定的值,仍應明確提供「og:image」屬性。
看更多先前的回應...收起先前的回應...
毛哥EM iT邦新手 2 級 ‧ 2025-05-27 19:26:32 檢舉

感謝提醒,Facebook 沒有錯誤了,但 LINE 似乎還是抓不到。

LINE會有暫存,這沒辦法。你等一個星期後再看看。

毛哥EM iT邦新手 2 級 ‧ 2025-05-29 13:09:52 檢舉

但它的問題是根本抓都沒抓,有抓的話至少 title 會出來,而且只有部署在 Cloudflare 有這個問題。

這就是我上面提到的第一個問題,你用的OG IMAGE 在這個頁面是找不到 IMG 標籤,然後你埋的是另外一張圖片,所以我才問是否是動態產生,你必須用JS或 CSS 去動態指定 OG 要用的 IMAGE
妳很多頁面都有這個問題,至於IFRAME,是早上突然看到怎麼會把內容砍在IFRAME內,但剛剛看又沒有發現,所以不太確定我是透過什麼步驟之後才看到
https://ithelp.ithome.com.tw/upload/images/20250529/20097082Eq737nO8wM.png

我要發表回答

立即登入回答