Troubleshooting: Facebook Issues

Shareaholic has little influence over the data that appears when sharing with Facebook and other services that utilize the Open Graph Protocol.

If using our WordPress plugin, by default, the og:image tag is automatically defined when possible. First, the plugin checks if there is a featured image and whether that featured image meets the size requirements imposed by the Open Graph Protocol. If a featured image is not present, the plugin will try to select a suitable image inside the loop to represent the post or page.

How Facebook Reads your Content

When content is published to the web, Facebook scans the page source and caches information that is used to identify the page. If other Open Graph Meta Tags have not been explicitly defined, Facebook attempts to extract text for both the title and description. This is why changes that may be applied immediately after publishing are not always reflected in the Facebook share dialog. We pass your URL through to Facebook, and Facebook populates the data it has cached for that URL.

To verify this, open the unique page created for the published content, and after viewing the data that populates when interacting with the Facebook button in our Share Buttons app, compare this to what appears when using Facebook's Share Bookmaklet. The share dialog should contain identical information.

 

Review your Open Graph Meta Tags

1. Right-click and select View page source.

view-page-source.png

 

2. Use your browser's Find tool and input og: to locate all Open Graph Meta Tags.

view-source-find-og-tags.png

 

The og:image tag our WordPress plugin inserts will be clearly labeled. You may have another plugin installed that injects Open Graph Meta Tags into your page allowing a more finely tuned Open Graph experience. If so, you can choose to disable the Open Graph function in our plugin, but having more than one og:image assigned will not cause an error.

shareaholic-advanced-settings-disable-open-graph-tags.png

 

You can also disable this feature on individual posts/pages.

disable-open-graph-for-individual-entries.png

* After making changes to your settings, empty all caches in any caching plugins along with your browser's cache to see the changes reflected in your page source.

 

Use the Facebook Debugger Tool

Because Facebook caches the data used to identify each page, after making any change to your published content, it is recommended to run the URL through the Facebook Debugger Tool. This will serve to both trigger a re-scan of your page source so that the cached data can be refreshed to reflect your changes and alert you to any Open Graph issues that need to be addressed. After passing your URL through this tool, you'll also see a readout of what Facebook is caching for the page.

Once you have reset Facebook's cache for the URL following the instructions above, reload/refresh your published page and press the Facebook button to view the share dialog and your new Facebook story.

 

If there is still a discrepancy between the Facebook Debugger readout and the Open Graph Meta Tags in your page source, clear all caches again, then identify any other plugins that are inserting these tags. Review their support documentation and/or contact the plugin publisher for further assistance. 


Is your image or description missing/incorrect when sharing to LinkedIn or Google Plus?

 

Have more questions? Submit a request

Comments

Article is closed for comments.