WP Tutorials

How to Use Facebook Debugger to Fix Posting Issues

Facebook touts a monthly consumer base of 2.27 billion shoppers, according to knowledge posted in late 2018. In case you’ve taken benefit of the recognition of this platform, then you definitely understand what kind of impact it might have on the profitability of your WordPress website.

That stated, what happens when Facebook fails to display your submit as it was meant?

Within the following article, we’re going to take a look at a number of things:

  • Why this occurs to your content material on Facebook.
  • How to use the Facebook Debugger device.
  • How to integrate Open Graph markup into your workflow with an search engine optimisation plugin.

Why Doesn’t Facebook Share Your Posts Appropriately?

You meticulously craft an internet page or blog publish, understanding the design and content are positive to impress guests and soon-to-be clients.

That stated, it doesn’t matter whether or not you reach Facebook shoppers by means of natural posts or paid advertisements. You anticipate your content material to seem as polished as it is in your WordPress website. That is why it’s so frustrating when Facebook shares your posts:

  • With the improper image.
  • With no image.
  • With an incorrect title or description.
  • With no title and/or no description.

So, why hassle with Facebook advertising if it will probably’t share your content material appropriately?

There are a selection of the reason why this occurs:

Cause #1: WordPress Caching

Website velocity performs a important position within the success of an internet site. If pages load quick sufficient, visitors can give attention to the content material as an alternative of on how painfully sluggish the expertise is.

An internet site is nothing greater than a mixture of information and code that come together to make the gorgeous interface and performance within it. But these information and code require a variety of processing power from your server every time somebody visits the website, which is what slows it down. This only will get worse as you add extra content to the location.

To get around this concern, your server can cache an internet page. Principally, it makes a static HTML copy of it (that’s considerably lighter in weight) and sends that to new visitors’ browsers. C

aching is supposed to clear when an internet page has modified, but that’s not all the time the case. There are times when a small change — like to a featured picture or meta title — will get “stuck”. And this is the reason Facebook is usually unable to recognize the right parts.

So, it’s in your greatest interest to hold loading speeds fast with a WordPress caching plugin.

Purpose #2: Facebook Caching

Facebook has its personal caching system, too, and for good cause:

“Link metadata tends to change infrequently, so the Facebook crawler conserves resources by updating your link metadata automatically every 30 days. Therefore, it can take as much as 30 days for your link details to update after a change.”

So, let’s say you uploaded a submit to Facebook. Nevertheless, you realized you needed to tweak the featured picture. You delete the submit, replace and save the new picture in WordPress, and then attempt to re-upload the publish. Nevertheless, the previous featured image keeps displaying up. That is sometimes when Facebook caching is to blame.

Cause #3: Picture Sizing

Facebook has minimal sizing requirements for sharing content material on its platform. As such, if the featured image you’ve hooked up to a submit or web page falls in need of those tips, Facebook will go searching the remainder of the page to find a appropriate alternative. This is how, even in the event you maintain every part else on this listing, the flawed image nonetheless seems.

Sprout Social publishes up-to-date standards for Facebook picture sizing tips, so refer to this earlier than you publish featured photographs to your WordPress website.

Cause #four: Lacking Featured Picture

WordPress has a dedicated widget for featured photographs in every Submit and Web page. Nevertheless, as a result of it sits within the bottom-right corner of the UI, it’s straightforward to overlook it’s there typically.

When that happens, Facebook will deal with it the identical method it treats an undersized picture. It is going to take a look at the rest of the web page and see if it will probably dig up an appropriate alternative. Sometimes, it can take the primary properly sized picture that appears on the page.

Purpose #5: Missing Open Graph Markup

In case you have an search engine optimization plugin installed in your WordPress website, you’re already accustomed to metadata like this:

Why do we’d like this?

It conveys to search engines like google and yahoo what the page is about and in addition helps persuade shoppers to click on the hyperlink once they encounter it in search. This metadata by no means exhibits up on your web site. As an alternative, it’s what serps use to describe an individual net page in search outcomes.

When current, Facebook pulls from what’s referred to as Open Graph markup. It’s comparable in perform to search engine optimization metadata; nevertheless, the primary objective is to create social media-specific metadata. When Open Graph knowledge is unavailable, nevertheless, Facebook draws from search engine optimisation metadata to craft the preview title and description in your publish (if it exists).

Now that we perceive the why, let’s take a look at how to fix it.

How to Use Facebook Debugger to Fix Posting Issues

You want Facebook to be a car by way of which you increase conversions; not lose them. Which suggests you need to get a deal with on caching and Open Graph markup points.

That is the Facebook Debugger:

As long as you’ve got a Facebook account, you should use this free device to troubleshoot and repair Facebook metadata.Right here is how the device works:

Step 1: Run the Facebook Debugger

Enter your URL:

Then, click “Debug”.

Pay shut consideration to the next parts the Debugger retrieved:

Time Scraped: If Facebook previously “scraped” (cached) this specific net web page, you’ll see a unique timestamp here. Otherwise, it ought to be present.

