How many of you faced a problem: social sharing preview missing in website links, I don’t know. But personally, I faced this issue recently. While I’m sharing my site’s link to social channels it didn’t preview any thumbnail. It seems odd to me.

Everything was fine. But suddenly what happened I failed to measure. Then I took a deep breath and take a break as I’m surfing in a loop. Doing the same things but didn’t find where is the fault.😒

How to Add Thumbnail Image in Your Link/Post

Suddenly one morning I came up with an actual cause of the error. For some reason, I’ve deleted my Yoast SEO plugin a few days back. I reactivate the plugin but I’m unintentionally skipped some essential part of configuring the Yoast Plugin. Basically, The Yoast SEO Plugin has a builtin feature. Through this feature, you can customize the meta descriptions for your social channels along with custom thumbnail image for a specific page or post. So, if you want to provide a custom thumbnail for your page or post then you have to configure your Yoast SEO Plugin correctly.😃

How to Configure the Yoast SEO Plugin?

As my main motive in this article to help you in availing the Social Sharing Image Thumbnail or Preview feature for your Page or Post so I’m skipping the fundamental configuration of the Yoast SEO Plugin. You will get the detail configuration guideline from here.

From here the most important part starts. To activate Facebook Post Preview or Thumbnail you have to provide Facebook App ID in Yoast SEO Plugin. Just follow the lead»

WordPress Dashboard » Left Side Menu » SEO » Social » Facebook » Enable Open Graph metadata » Add Facebook App ID

Yoast SEO Social Page configuration

Tada. Your Social configuration for Facebook is done. Just a minute, do you know how you can get the Facebook App Id? If your answer is no then here is your answer. Or if you are already aware of this matter then please skip this part.😉

How to Create Facebook App, App ID, and App Secret?

Without wasting your time simple easy peasy steps for you. To create a Facebook App & App ID, first of all, you have to visit the Facebook for Developers page and login with your Facebook account.

Step2- Then at the right corner of the top navigation bar, click the My Apps link and select Add New App.

  • Enter Display Name and Contact Email.
  • Click the Create App ID button.
  • The new App will be created and redirected to the Facebook App Dashboard.

Step3- Navigate to the Settings » Basic page.

  • In App Domains field, specify the domain name of your website (ex: Gtarafdar.com).
  • In Privacy Policy URL field, specify the privacy policy web page URL for login dialog (ex: https://www.gtarafdar.com/privacy-policy/)
  • Select the Category of your App.
  • Click the Save Changes button.

Stpe4- At the left navigation menu panel, click the PRODUCTS(+) link and navigate to the Add a Product page.

  • Select Facebook Login product and click the Set Up.
  • Select Web as the App platform.
  • Enter the Site URL (ex: https://www.gtarafdar.com).
  • Click the Save button.

Step5- Navigate to the Facebook Login » Settings page.

  • Go to the Client OAuth Settings section. In the Valid OAuth Redirect URIs field, specify the Redirect URL of your OAuth application (ex: https://www.gtarafdar.com/facebook-login-php/).
  • Click Save Changes.

Step6- Change App Status:

  • By default, the App will be In Development mode. To change the App status in Live, click the toggle switch at the top header.

Facebook Status On

  • On click the Status On/OFF switch, a confirmation dialog will appear. Confirm to make your app public.

Finally, Navigate to the Settings » Basic page, copy the App ID and App Secret. This App ID and App secret are required to access the Facebook APIs.

Finding Facebook APP ID & APP Secret ID

In this way, you can easily create your Facebook APP ID and use it anywhere you want.

Twitter Configuration in Yoast Plugin

Now you get your APP ID and put that ID on the above mentioned filed. In the case of Twitter configuration, you don’t have to anything more. Just enable the Twitter card meta data and Select Summary with large image from the drop-down menu of The default card type.

Twitter Configuration of Yoast Plugin

Note: If you want to configure your Pinterest account with your Yoast Plugin then, please visit here- Getting Pinterest Rich Pins for your Articles. You’ll get the detailed outline from the official page of Yoast Plugin.

Adding Thumbnail Image in Your Post or Page

If you don’t want to configure each and every page then there is a simple solution for you. Just go to Yoast SEO Plugin’s Social Settings again and you will get a field of adding a default image for all of your pages. Simply choose your best one and select the save changes button.

Yoast Default Image Selection

If you want to configure each an every page then you have to follow this method. After creating a Page then scroll down to the om of the page. You will find Yoast SEO Plugins Meta Description field. Navigate to Sharing Icon. Then provide a Title for your page. Following that write a Meta Description for your page. Finally, select the desired Image for your page. The recommended image size for Facebook is 1200 by 630 pixels. Finally, click the update button from top of the right menu to update your settings.

Facebook Thumbnail Image Adding by Yoast SEO

Now check your work how it looks like. If you don’t share your website link in facebook ever then just copy the link URL and paste in your facebook wall at the Facebook status creation field. Wait for a while Facebook will crawl your site and give you a preview. If everything goes fine then your hard work reaches the destination. But if you failed to get what you desired for. Then you have to do more works.

Go to  Open Graph Debugger page and debug your page. Just paste your website’s link in the blank field and press the Debug Button. Wait for the result. If you don’t get the result then click Scrape Again Button.

Hopefully, you will get your desired result from here. But if you still facing problem then you need to help Facebook to scrap your site’s data manually. Please go to this Facebook Link Debugger. Then paste your link and click Fetch New Scrapping Options. Then Facebook will scrap your new data. It will also help you when you will update the Facebook Metadata by Yoast but continuously getting the old information.

Facebook debugger new data

The final result will be like that-

Facebook Link Thumbnail Demo

This is how you can add your desired thumbnail image to your links. I tried to cover all the sector of the adding thumbnail image in your link for Facebook Post by Yoast SEO plugin. If you want to configure the twitter then the basic part will be the same. But the recommended image size for Twitter is 1024 by 512 pixels.

The alternative to Yoast SEO Plugin for adding Thumbnail Images

Most of the SEO Plugins has that feature. But if you want a dedicated solution for solving this problem without using Yoast then you can try these plugins.

If you want my personal opinion then try to avoid using too many plugins on your site. Find out possible best solutions for your problems. The best solution to active your social thumbnail is to rely on SEO Plugins.

Ending Thoughts:

I hope this article will help you to solve your problem. If you have any question please give me a shout to my comment box. I’ll try to help you accordingly. Till then adios 😊.

Like
Like Love Haha Wow Sad Angry
41
Spread the love