How to Use the Facebook Debugger to Correct the Facebook Link Preview?

0

If you are a publisher, marketer or blogger, then you must be aware of Facebook Debugger. It is a beneficial tool to scrape the URL of your blog post or web page. Facebook creates a cache of your URL which depends upon Open Graph or Schema metadata. When you create, publish and share a blog post on Facebook, a cache for this post created for at least 30 days.

Imagine you update the blog post title, description or featured image then what Facebook will show when you’ll share it again. It will not show your updates. Here the importance of the Facebook Debugger tool comes. It is also known as FB debugger, Facebook sharing Debugger, Facebook URL debugger or Facebook link debugger.

Let’s check out how to use the Facebook debug tool to scrape the URL and update Facebook link preview.

Facebook Debug or Facebook Debugger Tool

What Does the Facebook Debugger Tool Do?

If you wish to create a fantastic and catchy post on Facebook then must know the use of Facebook Debugger. It helps to check what meta information (like post title, post description, and featured image, etc.) will be taken from your blog post when you share it on Facebook. You need to copy paste the link in FB debugger, click the Debug button, check the information, and change it accordingly.

It is required to check with FB debugger if everything is right before sharing your blog post on the Facebook Wall, Page or Groups. Just take a look and try to make it more awesome to get more likes and share.

How Facebook Debug Tool Scrape Data?

Facebook link debugger is a handy tool; it does not matter which blogging platform you are using. It is different from Facebook Object Debugger. It is useful for WordPress, Blogger, Ghost, and all. Earlier I told you Facebook URL debugger scrapes information using meta tags, if meta tags are absent then it will work like Google and identify the H1 or H2 tag to show title, first paragraph as a description and first image as a featured image. After sharing a post, Facebook will make a cache and won’t delete it automatically. You need to do it manually using Facebook Sharing Debugger. This information about FB debugger is beneficial for a tech geek or social media people like you.

Why Facebook Not Scraping OG Information Correctly?

  1. Not using Open Graph correctly.
  2. Updated blog but did not clear the WordPress cache.
  3. Did not set any featured image to a blog or website.
  4. Not using correct image size. It should be 1000×667 or maintain ratio when using a larger image.
  5. Facebook cache for your blog already exists.

How to Use Open Graph for a Blog?

Facebook Sharing Debugger helps developers to troubleshoot issues, but now it is more prevalent among social media managers. It scrapes the URL and fetch the meta information, or flush the existing cache. Don’t expect too much. First, you use Open Graph or Schema to set up everything correctly. For WordPress users, the Yoast SEO plugin will be a great choice, and Blogger/Blogspot users should implement it manually. Learn how to use Open Graph for Blogger or Blogspot.

If you want to shine on social media then must use Facebook share debugger. Your post should look alike as you wish to. It will help to engage a more and more targeted audience. Don’t waste your hard work due to the wrong image or no image on the social media post. Image do a lot to attract and engage users to grow likes and share.

How Can Open Graph with Yoast SEO?

You need to enable the Open Graph for your blog.

Enable Open Graph meta data using Yoast SEO

Go to Yoast SEO > Social > Facebook (Tab) > Facebook settings > Enable > Save changes

After completing the above steps Open Graph metadata will be enabled for your blog.

It will automatically detect and show all information post title, description, featured image, etc.

Find complete information on Yoast Knowledgebase here.

How to Use Custom Facebook Open Graph Tags?

If you need a custom Open Graph tags for every page then you need to set.

Custom Facebook Open Graph tags using Yoast SEO

Find complete information on Yoast Knowledgebase here.

How to use Facebook Debugger?

I have already mentioned, the Facebook Sharing Debugger is simple to use. I am sharing a how-to guide. It is a step by step guide for you.

Step 1. Run the Facebook Debugger

Copy the link which is showing incorrect information on your Facebook post.

Paste this link in Facebook URL Debugger and click blue Debug button.

Link: https://developers.facebook.com/tools/debug/

Facebook Sharing Debugger
Sharing Debugger tool for Facebook developers

Step 2: Review the Open Graph Markup

Now Facebook Share Debugger shows where is a glitch and what to fix. Warnings help you to analyze what exactly you need to do to correct the problem.

Facebook Debugger can show these frequent warnings:

Inferred property: It means no image is available to use as a thumbnail or multiple image properties are set. In the second case, Facebook chooses one among the available options.

Extraneous property: It is about “og” properties. When one of the “og” properties in unrecognized or depreciated, this warning will be shown. You can identify that particular og property and fix it quickly.

Missing App ID: This warning is related to the “fb:app_id” property that is unspecified in your blog or website. If you have a separate app, then this warning may be shown.

A sample Facebook Sharing Debugger warning message
A sample Sharing Debugger warning message

Parser mismatched metadata: It means scraped data does not match with the original one. It is owing to the wrong date format or extra spaces in the title. The warning shows which property should be fixed. Following are the most used “og” properties:

Facebook Open Graph properties
A Facebook OG properties preview

Just fix the issues causing trouble to your blog post and after that again scrape the link and check if everything is as expected.

3. Flush the WordPress Cache

If you have trouble in scraping Open Graph metadata correctly then do not forget to clear WordPress cache or Cloudflare cache and try again i.e. scrap the link.

It may or may not help you to fetch the correct Open Graph tags correctly. If not able to get the result, try Open Graph Object Debugger.

How to Use Open Graph Object Debugger?

After flushing cache and scraping again if correct information is not showing up then you need to use Facebook Open Graph debugger tool. It is also known as Facebook object debugger.

Link: https://developers.facebook.com/tools/debug/og/object/

Facebook Open Graph Object Debugger tool

This Open Graph Debugger tool works similarly. Enter a link to see existing scrape information and fetch new scrape information.

Now Facebook link preview has been updated and you can share your website or post on the Facebook to reach millions of users.

Now, you know the Facebook Debugger tool, what is debugging and how to do Facebook debugging.

If still something missing about Facebook share debugger. Let us know. We will work upon and extend the article for you.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.