
og:url The canonical url of the web page. og:description The description of the web page. Properties and contents may take the following values: Property Content og:title The title of the web page. Use og: namespaced meta tags to describe metadata #Ī meta tag consists of a property attribute and a content attribute. When included in the head section of your page, this metadata provides rich snippet information when the page is shared. The Open Graph Protocol (OGP) provides Facebook with the metadata necessary to allow web pages to have the same functionality as other Facebook objects. Structured Data Testing Tool - Webmaster Tools Use Open Graph Protocol (OGP) to provide rich snippets on Facebook #.In order to validate rich snippets on Google+, you can use tools such as: For providing metadata to social sites, typical itemprop values are name, description, and image. Itemprop defines properties for itemtype in the scope. Add itemprop to describe each item using vocabulary # You should be able to find one that is relevant in this page. The value of an itemtype can be determined according to the type of content on your web page. You can specify the type of item by using the itemtype attribute along with the itemscope. Add itemtype to define type of your website # Add itemscope to define microdata scope #īy adding itemscope, you can specify the tag as a block of contents about a particular item. While most metadata are embedded in the head section of a web page, microdata lives where the context exists.

This article explains how beautiful fireworks are. By using microdata, and vocabulary, you help social sites and search engines better understand the contents of the page. Use + microdata to provide rich snippets on Google+ #Ĭrawlers use many methods to parse a page and understand its content. This means they don't have to spend valuable time (or characters) describing the link. Some services restrict the number of characters users can put in the note.īy adding the appropriate metadata to your pages, you can simplify the sharing process for users by providing the title, a description, and an attractive image. But describing a website tends be cumbersome and can miss the point from the page owner's point of view. When someone on a social network wants to share your website with their friends, they would probably add some notes explaining how awesome it is, and share it. Without the proper mark up, only the page title is included. Adding these items can help increase engagement. With the appropriate markup: the correct title, a short description, and an image are included. Which one do you think is more likely to be clicked? People are drawn to images and feel more confident they'll like what they find when they have an early preview. Without it, social sites will provide only basic information, without images or other helpful information. This can help increase engagement by providing previews with richer information than would otherwise be available.
SOCIAL MEDIA META IMAGE SCRIPT CODE
You can influence the way your site appears when shared via social media by adding a few lines of code to each page. Use Twitter Cards to provide page title, description, an image, and a Twitter id for Twitter.

Use Open Graph Protocol (OGP) to provide page title, description, and an image for Facebook.

