How to Setup Open Graph and Twitter Cards For WordPress?:- Good content always attract visitors to your site & there are also chances that some people who like your content will share it on social media. But sometimes problems may arise when shared content doesn’t appear on social platform. That is the issue when open graphs tags may help.
By using open graph you can manage the appearance of your content’s title, description, image, captions and more through social platforms. Perhaps you are well known with common meta tags like title & description, but many bloggers are not aware with other specific meta tags to social sites like Google+, Twitter, Facebook & Pinterest. The reason behind these sites have started using meta tags is to display the content properly on social platforms along with images, description & title. By defining this tag you are sure that your content is easy to share & understand on social sites.
Each social platform has difference preferences such as Google + give preference to schema tags, also this will support open graph protocols that are preferred by Facebook, Pinterest and other sites.
How to Setup Open Graph and Twitter Cards For WordPress?
Open graph tags go between <head> and </head> of webpage. Most commonly used tags are:
- og:title
- og:description
- og:url
- og:site_name
- og:image
- og:type
Additionally twitter also define its own custom tags known as twitter cards. These tags enable users to share links to present more useful information wherever they are tweeted. Similar to open graph it also define between <head> and </head>.
Most commonly used twitter tags are:
- twitter:card
- twitter:site
- twitter:creator
While you can add twitter cards & open graphs manually. Also some plugins are available there to make use of them. A few of plugins to use for this purpose are:
- SEO by Yoast
- Open Graph for Facebook, Google+ & Twitter Card Tags
- SEO Framework
- JM Twitter Cards
- Open Graph Protocol Framework