WP-Mix

A fresh mix of code snippets and tutorials

Add Facebook OG Attributes to HTML Tag

When adding Facebook Open Graph (OG) tags to your web pages, it is a good idea to add the required attributes to the <html> tag. Here is one way of doing it.

OG for the HTML Tag

The markup that should be added to the <html> tag changes frequently, depending on what the developers over at Facebook are doing. I’ve seen numerous variations on the following code:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

Currently, this seems to be the best markup to use for any pages that include Facebook OG tags. Of course, things on the Web change constantly, so it is recommended that you confirm the code with other sources.

Add via WordPress

If you use WordPress, you can add the required Facebook OG attributes via the following custom function:

function shapeSpace_fb_og_html($content) {
	return $content .' xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"';
}
add_filter('language_attributes', 'shapeSpace_fb_og_html');

That code snippet can be added to your theme’s functions.php file. Again, make sure that you are using the latest variation of the required OG markup.

Once that code is added to your theme, it will hook into the language_attributes tag:

<html <?php language_attributes(); ?>>

And thus the required OG attributes will be added to the <html> tag. You can verify this by viewing the source code of your web pages. Once the required OG attributes are included in the <html> tag, you’re good to go for adding whichever OG meta tags are required to represent your pages.

References & Resources

  • Open Graph Protocol
  • Facebook OG debugging tool (requires FB login): https://developers.facebook.com/tools/debug/

★ Pro Tip:

Wizard’s SQL Recipes for WordPressSAC ProThe Tao of WordPress

WordPress Resources

[ Wizard’s Collection: SQL Recipes for WordPress ] [ WordPress Themes In Depth ] [ USP Pro - User Submitted Posts ] [ Banhammer Pro: Hammer the Enemy ] [ The Tao of WordPress ] [ SAC Pro: WordPress Chat Plugin ]

Subscribe to WP-Mix

Project Demos

Popular Posts

Recent Posts

Random Posts

RSS Feed

Grab the RSS Feed ›

1338 readers
Feed Statistics
About the Author

Jeff Starr is a professional developer, designer, author, and publisher with over 15 years of experience. He writes books and tutorials, develops plugins, and runs his own business.

About the Site

WP-Mix is where I share code snippets, tricks, and tips. WP-Mix was launched in October 2012, and now features 409 posts. You can check out the latest post published on May 2, 2023. Learn more ›

Contact

A few ways to connect:

© 2012–2024 Monzilla Media ★ shapeSpace ★ Sitemap ★ Feed ★ Privacy ★ Made in the USA