相信用WordPress架站時, 總會遇到當要用FB分享文章時, 會抓不到正確圖片, 有時會抓特色圖片,有時會抓文章的第一張圖片, 或是預設圖片,以及作者的圖示, 或其他等等!
不同的佈景主題就有可能會造成以上的問題發生, 在FB分享時, 就不容易抓到正確的圖片了!
上網找到一些資訊, 可以利用[All in one SEO]這個外掛來解決此問題, 此外掛不單只是這個功能可以用, 還有許多好用的功能, 像是XML Sitemaps/SEO/Robots.txt/File Editor/Social Meta..等等. 但大多預設是並沒有啟用, 需要手動開啟.
所以一開始在WordPress(WP)後台中, [外掛]-[安裝外掛],在欄位中輸入[All in one SEO], 然後安裝並且啟用它.
在WP後台中的左方功能表中, 可以找到[All in One SEO]–>[功能管理], 如下圖所示.
然後啟用[社交網路中繼資料]
在左方功能表中就會多一項[社交網路中繼資料]的功能.
在點選之後,將畫面移到[圖片設定]功能這裡, 點選[選取OG:Image來源]的下拉式選單, 就可以挑選以何種方式作為FB分享時的正確圖片了, 大多數都是挑選[內容中的第一張圖片].
此時, 到這裡就完成了FB分享文章時,所指定要顯示的正確圖片了!
在改變任何選項之後, 別忘了,到畫面最下方, 按下[儲存設定].
在文章發佈之後, 也可以透過臉書偵錯工具來確認是否為指定的分享圖片.
點選上方的連結, 就可以進入FB的偵錯畫面, 在上方可以輸入要確認的網址, 然後再按下[偵錯]按鈕.
如下圖所示, 是尚未設定[OG:image]屬性所顯示的警告, 在完成上方的設定之後,就不會再出現此警告了, 因為此屬性是最主要FB分享文章時,所要設定的內容.如果有顯示其他警告訊息, 可以忽略!!
中間有一個[再次抓取]的按鈕, 再按下之後, 等一會兒會顯示目前文章所指定的圖片, 如果並不是指定的圖片, 可以再多試幾次此功能, 若還是不行, 再回到後台確定OG-Image是否有正確設定或是圖片有沒有完整upload到網站中!
補充內容:
如果主機cPanel中有啟用[HotLink保護]功能, 記得先停用它, 讓臉書偵錯工具可以先擷取到要分享的正確圖片, 然後再重新啟用HotLink功能! 這樣子才是比較好的方式!
