When you add new content to your website. Facebook uses its CDN and servers to scrape data including pictures, alt attribute, open graph tags. Similar to how caching works on your website, you may need to clear the cache to get things operating again. Facebook may be like that at times. When you want to share something you've updated on your site, Facebook may still show you an old image since it doesn't fetch new information; instead, it offers you what it already has cached. and If Facebook doesn't fetch new pictures, Search engines also don't get any new data.
Similarly, information about your link and the material itself should be included. Open Graph Meta Tags are what they're looking for. The Open Network protocol, according to Facebook, allows any web page to be turned into a rich item in a social graph. In essence, these are tags (code) that inform Facebook about the content you're posting.
The following data about Open Graph may be found in the source code of that post. Note: Open Graph employs a variety of properties, including og:title and, most importantly for this lesson, og:image. This is the code that Facebook uses to choose the featured image, title, and description to display on our site.
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="How to resolve the issue with Facebook scraping debug tool" />
<meta property="og:description" content="One of the oldest Facebook bug that hasn't been fixed in years." />
<meta property="og:url" content="https://xahidex.com" />
<meta property="og:site_name" content="XahidEx" />
<meta property="article:publisher" content="https://www.facebook.com/xahidex" />
<meta property="article:author" content="https://www.facebook.com/xahidex" />
<meta property="article:tag" content="webdev" />
<meta property="article:tag" content="webperf" />
<meta property="fb:app_id" content="" />
<meta property="og:image" content="https://xahidex.com/static/images/facebook-bug/facebook-bug.png" />
<meta property="og:image:secure_url" content="https://xahidex.com/static/images/facebook-bug/banner.png />
How to Fix that issue with Facebook developer Tool:
As I said Facebook collects all cache. And It’ll show the old preview image.
Follow these steps to give it a try to fix with Debug tool.
Step 1: Go to this link
Step 2: Paste or write your link then click debug.
Step 3: Click on “Scrape again”
Step 4: If It doesn't work, try clicking several times.
This is what people see when they share our content. However, in this instance, it is retrieving an older image from before the post was modified. Additionally, we can see that og:image is the old file name.
If It gets fixed, then you’re lucky. If not, then follow the other steps I’ve explained down below.
Try fixing missing properties:
“The following required properties are missing: fb:app_id”
Additionally, you may get the following alert regarding a missing Facebook App ID. It's critical to remember that this has no effect on your ability to share posts on Facebook. Often, this can be overlooked. It does, however, restrict your capacity to utilize Facebook Insights data.
If you want more Insights data then you need to add your Facebook App ID to your site:
- Create a Facebook App
- Copy your Facebook App ID
- If you’re using WordPress then put this app id into your Yoast SEO’s SEO section. If not WordPress then put it in your blog post image code.
The method that always works for me;
It's very simple. When the Facebook scraper tool doesn't work, I do it.
Simply just rename your image and then look magic. When you scrape again. Boom! It works. Because then It gets new data. If not try scraping 2-3 times. It always works for me.