fbpx

《WordPress筆記》讓Facebook及Google+正確抓取內容及指定圖片

當我們分享內容到Facebook時,直接貼上連結就會自動抓取內容及圖片,不過如果網站本身沒設定好Meta參數的話,有時會抓的亂七八糟,像阿湯之前就沒特別去修正這個部份,常常會描述不完全,圖片對不上文等一些問題,這二天抽出一點時間進行修正,順便做了一下筆記分享給也是使用WordPress架站的朋友,雖然修改的是Facebook的Meta規範,不過基本上Google+也通用,如果你也有一樣的困擾,不妨參考看看阿湯的做法。

之前因為沒有把Meta弄的很好,所以有時都會有像文字描述不完全,或是圖片對不上文的情況,但一直沒特別去修正,而Google+的部份也因為圖片是用301設定所以抓不到圖,這二天一次將這些問題都修正。

0102




要加入meta的方式很多,阿湯寫的並不是完全通用,只是自己改完做個筆記,有些部份大家如果要用的話,必須依自己的需求再進行修正。

程式碼下載:請點我

大致上有加入一些說明,阿湯就大概解釋一下圖片的取法,如果是在首頁的話大家可以自己設定Logo圖片位址,當抓取內頁時,如果有設定特色圖片就會以特色圖片來抓取,如果沒有就自動抓第一張圖片,其它部份就請大家依自己的需求修改囉,在這裡先做個筆記。

程式碼直接加到WordPress佈景的functions.php裡面即可。

03

目前都還算正常,歡迎高手幫忙指教修正哦。

你可能對這些內容也有興趣

作者:阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文,「阿湯」這個名字是由湯姆克魯斯而來的,雖然我沒有他帥氣,也不會演電影,但我會寫文章....

更多關於的文章》

13 個留言

  1. JHAN表示:

    請問站長是否有遇過無法啟用其他佈景主題的問題?
    啟用了Unite的佈景主題後,其他任何佈景主題按啟用都沒反應(EX:Virtue)
    想刪掉Unite佈景主題也不知道如何刪除
    拜託請問要如何解決?

    阿湯 說:

    直接從 FTP 刪掉

  2. 小波表示:

    你好 :
    我想跟你詢問一下
    因為我的fb分享圖都沒有去抓我再meta給的圖片 反而抓到了網頁切割的圖片作輪播
    g+也是
    這部分是因為快取嗎?
    這邊想跟您請教一下

    阿湯 說:

    是的

  3. truedark1999表示:

    您好
    請問FB抓到圖之後
    該怎麼讓她能夠縮到合適的尺寸呢
    由於圖片是長方形
    FB的連結縮圖是正方形
    只能看到圖的中央
    謝謝!!

    阿湯 說:

    除非你第一張圖都用正方形囉~

  4. pedro表示:

    您好,

    網站內頁圖片是用 Awesome Flickr Gallery 產生的,試了好幾個 FB plugin , 分享都只是取到網站 logo 預設圖片, 有辦法可以解決嗎

    阿湯說:

    請給我網址

  5. ricky表示:

    湯哥
    如果有設httpd.conf反圖片盜連的話, 如果讓FB跟G+抓到圖呢?

    阿湯說:

    要設白名單讓Google跟FB可以抓…白名單請Google..

  6. 路人甲表示:

    ya阿湯哥 可以問一個問題嗎 圖片301是什麼??,目前裝上去後google+還是沒辦法顯示圖片>”<

    阿湯說:

    https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.ppbears.com%2Fchilddrensapp%2Farchives%2F1602

  7. vivian表示:

    我有加meta標籤,但是還是不行,我首頁有兩張圖片,不知道為什麼facebook只能抓取到一張圖片,facebook根據什麼來抓取圖片的呢,明明有兩張,為什麼只能取到一張呢

    阿湯說:

    請善用Facebook Debug

  8. 愛世代表示:

    哈哈哈~我搞定了~謝啦!收下了~

    阿湯說:

    嗯嗯

  9. 歐塔庫表示:

    測試結果:只對新文章有效 這是正常現象嘛?

    阿湯說:

    因為舊文章都被快取掉了,重抓也沒用

  10. 邱小黑表示:

    因為Facebook跟Google都共同採用The Open Graph protocol
    http://ogp.me/

    阿湯說:

    嗯嗯,對呀,不過google笨了一些,圖片如果有301會變抓不到,FB可以

  11. 歐塔庫表示:

    檔案載點死囉 能麻煩您補一下嘛?

    阿湯說:

    補囉

  12. Lay表示:

    ㄎ,之前有特地改過所以都還抓的滿正確的:P

    阿湯說:

    我都沒改

  13. ga009900表示:

    圖片跟檔案都死了 = =

    但我知道是跟 meta 的 og 有關~

    因為這個我有做過啦~ XD

    阿湯說:

    嗯嗯

發表留言 »

姓名(*)
信箱(*)