Open Graph Meta Tags For Facebook, Linkedin And Pinterest
Open graph Meta tags are a set of guideline which is used to coordinate any web page into the graph. To turn your page into graph objects, you need to add basic open graph tags to your page.
Some social media sites like Facebook, LinkedIn and Pinterest fetch rich objects using open graph Meta tags. The four open graph required properties for every web page are:
og:type: The type of your web page. It's first priority to describe the type of web page.
og:title: The title is required property to appear your web page title in social media sites.
og:image: The required property to represent your object within the graph.
og:image: The canonical URL of your web page to used as its permanent ID in the graph.
Twitter Card Meta Tags
Using Twitter Meta cards, you can link rich media, text, images and videos action to your tweets that ride quality traffic to your web pages.
You can embed Twitter card mark-up to your pages by adding few lines of html code. Some required properties of Twitter Meta card for every page are:
twitter:card: Web page type of card i.e. summary, photo, or video.
twitter:title: Web page title to display in the Twitter Card.
twitter:description: Web page short description to display in the Twitter Card.
twitter:image: Image URL to display object in the Twitter Card.
twitter:url: The canonical URL of your web page to drive traffic.
twitter:site: Your wesite's twitter profile username with '@' prefix.
twitter:creator: Twitter profile username of web page creator with '@' prefix.
Schema Mark-up Meta Tags For Google+
Schema mark-up is semantic vocabulary that we can embed on our web page to advice the search engines to return more descriptive results for users.
Google plus fetches schema mark-up meta tags to extract web page type, title, description, image and URL in Google+ share snippet. You must have to update html tag with itemscope itemtype="property" while embedding schema mark-up in your web page. Google+ required four properties for best snippet in Google+ share network are:
itemtype="property": Is use to describe web page type.
itemprop="name": Is use to describe web page title.
itemprop="description": Is use to describe page description.
itemprop="image": Is use to describe image thumbnail.