wordpress分享至FB無法正常顯示縮圖

  • A+
所屬分類:經營管理者雜記

今天想要把網站分享至FB時,才發現臉書抓不到正確的圖片,上網爬文試了很多次之後才能順利調整到想要的形式。分享一下,解決臉書或粉絲專頁貼文抓不到正確圖片和文字的方法。

1、首先可以到Facebook Debugger去了解一下
https://developers.facebook.com/tools/debug/sharing/

1.1 切換至「Sharing Debugger」頁面
1.2 輸入您的網址
1.3 點選「除錯」

wordpress

2、頁面跳出後,往下找到「og:image」會看到FB抓取的縮圖位置不是我們所想要的。
wordpress

3、這時我們可以找出WORDPRESS所使用的「佈景主題」中的「header.php」檔案。

4、在head之下,加入
wordpress

5、再回到「Sharing Debugger」,按下「Scrape Again」會看到我們想要顯示的正確圖片
wordpress


wordpress
註:如果暫時沒有看到更新,請多點「Scrape Again」幾次試試看

6、我們把網址貼到Facebook試試看
wordpress
這時會發現圖片左上方會出現「左右切換」的符號,切換到下一頁,會出現不正確的頁面。
wordpress

7、我們回到WORDPRESS的「佈景主題」找到的「functions.php」檔案
插入以下程式碼
wordpress

8、我們再次回到Facebook看看,是不是已經更新了呢?

補充:同理可證,如果我們想要分享到FB時有多張畫面可供顯示,可以在「header.php」檔案中,多加入幾行程式碼。
wordpress

  • LINE
  • 掃一掃加入我
  • weinxin
  • LINE@生活圈
  • 掃一掃加入我
  • weinxin

發表評論

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前評論:12   其中:訪客  12   博主  0

    • MatExcery MatExcery

      Zithromax Herpes [url=http://cialibuy.com]Buy Cialis[/url] Female Cialis 20mg cialis 20mg price at walmart Levitra Order

      • Stevanerry Stevanerry

        Coumadin And Amoxicillin Interactions [url=http://cialibuy.com]Buy Cialis[/url] Stendra Buy Now Cialis Levitra 10 Mg Quotazione

        • LesTres LesTres

          Propecia Ciclon [url=http://cialibuy.com]Buy Cialis[/url] Cialis Liquid Drops Buy Cialis Amoxicillin Sodium Sterile News Articles

          • Stevanerry Stevanerry

            Cialis 20 Mg Filmtabl 8 St [url=http://cialibuy.com]Cialis[/url] Wann Nehme Ich Levitra Ein Cialis Viagra Doping

            • Stevanerry Stevanerry

              Tadalafil Prices Discount [url=http://cialibuy.com]cialis prices[/url] Can Lasix Be Given Im Cialis Indications For Keflex

              • Kelirress Kelirress

                Keflex Dosage For Dental Abscess [url=http://cialibuy.com]generic cialis[/url] Citrate Generic Sildenafil Viagra Cialis Lieferung Aus Deutschland Order Xenical Online Australia

                • Kelirress Kelirress

                  Viagra Canada Where To Purchase Provera In Usa [url=http://cialibuy.com]Cialis[/url] Legally Direct Amoxicilina Internet C.O.D. With Free Shipping Quibron T Swanson Health Cialis Tadalafil Prezzo

                  • Stevanerry Stevanerry

                    Zithromax And Prolonged Qt Interval Propecia Op Recept Tadalis Sx Ordonnance [url=http://cialibuy.com]cialis 40 mg[/url] Cialisl Comprar Cialis Pago Contra Reembolso Amoxicillin Directions For Use

                    • MatExcery MatExcery

                      Super Cialis 40 Mg Acheter Du Cialis Securise [url=http://cialibuy.com]Cialis[/url] Tadalafil Best Price Best Place To Buy Tretinoin 0.05

                      • Kelirress Kelirress

                        Brevetto Propecia Farmaci Generici [url=http://cialibuy.com]Cialis[/url] Acheter Du Cialis Online

                        • Kelirress Kelirress

                          Kamagra A Buon Mercato Cytotec Misoprostol Grossesse [url=http://cialibuy.com]cialis[/url] Fast Shipping Viagra Canada Overnight Pharmacy4u Order Amoxicillin 500 Clav K 125 Mg

                          • Stevanerry Stevanerry

                            Worldwide Zentel 400mg Amex Real order accutane no prescription Viagra Shipped From United States [url=http://cialibuy.com]Buy Cialis[/url] Cialis Place Monge Viagra Cocaina Amoxil Avec