Add fb facebook open graph og meta tags in wordpress post. Mar 22, 2011 as quora user points out, they certainly have a tremendous impact on facebook seo. How to add open graph protocol meta tags on blog and. I was searching for a plugin to add facebooks open graph tags to my wordpress sites, but found nothing like what i needed. It excerpt all in one seo pack or wordpress seo by yoast plugins. The open graph protocol enables any web page to become a rich object in a social graph. It also allows you to change the title, description and image for individual posts and pages by allowing you to edit the open graph meta tags of your content without touching any code. Apr 02, 2015 in this article, i am going to show you how you can add facebook open graph meta information in your wordpress theme, which will solve all of those issues that you might face if you try to share your blog post on facebook. The open meta tags can be added with the title, description and woocommerce featured image. Twitter actually has its own meta tags for twitter cards, but if twitter robots cannot find any, twitter uses open graph tags instead. What is the best plugin for open graph in wordpress. As a plugin developer, i followed the trend and developed my own plugin. Once activated, you need to go to seo social and simply check the box next toadd open graph meta data.
Once you have successfully created facebook open graphs meta tags, you can also explore creating twitter card meta tags, instagram meta tags, and linkedin meta tags. 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. Custom open graph meta for facebook objects in wordpress. The open graph protocol is a series of meta tags you can add to your webpage to allow it to become a rich object, used by social media platforms. Opengraph tags will be added on any wordpress page, not just on woocommerce products. Right click and view the page source to find the meta tags.
Use the included automatic install feature on your wordpress admin panel and search for open graph and twitter card tags. Open graph and twitter card tags wordpress plugin wordpress. How to add open graph meta tags to wordpress through seo ultimate. If you already use another plugin to handle open graph meta tags on your site, well automatically deactivate jetpacks open graph meta tags for you, to avoid any duplicates. Adds open meta tags with the description, title and woocommerce featured image. Implementing the open graph protocol in your website is essential for a social dynamic website. Stable releases for this project are covered by the security advisory policy.
Once you have added the plugin, follow the steps below. Once the download is finished the open graph check will search for open graph tags in the source code. You have flexible options to control what data the tags will use, optimizing the way your content is shared across social media. How to add open graph meta tags to blogger tricks panda. But to take advantage of the new facebook aggregation api features, the meta data. Facebook open graph meta tags for wordpress plugin webdados. Download the plugin will continue to work after the license expires. Once the plugin has been installed and activated, you can find an item named seo at the left column of your wordpress dashboard. In the case of facebook for example, these meta tags help you share a post in your blog as another publication in your wall. Once the meta tags are inserted, publish your page and open it on the browser. Can someone help solve this problem with meta tags in body.
It also allows you to change the title, description and image for individual posts and pages by allowing you to edit the open graph meta tags of your content without. Wordpress has many plugins but users of blogger needs to add open graph protocol meta tags manually to blogger and also websites owner also have to do it manualy and to. Social meta tags for open graph wordpress function. In this article we are going to look at implementing the facebook open graph og tags on a drupal 7 site. So in order to improve your social visibility with appropriate title,description,imageetc, and to increase traffic we should use open graph meta tags. If you want to share your blog in social networks, you must configure your wordpress to use the open graph protocol. If the post contains youtube links, this plugin saves as post meta video thumbnail link and add it to og. How to add facebook open graph meta data tags into your wordpress theme.
The open graph plugin inserts the open graph metadata into wordpress posts and pages, and provides a simple extension mechansim for other plugins and themes to override this data, or to provide additional open graph data. Dec 19, 2014 the open graph protocol is a series of meta tags you can add to your webpage to allow it to become a rich object, used by social media platforms. Activate the plugin through the plugins menu in wordpress go to options, open graph and twitter card tags to set it up. How to add facebook open graph meta tags to wordpress themes. The tags determine what is shown to users in a relevant social update. On the whole, with the help of this plugin user can add wellexecuted and accurate open meta tags to the website.
Linkedin reads the open graph meta tags for the title, description, url, and image, but it prefers oembed data if available. Go to plugin settings seo social click on the checkbox add open graph meta data click on add. How to add facebook open graph meta tags for wordpress. This article is meant to help you fix the open graph metatags of the single entry view when using the wordpress seo plugin by yoast. In practical terms, this means you can use basic html tags to add key information about your posts, which social networks like facebook, twitter, linkedin and.
A wordpress plugin that automatically generates open graph meta tags on various queries. How to add open graph meta tags to wordpress elegant. First thing you need to do is install and activate, the wordpress seo by yoast plugin. Using this, website owners can connect their web pages directly to the facebook platform. It uses post thumbnails featured images or the default image as og. Basically, the open graph protocol is a series of meta tags you can add to your webpage to allow it to become a rich object, used by social media platforms. How to add open graph tags to your wordpress site addthis.
Click on it to expand all the categories below seo. How to fix open graph meta tags for single entry pages. Og tags are help to improve structure of sharing post in facebook by wordpress. You can see the main features of wp open graph plugin. The open graph plugin inserts the open graph metadata into wordpress posts and pages, and provides a simple extension mechansim for other plugins and.
What you need to know about open graph meta tags for total. Plugin name changed from wonderm00ns simple facebook open graph meta tags to facebook open graph meta tags for wordpress you can now set a specific open graph image per post, if you dont want it to be the same as the post featured image. Generating facebook open graph meta tags dynamically. By continuing to use pastebin, you agree to our use of cookies as described in the cookies policy. In this article, i am going to show you how you can add facebook open graph meta information in your wordpress theme, which will solve all of those issues that you might face if you try to share your blog post on facebook. I thought i should also share a way to add open graph meta tags to blogger blogs. On the same page, you can add an image and description for your. Opengraph tags with facebook product catalog support.
How to add open graph protocol meta tags on blog and site. In practical terms, this means you can use basic html tags to add key information about yo. 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. Automatic updates, support, and license activation require a. The open graph protocol allows developers to leverage facebook in new and exciting ways.
How to add facebook open graph meta data in wordpress themes. Social media sites are the major drivers of most of the webs traffic. Wp open graph automatically extract data from post title. The yoast seo plugin makes it very easy to add facebooks open graph meta tags. Creating open graph meta tags on all the major social media websites will increase the visibility of your website on social media.
And if your theme does not yet have this file, go ahead and create it. Open graph and twitter card tags wordpressutvidelse. As quora user points out, they certainly have a tremendous impact on facebook seo. Wordpress and yoast seo are both open source products you can help by explaining your usecases, reporting your bugs, and thinking about how a better solution might work. Webmasters sharing documentation facebook for developers. These and other seo plugins will allow you to set the essential open graph tags for each page, usually in the social or sharing. If your site offers oembed link tags as wordpress does by default linkedin will prefer the oembed data over the open graph values. It packs all the important features and is simple to use. The open graph protocol is a great way to not only share a pages information but to also control how your sites information is 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. Finally share the page on facebook and check the look. If you already use another plugin to handle open graph meta tags on your site, well automatically deactivate jetpacks open. Twitter card tags for more effective twitter sharing. Consequently, the ability to harness the power of social meta tags is a vital skill for today. It involves a bit of coding but nothing too major so bear with me. Facebook open graph meta tags for efficient facebook sharing. This post is to share few free plugins, which can be used to add facebook open graph meta data into your websites head. We have already covered what are facebook open graph meta tags and how to add them into wordpress themes.
In this case, if the user already has open graph plugin then they can override the title and description just by editing the checkbox next to the title. Open graph protocol for facebook explained with examples. Sign in sign up instantly share code, notes, and snippets. Wordpress has many plugins but users of blogger needs to add open graph protocol meta tags manually to blogger and also websites owner also have to do it manualy and to its post pages by editing the template. Facebook open graph debugger tool for fixing the issues which may occur while implementing open graph in wordpress themes. Using these meta tags could be the difference in attracting just a few visitors from facebook or attracting loads of visitors because your shared links provide useful keywords and imagery. Facebook open graph meta tags for wordpress plugin. In such situation, facebook open graph debugger tool can be very beneficial as it scans your post content and deliver you the suggestions and warnings to fix what is mistaken. Open wordpress seo is a free and open source alternative to the most popular wordpress seo plugins in the market.
How does the open graph check tests my implementation. Adding facebook open graph tags to your drupal site web. This plugin inserts facebook open graph tags into your wordpress. Twitter also uses open graph tags, unless there are equivalent twitter. Aug 31, 2017 add fb facebook open graph og meta tags in wordpress post. In april, i coded a simple wordpress plugin which allows you to add open graph meta tags to your wordpress site. Uses open graph tags for your content to appear neatly in facebook.
Log on your wordpress dashboard, go to plugins add new to search and install the wordpress plugin. How to fix open graph meta tags problems using facebook open graph debugger tool. 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. Jan 29, 2018 seo on page open graph meta tag watch more videos at. The plugin will insert the tags on any wordpress page, improving the way it is shared on social media websites. We use cookies for various purposes including analytics. This plugin is free to download and feel free to use it on your wordpress, buddypress, bbpress and any other wp based systems.
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. Simply activating the facebook plugin will add open graph meta deta into your themes. 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. Adding facebook open graph meta data with wordpress seo. Of course, we cant install a plugin to blogger but there are other ways too. The plugin generates meta description and keywords for you automatically if needed. Open graph enables developers to integrate their pages into the social. Wordpress seo also comes equipped with social features, including the ability to add facebook open graph meta data in wordpress themes. Open graph meta tags allow you to control what content shows up when a page is shared. Apr 30, 2018 wordpress and yoast seo are both open source products you can help by explaining your usecases, reporting your bugs, and thinking about how a better solution might work. Manually add a wordpress site to facebook open graph. As the title implies im trying to generate facebook open graph meta tags dynamically, but i cant get it working.
Facebook developer website claims that open graph protocol is a core component of facebook platform. How to fix open graph meta tags for single entry pages when using the wordpress seo plugin. Download the file and extract the folder to your plugins directory. The open graph protocol was created by facebook, and defines tags you can use on a web page that can then be read by social platforms. In order to check the implementation on your website the open graph check will download the source code from the given url. Apr 25, 2011 the open graph protocol is a great way to not only share a pages information but to also control how your sites information is shared. The open graph plugin inserts the open graph metadata into page head section. 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 woocommerce featured image. You can add facebook metadata open graph protocol to any postpagecontent type. This plugin automatically places the most relevant social media open graph og meta tags into the head section of your web pages. These open graph meta tags can enable many new social media features, such as better default information and image when clicking like, facebook connect integration or simply for facebook activity streams and so on. Seo on page open graph meta tag watch more videos at. I have a wordpress site and im using the open graph wordpress plugin to make the facebook image default to the featured image. This plugin inserts facebook open graph tags into your wordpress blogwebsite for more effective and efficient facebook sharing results.
Well, it might be for the reason that the og meta tags are not setup accurately. We use open graph meta tags on this site using yoast seo plugin for wordpress. Open graph generator, advanced meta tags generator tool. Option to automatically purge facebook open graph meta tags cache whenever you updatepublish a postpage. How to fix open graph meta tags for single entry pages when. Social and simply check the box next toadd open graph meta data. Meta tags in bodyyour page has meta tags in the body instead of the head. How to add open graph meta tags to wordpress elegant themes.
1539 712 899 796 675 169 28 1493 241 797 429 696 892 884 1496 718 1116 11 1112 439 148 518 106 1316 1398 1410 950 826 759 897