villascience.blogg.se

#Sharing social media meta data image size code#

This works analogically with Twitter meta tags, too. If you do not include these Open Graph (og) meta properties, Facebook will still display the information about your blog post but probably not in the way you’d want it to. If the Facebook meta tags (=Open Graph meta tags) are present, you determine what’s being displayed in the Facebook post.

You can control what they pull from the post by including social media meta tags (for example open graph tags) in the html code of your posts. Facebook, Twitter and other social media platforms get these parameters from your website. You’d like it to contain a quality image, correct name, description, and URL. When sharing an article link, you want your post to look nicely when published on social media.

Title and meta description tags : If the page’s element contains and tags, the google+ Snippet uses the title and the content attribute of the description meta tag for the snippet description.8 Conclusion The importance of social media meta tags.

Open Graph protocol : If the page contains Open Graph properties for the title, image andĭescription, they will be used for the Google+ Snippet.

Itemscopes are defined on a web page, the google+ Snippet is created from the itemscope that is nearest the topīlog describing meta tags, their purpose and relevance in a web page. Will compose of the name, image and description properties found on any type.

microdata : If the page is annotated with microdata, the google+ Snippet.

Google+ makes use of the tags in one of the following four ways, listed in order of precedence:

twitter:card – Twitter cards allow users to attach rich photos, videos and media experience to their tweets when shared via their sites.

twitter:image – URL of image to use in the card.

twitter:description – Description of content(maximum 200 characters).

Similarly Twitter uses Twitter card tags, which their crawler uses to extract information about the page.

og:video – A URL to a video file for this object.

og:audio – A URL to an audio file for this object.

og:locale:alternate – An array of other locales this page is available in.

og:locale – The locale represents language_TERRITORY.

og:site_name – If the object being shared is part of a larger web site, the name should be displayed for the overall site.

og:url – The canonical URL of the object that will be used as its permanent ID in the graph, eg: “”.

eg: For specific pages within a website, the object type “article” should be used

og:description – A precise one to two sentence description of the object.

og:image – An image URL which should represent the object within the graph.og:title – The title of the object as it should appear within the graph.Also, these tags enable a web page to become a rich object in a social graph. So to be specific about the content that need to be shared or to be picked by the crawler’s of social sites we can set their specific meta tags.įor example Facebook uses open graph meta tags, which their crawler first see’s to obtain the information about a page being shared over facebook from a particular user’s site or a non-Facebook site. In that case, sometimes random content gets shared about a page which was not expected. So, one can set these tags’ content and decide what the crawler should extract from this page instead of fetching information by its own based on their particular algorithm for fetching information from the page when no meta tags are present. Social meta tags allow social site’s crawler to extract the information about the page when it’s being shared, liked or recommended. Meta tags also play an important role in the field of marketing research known as search engine optimization(SEO), where search engines like Google gives sites better ranking based on the presence of meta tags. They are used to specify page description, keywords (for search purposes), author information or any other metadata giving additional information about the page. They must be declared within head section of the web page only.

Meta tags in HTML documents provide metadata/information about a web page, or the content it contains.

#Sharing social media meta data image size code#