Response Code: A response code of 200 or 206 is sweet. Anything alerts there’s one thing mistaken when Facebook attempted to scrape the page.

Hyperlink Preview: This exhibits you precisely how your submit will seem in Facebook as of right now. Should you’re unhappy with it, then it’s time to troubleshoot the underlying problem.

Just one quick observe to make concerning the Facebook Debugger:

You must use this to diagnose potential sharing points before you add a publish to Facebook. The Debugger can’t repair a publish that’s already stay. All it will possibly do is inform you what is going to happen when a publish is revealed to Facebook and information you to resolve any discrepancies before that ever occurs.

Step 2: Evaluation the Open Graph Markup

Scroll down the Debugger web page and also you’ll see the Open Graph markup Facebook was in a position to retrieve from the page:

If nothing have been in these fields, it signifies that Open Graph markup is missing.

The Facebook Site owners guide offers info on how to add Open Graph markup to your web site’s metadata construction.

Here is an example of how Open Graph markup seems to be from the DesignBombs web site:

You possibly can manually update your web page’s metadata with Open Graph meta tags… or you need to use a plugin to do it. Because you’re already utilizing an search engine marketing plugin to optimize your content, you may as properly let a plugin assist you to go the remainder of the best way.

If the Open Graph Markup seems good — because it does in the example above — proceed to the subsequent step.

Step three: Clear the WordPress Cache

Log into your WordPress website.

No matter which caching plugin you employ, there are sometimes two places in WordPress where you’ll be able to clear the cache:

The primary is within the prime admin bar. It ought to say “Delete Cache” or “Clear Cache”. You may as well navigate to your caching plugin and do the same there.

Watch for the confirmation message and then return to the Facebook Debugger.

Step 4: Scrape Again

This time, click the “Scrape Again” button beside the Time Scraped area.

This can effectively clear the Facebook cache and permit it to retrieve the corrected model that exists on your website.

In some instances, you’ll obtain a warning or error message. This may increasingly occur if the image detected by Facebook is just too small or too giant, if a featured image is lacking, or if Open Graph markup is missing. If that’s the case, return to your page in WordPress, repair the important errors after which “Scrape Again” in the Debugger.

You may also need to use the “Scrape Again” function in case you preview your publish within the Debugger and determine the outline is just too lengthy otherwise you want to use one other picture. Now’s the time to make these modifications, clear the WordPress cache, and use the Debugger to “Scrape Again”.

Step 5: Evaluation and Share Your Publish

Assessment the snippet preview along with the Open Graph meta tags under it. If every thing seems good, you’ve gotten the all-clear to share this submit on Facebook with out worries.

How to Use a WordPress Plugin with Open Graph Markup

When you find the Facebook Debugger to be tedious and don’t need to have to go through the method every time you need to share content material to Facebook, that’s high-quality. You’ll be able to let your WordPress plugin do the work!

Yoast is, by far, the preferred search engine optimisation plugin for WordPress. What a few of its users won’t know is that it comes with an Open Graph markup device, so let’s shortly explore how to set this up.

Step 1: Activate Yoast Social

To activate it, go to the search engine marketing plugin on the WordPress sidebar and choose “Social”.

Click on on the Facebook tab and change the toggle to “Enabled”.

Enter your Facebook App ID if you’d like to monitor activity in Facebook Insights related to your Open Graph marked-up posts. It’s not needed that you simply do this though.

You can too add an Picture URL right here. That is just in case you or certainly one of your content producers forgets to add a featured image (or any photographs at all) to a web page.

Step 2: Add Open Graph Meta Tags to Posts and Pages

On each submit and web page, you will have a Yoast box that permits you to add page-specific search engine optimisation metadata. For those who look over on the three tabs on the left of this module, you’ll see a social-sharing icon. Click on it to entry the Yoast Social tab:

Now, Facebook can use the search engine optimization title, slug, and description you wrote up. Nevertheless, in the event you don’t trust that Facebook can retrieve the info correctly, or the Facebook Debugger has informed you in any other case, go ahead and enter your Open Graph markup here.

The identical goes in your Featured picture. You’ll have already added it to the WordPress submit or web page. Nevertheless, in case you actually need to drive the point residence with Facebook, connect the picture to the Yoast Social tab.

Step 3: Publish Your Content

If all is configured above, you shouldn’t have to use the Facebook Debugger software anymore. Nevertheless, when you do run into points after posting your content material to Facebook, just know that it’s there to provide help to type out any points that come up.

Wrap-Up

Want to exponentially grow visitors to the WordPress website you’ve labored tirelessly to build? And increase conversion rates in the process? Social media advertising on a platform like Facebook might be key to your success… just be careful of what you publish.

When you don’t take the time to use Open Graph markup appropriately, you could unintentionally tarnish what you are promoting’s popularity with poorly-composed posts. Fortunately, the Facebook Debugger and a must have WordPress plugin like Yoast have you coated.

Related Posts