WP Rocket Black Friday - WordPress Caching Plugin
InfoPhilicHow toFacebook Share not Showing Title and Image in Preview: Quick Fix

Facebook Share not Showing Title and Image in Preview: Quick Fix

Social sharing is a vital part of online community building as it builds your traffic for a website and further marketing performance goals. Moreover, it establishes your brand by providing valuable resources, news, and ideas.

For sharing, you usually tend to include sharing buttons on your blog or website. Most site owners or bloggers believe that if you make all of your site’s or blog contents easily shareable, it will maximize views and traffic to your site.

Adding sharing buttons to the site or blog also represents your presence within the social media platforms. Though, it is not a bad idea to represent your social pages.

Maintaining your social pages, you need to go about exercising good social etiquette. For example, You need to share the content regularly and as much as possible. And here, the website’s or blog’s sharing buttons do more for you.

While sharing through the buttons, you sometimes experience one issue: no preview is displayed; it gives the URL of the website with no image or caption. In such instance, most of you surf to answer why the preview does not display it before it’s run through the debugger, or is there any way to get it working?

To handle this issue, each network provides a metasystem. In this guide, I will tell you about Facebook.

Open Graph API

You have the Open Graph API, particularly for Facebook, through which the procedure cannot be repeated on each share. To avoid this, Facebook keeps the share data in a cache and periodically updates it.

Moreover, the themes we are using don’t come with any OG data. We chose not to include them because most SEO modules accompany such a component. For best outcomes, I prescribe utilizing the Social SEO by Yoast SEO module; the Facebook metadata can be empowered from SEO  >> Social >> Facebook.

Social - Yoast SEO Facebook settings  Add Open Graph meta data
Social – Yoast SEO Facebook settings
Add Open Graph metadata

Doing this will enable OG metadata for each post you share. You can even change from the post edit section.

If you see that Facebook share doesn’t display the post image, check the featured image size as Facebook requires a featured image of a size larger than 200*200 pixels.

Using Facebook Share Debugger

Use a Facebook debugger to pre-fetch metadata for the page. It will show you the information when your website content is shared on Facebook, Messenger, and other places. In addition, it allows you to refresh this information for multiple URLs simultaneously by pressing the “Fetch new scrape information” button.

Facebook Sharing Debugger
Facebook Sharing Debugger

And hence, you now do not need to do anything more. I’m sure this solution will resolve your issue.

Any Queries? Ask me in the comment section below.

You'll also like:

Continue to the category
Amit Malewarhttps://www.infophilic.com/
Amit Malewar has been the tutorial writer since 2013. His passion for helping people in all aspects of technology flow through the expert coverage he provides. In addition to writing for InfoPhilic, Amit loves to read and try new things.

Comment Policy: Your words are your own, so be nice and helpful if you can. Please, only use your real name and limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.



Please enter your comment!
Please enter your name here




Bluehost Hosting

Get hosting for just $3.95 per month with Bluehost. Bluehost is an officially recommend WordPress host, and one of the most popular & reliable web hosts available.