Facebook Share

The ionMag theme comes with a share section which includes Facebook, Twitter, Google+ and Pinterest.

facebook_share_top

 

When a visitor shares a post, the social network engine scans the page trying to retrieve elements like the post image, title, excerpt and author, etc. Sometimes the result may be inaccurate because the page structure can vary from page to page. To control this aspect, each network provides a meta-system, in the case of Facebook we have the Open Graph API.

The procedure cannot be repeated on each share, to avoid this Facebook keeps the share data in a cache and periodically updates it.

Facebook Open Graph in our theme

By default, the theme doesn’t come with any OG data. We decided not to add them because most SEO plugins come with such a feature. For best results, we recommend using the WordPress SEO by Yoast plugin. The Facebook metadata can be enabled from SEO -> Social -> Facebook:

yoast_options

 

Each OG meta will be automatically set.  If you want to modify them, for example, change the image shared on an individual post, you can do it from the post edit section, look for the Yoast SEO panel:

yoast_on_post

Facebook share doesn’t display the post image

Please check the size of the featured image, since Facebook requires an image larger than 200 x 200 pixels.

When you share a post for the first time, the Facebook crawler will scrape and cache the metadata from the URL shared.

The crawler has to see an image at least once before it can render it. This means that the first person who shares a piece of content won’t see a rendered image. A solution for this would be to use the Facebook debugger to pre-fetch metadata for the page.

FB_noimage

 

You should also consider this if you update the featured image on a post or you encounter issues when sharing the post. You can manually refresh the metadata for each post by pressing the “Fetch new scrape information” button:

FB_Scrape

Facebook automatically updates the cached metadata after a period (24 hours is mentioned in their documentation).