What is Facebook Debugger and How can I check the page with Facebook Debugger?

What is Facebook Debugger?

Facebook Debugger is the tool developed by Facebook to read the social meta tags of your web page, which are defined by the Open Graph protocol. When you input a URL into debugger and hit 'Debug', it will show the link preview when the URL is shared on Facebook. 

The Open Graph tags are used by Facebook, Whatsapp, Pinterest & SMS messages to generate social link previews.

A sample social meta tag on our test store:
<meta property="og:image" content="http://cdn.shopify.com/s/files/1/1498/3202/t/2/assets/spo_banner.jpeg?v=1595221110">

The tags are started with 'og:'

How can I use it?

SPO will automatically ask Facebook to update the cache for a page after you've updated the link preview. However, Facebook Debugger is not responsive. Occasionally, our app cannot update the cache. The page will look unchanged when shared on Facebook. You can press a few more times "Scrape Again" button. It won't have any negative effect on your store.

This article will illustrate how you can check the link preview on Facebook Debugger.

Most issues about code snippet installation, product & home page link preview can be troubleshot here. 

  1. First of all, we will visit Facebook Debugger. Input the link and press "Debug". You will get a similar page like below:check link previews in facebook debugger for your Shopify store
  2. You can ignore most of the warnings as they are not really important. 
  3. Now, you should check og:title, og:description and og:image to see if they are correct. If they are outdated, you can update the page in SPO (for products, blog posts and home page).check open graph tags in facebook debugger for your Shopify store
  4. Let's say I've updated the share image and title. I will use the debugger to clear cache. Press "Scrape Again" to clear cache. Usually, the page may not be updated for the first time. Don't freak out. Just press for a couple of times. It's not stable as I said.Facebook debugger - check social sharing image / link preview
  5. If the link preview is updated, you're basically all set. Otherwise, copy the link of og:image and put to the browser. If the image is not changed, the page was not updated before. 
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us