Blogger文章分享至Facebook時 縮圖位置會跑掉

事情是這樣的~
小弟是位巴士迷 常拍巴士照片 
然後將照片放在文章中  轉至Facebook給車迷們欣賞、觀看
原本都用的好好的
但是自從Blogger開始支援分享到FB自動顯示縮圖後
(WFU大的文章  之前有提到Blogger開始支援分享到FB顯示縮圖~
http://www.wfublog.com/2016/03/blogger-fb-share-thumbnail-duplicate-og-url.html)
每次我分享文章到Facebook時 都會出現縮圖跑掉的問題
第一個"og:image"是Blogger內建的 
第二個"og:image"是我自己設定的
兩張圖片看似相同,但是每次Blogger的縮圖位置都不正常
偏偏Blogger的縮圖總是擺在第一張

研究了一下
若要讓FB縮圖顯示正確
每篇文章都要照這三個步驟 相當麻煩
步驟1.
在發布文章後 
到Facebook Debugger處理

步驟2.
再將圖片撤下 或是 隨便貼一張圖
然後再到Facebook Debugger處理 (讓Facebook Debugger重新Run一遍) 

步驟3.
接著 再貼回正確的圖 
再到Facebook Debugger處理
才會得到正確的縮圖位置
(此時 Blogger內建的"og:image"才會正常顯示,與我自行設定的"og:image"縮圖相同
本篇文章:http://weigetrainbus.blogspot.com/2016/08/775-WW.675-ZZ.html)

但以上都算是運氣好 只要三個步驟就完成 
有時重複以上步驟10幾次才成功  真叫人相同頭痛!!
(聽說這好像是比例問題? 
我的圖是3:2的,然後Blogger內建是1.9:1 (大約2:1) ,所以才會這樣?)

「誠心請求」版上各位大大幫忙解決這問題了  Orzzzz
不然每篇文章都要刷十幾次Facebook Debugger,真的會抓狂!!拜託大家了
(常常刷到帳號被封鎖Debugger功能  只好開分帳繼續刷  刷到縮圖正常為止)

我留了一篇Blogger縮圖顯示錯誤的文章作示範  (尚未將縮圖刷到正常的)
可以試著轉貼到Facebook上  就會懂為何我說縮圖位置有問題了
http://weigetrainbus.blogspot.com/2016/08/135-FL.html

2 則留言:

  1. 看了你的網頁,加上 Blogger 官方內建的 og:image,你一共設定了 3 個 og:image,而且第一個 og:image 的語法是錯的,才會抓到錯誤的圖。

    你只要把額外的 og:image 設定都刪除,只留下官方的,就能解決問題了。

    回覆刪除
  2. 收到 待會馬上弄弄看 謝謝Wayne Fu!!

    回覆刪除

◎ 使用 Google 帳號者,勾選「通知我」可收到後續回覆的 mail!
◎ 沒使用 Google 帳號者,發言身份可選「名稱/網址」,來輸入暱稱
◎ 詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為"複製貼上"的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。