Category Archives: WordPress

The Facebook Open Graph, Google+ and Twitter Card Tags WordPress Plugin

Part 1: Duplicate Open Graph Meta Tags and the Facebook Open Graph Object Debugger
Part 2: Facebook Open Graph Object Debugger and the Share App ID Missing Warning
Part 3: More control sharing your WordPress site with Yoast SEO plugin

A Yoast configuration recommendation

SEO > Social > Facebook > Add Open Graph meta data > Disabled
SEO > Social > Twitter > Add Twitter card meta data > Disabled

Then add the ‘Facebook Open Graph, Google+ and Twitter Card Tags’ WordPress Plugin to replace those functions.

It’s a big improvement in my opinion. You’ll see in the image above that ‘On Post/Page, use image from:’ has all 5 boxes check-marked, I recommend that setting but of course, test with your own content sharing to see what is best. I try to start every blog post with a 1024px wide image with roughly a 2:1 aspect ratio, but that is not always the case, and those checked boxes will determine what to do next.

Also be sure to check-mark: Settings > Facebook Open Graph, Google+ and Twitter Card Tags > Open Graph > Facebook Open Graph Tags cache > Clear cache.

This will save you the trouble of manually scraping the Facebook cache when you change configurations or post content, huge help!

Any questions on other configuration options, holler at me.

Thanks!
-Yehuda

OG Pt3: More control sharing your WordPress site with Yoast SEO plugin

This is part 3 of a continuing series:
Part 1: Duplicate Open Graph Meta Tags and the Facebook Open Graph Object Debugger
Part 2: Facebook Open Graph Object Debugger and the Share App ID Missing Warning

Now we are at the point where you can control and see the improved results of your Facebook shares.

The final warning that should be fixed revealed by the Facebook Open Graph Object Debugger is the Inferred Property warning above.

Before explicitly setting the home page title and description, Facebook displayed the complex pieces of the web site the best it could. You may agree this is not optimal.

To optimize this, edit your home page (or any other posts or pages as well are configurable). Scroll down to the Yoast section. You may need to check it in the screen options at the top of the editor and/or open up the actual section if it is not expanded.

Click on the share icon on the left, and select the Facebook tab. Fill out the title and description fields to your preference. I overrode the defaulted displayed image in the first post of this series [Duplicate Open Graph Meta Tags and the Facebook Open Graph Object Debugger], but if you want more granular control or per post/page this would also be the place to do it.

Note: the image dimensions make a difference.

A 2nd example:

Update (Save) the page and you should be set. Big improvement in my opinion.

FYI, after you make these changes, re-scrape the page:

https://developers.facebook.com/tools/debug

Thanks!
-Yehuda

OG Pt2: Facebook Open Graph Object Debugger and the Share App ID Missing Warning

Continued from previous post:
Duplicate Open Graph Meta Tags and the Facebook Open Graph Object Debugger

https://developers.facebook.com/tools/debug/og/object

Another warning that may be revealed by the Facebook Open Graph Object Debugger is the ‘Share App ID Missing’ warning.

To resolve this error you need to specify a Facebook app ID for your site. See the following Facebook guide to register and app and get the ID:

https://developers.facebook.com/docs/apps/register

1st, login to your Facebook account and then register as a Facebook Developer.

Next, Create App ID.

Next, do the security CAPTCHA, and voila! You should have your ID now.

Then, go to Yoast in your WordPress Admin page.

SEO > Social > Facebook > Facebook App ID

Insert your ID and Save changes.

Back at your Facebook Developer Dashboard, select App Review on the left menu bar.

Set the Slider from No to ‘Yes’, add a category as shown and ‘Confirm’.

Rescrape the site and you should see the warning gone.
https://developers.facebook.com/tools/debug/og/object

Thanks!
-Yehuda

Be sure to see the next post in this series:
More control sharing your WordPress site with Yoast SEO plugin

OG Pt1: Duplicate Open Graph Meta Tags and the Facebook Open Graph Object Debugger

WordPress themes and plugins can cause duplicate Open Graph Meta Tags

In this case, the WordPress Avada theme and the Yoast SEO plugin are both sending OG:url meta tags, causing this Facebook scraping error. Additionally the Facebook Open Graph Object Debugger may display other errors and can be helpful in debugging them.

Avada > Theme Options > Advanced > Theme Features > Open Graph Meta Tags > Off

I elected to turn off the Avada Open Graph Meta Tags setting, save changes and then enable the Yoast setting.

SEO > Social > Facebook > Facebook settings > Add Open Graph meta data > Enabled

Notice I also added an Image URL to display an image if the post/page being shared does not contain any images.

If you do not see the Social menu option, enable your Yoast advanced settings. Be sure to ‘Save Changes’ and you are set.

Thanks!
-Yehuda

Be sure to see the next post in this series:
Facebook Open Graph Object Debugger and the Share App ID Missing Warning