如何在 FB 正確的顯示 ~文章縮圖

文章由 **e717** » 2024年 6月 4日, 20:40

如何調整 - 文章精選縮略圖在 Facebook 貼文上顯示最大化。
其實、在 <head> 裡寫上一行 <meta property="og:image" content="img_url "/> 讓FB的爬蟲去爬就 OK。

FB 的要求 1200 x 630 像素，才能呈現最佳顯示效果，至少應使用 600 x 315 像素的圖。

可接受的圖像尺寸下限是 200 x 200 像素。

圖像檔案大小不可超過 8 MB。

請使用 1200 x 630 像素的圖像，在高解析度裝置時才能呈現最佳顯示效果。至少應使用 600 x 315 像素的圖。

通常精選縮圖，為了要讓首頁能快速下載，都不會很大，所以才叫縮略圖，為了要使顯示最大化，因此多設了寬度和高度，經過反覆測試，假如、你的縮圖寬度小於 610，og:image:width 寬度設大一點也沒用，FB 有時候也會銹逗，不會正確的抓到縮略圖，改抓文章的第一張圖。

以下是修改 Google Blogger 的範本

主題 >> 自訂 >> 編輯 HTML ，在檔頭就會看到不用找吧 !!

有時 FB 或 Line 不一定會正確抓到，這時需要進到開發者工具中的分享偵錯工具，強制清除FB臉書快取。

FB 分享偵錯工具 ~ https://developers.facebook.com/tools/debug

Line 分享偵錯工具 ~ https://poker.line.naver.jp

存檔 ~ 完工

如何調整 - WordPress 文章精選縮略圖在 Facebook 貼文上顯示最大化

在佈景主題 header.php 的 < head > 裡，寫下以下的那3行，不用再找什麼內掛、外掛，八掛，自己掛就好。

PS : 你也可以在這一行後面 <meta property="og:image" content="<?php the_post_thumbnail_url();?>"/> 多加幾行。

意思是這一個沒找到，再找下面一個，都沒找到，才找文章的第一張圖 ...

存檔 ~ 完工