Facebook marketing efforts need to be done well. One of them, by regularly posting blog articles on your official Facebook page. The goal, of course, is to attract the attention of the audience to visit the blog.
However, sometimes there are problems with the appearance of the posts. It could be an inappropriate image or an incorrect title. This is certainly not in accordance with the promotional goals you have planned. Then what is the solution?
Facebook Debugger is the answer. With this tool, error problems in post preview can be overcome. Well, in this article, we will explain it in full. Come on, see more!
Table Of Contents
- 1 What is Facebook Debugger?
- 1.1 1. Caching on Facebook
- 1.2 2. Caching in WordPress
- 1.3 3. Missing Featured Image
- 1.4 4. No Open Graph Meta Tags
- 1.5 5. Image size
- 2 W3 Total Cache
- 3 WP Super Cache
What is Facebook Debugger?
Facebook Debugger is a tool used to fix errors in post previews on Facebook. These errors can include the blog’s featured image not appearing, the title is incorrect, or the description is incorrect.
Then, how is the process of previewing the share link on Facebook? And why does the preview problem occur?
Previously, let’s take a look at an example of a Facebook preview that will be displayed when you share a blog post on Facebook below:
example of share preview on facebook
Now, from the image above, you can tell that a Facebook preview includes several things:
- Introduction. Introductory sentences for posting on Facebook.
- Picture. Illustrations and captions taken by Facebook’s crawlers from the blog.
- Caption. Title and explanation of blog scraping results from blogs.
The problem occurred when the preview of the share link experienced an error. So that either the introduction, image, or caption that appears is inappropriate.
Why is that? Here are some reasons:
1. Caching on Facebook
Facebook uses a 30 day cache system. This means that if you make a content change, the Facebook crawler won’t immediately start looking for updates. As a result, the preview shown when sharing the latest posts is still an old preview.
2. Caching in WordPress
WordPress also has a cache system for speed purposes. However, it is not uncommon for the latest updates on a blog to be stored in the WordPress cache system. So, when posting to Facebook, it’s not uncommon for you to still display previews that haven’t been updated.
3. Missing Featured Image
Regarding the structure of WordPress, the Facebook crawler sometimes doesn’t find the Featured Image used. Finally, crawlers sometimes select other images or even include no images in the preview at all.
4. No Open Graph Meta Tags
Facebook displays a preview of the website according to the results of its crawling. The results may differ from what you expected. Unless you add Open Graph meta tags (og tags) to the website and specify how the preview should be displayed. Usually the SEO plugin that you use will automatically add og tags. For example, Yoast SEO .
5. Image size
Facebook has a requirement for the size of the image displayed, which is a maximum width of 1200 pixels . Therefore, if the image you are using is not suitable, the preview result may not be quite right.
How to Use the Facebook Debugger Tool to Overcome the Facebook Error Preview
Having a Facebook preview error must be very annoying. For that, now is the time to find out how to use the Facebook Debugger tool.
1. Open the Facebook Debugger Tool
To use the Facebook Debugger tool, you can open the Sharing Debugger page .
debugger tool facebook page
Next, you need to sign in first.
login debugger facebook page
You will find the following page and the tools are ready to use.
main view of the debugger sharing page
2. Enter the URL you wish to review
The next step, enter the address of the website page you want to review. It can be a blog post or any page on your website.
enter the url for checking in the facebook debugger tool
Then, click debug and wait for the results.
3. Review the results of the Facebook Debugger
After the process is complete, a report will appear on the link. If there is a problem, the report will usually say ‘Warning That Should be Fixed’ or ‘Warning That Must be Fixed’.
Review the results of the Facebook debugger
You can also see other information such as Time Scrapped , Fetched URL (Official URL), and Canonical URL (Redirect Path) in the report results.
You will see a complete preview showing what a blog post or web page will look like when shared on Facebook.
4. Do Clear Cache
If the preview that appears is not what you expected, there could be a cache problem. Therefore, first try clearing the cache, either on WordPress or on Facebook. Here’s how:
4.1. Clear Cache in WordPress
If you are using WordPress, clearing cache can be done easily using a plugin. Some of the plugin options are: W3 Total Cache, WP Super Cache, WP Fastest Cache .
Make sure you have installed the desired plugins. To do this, go to the WordPress dashboard> Plugin > Add New . Then type the name of the plugin, then Install and Activate .
Here’s how to clear cache using the three plugins:
W3 Total Cache
From the WordPress dashboard, click the Performance menu . On the W3 Total Cache settings page , click empty all caches . After a few seconds, the page will reload, and your cache will be cleared.
W3 Total Cache dashboard page
WP Super Cache
Go to Settings> WP Super Cache . Click Delete Cache as shown below :
wp super cache
WP Fastest Cache
Enter the WP Fastest Cache menu . Enter the Delete Cache menu .
WP Fastest Cache delete cache menu.
Click Clear All Caches and wait for the process.
Choosing the clear all cache menu in WordPress
4.2. Clear Cache Facebook
To clear Facebook cache, you can look at the debugger results page. Then, click Scrape Again at the top of the Debugging report. Next, wait for the process for a few moments:
Use scrape again to clear Facebook cache.
5. Adjust Open Graph Setting
If the clear cache step in WordPress and Facebook doesn’t work. Do further check on the Facebook Debugger details.
The Debugger detail report is useful for finding errors so they can be fixed.
Adjust open graph settings.
Preview errors can occur due to problems with the Open Graph tags (og tags). Og tags are code added to WordPress to integrate with Facebook.
Well, the easiest way to fix this error is to use a plugin. In this example, we will use WP Open Graph.
Open the WordPress dashboard and select Plugin. After that, click Add New , and search for WP Open Graph in the search bar. Once you find it, click on the Install Now button . Then do the activation.
plugin wp open graph
Once active, WP Open Graph will work automatically. Apart from extracting data from the post title, the plugin will make the featured image you choose an og: image. Furthermore, you can also fill in the Open Graph Title , Description , and Type , as in the example below:f
fill in the information in the WordPress editor
WP Open Graph also takes advantage of the SEO plugins you already have. For example, All in One Seo Pack.
6. Check Change
After the steps above, clear cache and run the Facebook Debugger tool again. The preview display should match what is used on your blog.
Good luck using the Facebook Debugger!
That was how to solve the Facebok preview error using the Facebook Share Debugger Tool. Easy, right? Using this tool, you can check for error preview constraints and fix them quickly.
With an interesting blog preview when sharing on Facebook, engagement will certainly increase. So, more people will visit your blog / website. This means that your Facebook Marketing steps can also run well.
Hopefully this article is useful! Don’t forget to subscribe to get a variety of other useful and interesting articles. You can also get the Facebook Ads Guide through our Free Ebook !
Download the Free Ebook Guide for Facebook Ads for Beginners!