To add open graph tags to your wordpress website we recommend using a plugin that adds these tags to each page for you, like yoast seo or all in one seo. What are open graph tags and how to use them effectively. This plugin inserts facebook open graph tags into your wordpress blogwebsite for more effective and efficient facebook sharing results. The following people have contributed to this plugin. Wordpress seo also comes equipped with social features, including the ability to add facebook open graph meta data in wordpress themes. Just want to ask you this, after all i have got setup all the tags, and. Webmasters sharing documentation facebook for developers. Ok, hopefully you have a solid understanding of what facebook open graph tags are and why theyre important. Its a facebook share and it has author information, publisher site, posts url, title. Og tags are help to improve structure of sharing post in facebook by wordpress. How to add open graph meta tags to wordpress elegant themes.
You can do this by adding a function to your theme, or by using a plugin that. Activate the plugin through the plugins menu in wordpress go to options, open graph and twitter card tags to set it up. The open graph protocol allows developers to leverage facebook in new and exciting ways. First thing you need to do is install and activate, the wordpress seo by yoast plugin.
Before we share the steps of implementing open graph tags into wordpress, lets have a look at the below snapshot. Social and simply check the box next toadd open graph. Once the download is finished the open graph check will search for open graph tags. Go to seo in the left column of the wordpress dashboard select social from the list under seo click on the facebook tab and check the box next to add open graph meta. Most content is shared to facebook as a url, so its important that you mark up your website with open graph tags to take control over how your content appears on facebook. Open graph protocol for facebook explained with examples. Such information stored in meta tags can be then automatically displayed on e. We use cookies for various purposes including analytics.
My site is generating open graph data even when i have all plugins deactivated, which creates a conflict when i activate my seo plugin. If you are using a cms like wordpress, you can change the template or use a plugin like yoast to manage these tags. How to set open graph tags in wordpress sangfroid web, llc. Our yoast seo plugin handles optimization of your wordpress site for search engines, and we dare say it does that pretty well. If the post contains youtube links, this plugin saves as post meta video thumbnail link and add it to og. How to add open graph tags to your wordpress site addthis. If you already use another plugin to handle open graph meta tags on your site, well automatically deactivate jetpacks open graph meta tags. As a result of this change, apps are unable to publish custom open graph. Once you have added the plugin, follow the steps below.
How to add facebook open graph meta data in wordpress themes. Open graph and twitter card tags wordpress plugin wordpress. How to add facebook open graph meta tags to wordpress themes. How to add open graph meta tags to wordpress elegant. This post is to share few free plugins, which can be used to add facebook open graph meta. The yoast seo plugin makes it very easy to add facebooks open graph meta tags. Take control of how social media shares your web pages. The woo open graph plugin will add an extended feature to the big name woocommerce that will add well executed and accurate open graph meta tags to your site with title, description, and. The open graph plugin inserts the open graph metadata into page head section. Once activated, you need to go to seo social and simply check the box next toadd open graph meta data.
Use the included automatic install feature on your wordpress admin panel and search for open graph and twitter card tags. The open graph tags above are the ones you really need to know og. Wordpress plugin facebooks official wordpress plugin, which adds open graph metadata to wordpress. The crawler has to see an image at least once before it can be. Adding open graph to your own site can actually be fairly simple. This plugin allows you to add facebook open graph protocol to your wordpress website. Recently, i received interesting and challenging request for the project i am working on to update open graph meta tags for content that is loaded via ajax, in wordpress environment. When content is shared for the first time, the facebook crawler will scrape and cache the metadata from the url shared. One of the easiest ways to venture into the world of open graph is to add the open graph meta tags to your site. In order to check the implementation on your website the open graph check will download the source code from the given url. If you want to share your blog in social networks, you must configure your wordpress to use the open graph protocol. There are other, more advanced, tags you can use to provide even more indepth specifications. All of the code that we will go over should be added to the functions. Open graph meta tags allow you to control what content appears when a page of your website is shared on social media networks, like facebook.
How to add open graph tags to your blogger website. Open graph generator, advanced meta tags generator tool. As the title implies im trying to generate facebook open graph meta tags dynamically, but i cant get it working. The open graph plugin inserts the open graph metadata into wordpress. Those open graph tags help to become a part of optimizing in social networks. A wordpress plugin that automatically generates open graph meta tags on various queries. How to setup open graph and twitter cards for wordpress. It excerpt all in one seo pack or wordpress seo by yoast plugins. It uses post thumbnails featured images or the default image as og. If you are using wordpress, you can use the wordpress for seo plugin by yoast to add open graph protocol meta tags on your website. While you can add open graph and twitter card tags manually there are many plugins available on wordpress.
To start off, we will walk through how to add open graph tags to your wordpress site using a couple of functions. Go to plugin settings seo social click on the checkbox add open graph. Id rather the plugin create the og tags since it uses the fullsized feature image for the og. Add fb facebook open graph og meta tags in wordpress post. Simply activating the facebook plugin will add open graph meta deta into your themes. This plugin is free to download and feel free to use it on your wordpress, buddypress, bbpress and any other wp based systems. Updating open graph meta tags for ajaxloaded content in. Wordpress plugin facebooks official wordpress plugin, which adds open graph metadata to wordpress powered sites.
Now, lets get into how to automatically add them to both your homepage and individual posts using some handy plugins. To take advantage of open graph protocol, you will need to add the following tags in the code of your website. Adding facebook open graph meta data with wordpress seo. Best free wordpress graph chart plugins the open graph protocol enables any web page to become a rich object in a social graph.
To instruct facebook and other sharing services what to show when a page of your website is shared, you will need to specify open graph meta tags. These and other seo plugins will allow you to set the essential open graph tags. Facebook open graph meta tags for efficient facebook sharing. Activate the plugin through the plugins menu in wordpress go to options, open graph and twitter card tags. There are two main ways to provide open graph metadata from your plugin or theme. Tags opengraph, rich snippets, shop seo, woocommerce. How does the open graph check tests my implementation.
We have already covered what are facebook open graph meta tags and how to add them into wordpress themes. How can you be in control when your content is shared, rather than let your social network of choice or even a popular theme youre using. What you need to know about open graph meta tags for total. It allows adding of open graph information into site.
785 197 811 344 401 1372 941 187 977 263 1208 1003 1266 1664 360 421 275 46 69 1536 5 910 1422 346 1039 689 144 1344 550 1194 1089 711 657