如題。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 的設定是
<mtea property="og:image" content="{圖片網址}"/>
你將跟og 有關的 name 改成 property 就行了
從你的說明,就知道您一定是og的宣告有問題。
一般瀏覽器相關的設備。都還會遵守著 html 相關的東西。
會自動尋找可使用的圖片。
不過 LINE 只會拿 og 的設定。
所以你OG的設定沒設好。就會拿不到。
其實我將你的網址貼到 https://developers.facebook.com/ 上。
就已經有給我警告了。
應處理的警告
可推知的屬性:即使可由其他標籤推知特定的值,仍應明確提供「og:image」屬性。