如何在 FB 正確的顯示 ~文章縮圖
如何調整 - 文章精選縮略圖 在 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 ，在檔頭就會看到不用找吧 !!
<meta expr:content='data:view.featuredImage' property='og:image'/>
<meta content='1200' property='og:image:width'/>
<meta content='800' property='og:image:height'/>
<meta content='1200' property='og:image:width'/>
<meta content='800' property='og:image:height'/>
有時 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();?>"/> 多加幾行。
意思是這一個沒找到，再找下面一個，都沒找到，才找文章的第一張圖 ...
存檔 ~ 完工
存檔 ~ 完工
如何調整 - WordPress 文章精選縮略圖 在 Facebook 貼文上 顯示最大化
在佈景主題 header.php 的 < head > 裡，寫下以下的那3行，不用再找什麼內掛、外掛，八掛，自己掛就好。
<meta property="og:image" content="<?php
the_post_thumbnail_url();?>"/>
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="800" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="800" />
PS : 你也可以在這一行後面 <meta property="og:image" content="<?php the_post_thumbnail_url();?>"/> 多加幾行。
意思是這一個沒找到，再找下面一個，都沒找到，才找文章的第一張圖 ...
<meta property="og:image" content="<?php
the_post_thumbnail_url();?>"/>
<meta property="og:image" content="http://xxx.net/xxx.jpg"/>
<meta property="og:image" content="http://xxx.net/yyyy.png"/>
<link rel="image_src" href="/myimage.jpg"/>
<meta property="og:image" content="http://xxx.net/xxx.jpg"/>
<meta property="og:image" content="http://xxx.net/yyyy.png"/>
<link rel="image_src" href="/myimage.jpg"/>
存檔 ~ 完工
協助架設 Blogger / 網站 服務
舊 
張貼留言