torecertified.blogg.se

2016 SOCIAL MEDIA META TAGS CODE

You could have different text (and image) for Twitter v/s the rest (or even Google +) to test and understand what's impactful, where.

You can make the title, description, image etc perfect for social media where click-decisions are made in 2-5 seconds. Largest possible impact in the shortest possible time.

If social meta isn't implemented, you are killing the social-messaging golden goose. The website publisher gets to call the shots here.

Social meta is a way to control the social-messaging around your content.

What are the top reasons to get social meta implemented?

This is from the source code of the Quartz page discussed earlier.ĥ. After you implement this, don't forget to get it validated and an exception added to your website's robots.txt file. Though open graph properties act as fall back options for some of the parameters, it's better to implement one of these cards on each of your pages. To make the maximum use of the real estate and go beyond what 140 characters can achieve (in case of organic tweets containing article links), you should get Twitter Summary Cards or Twitter Summary Cards with Large Image implemented for your web pages.

What's the og meta tag equivalent on Twitter? To make things easy for web developers, it's better to stick to og as it works on all these three networks, at least.ģ. (In the case of G+, it's called a "snippet" and snippets are based on microdata and og is a fall back option. Apart from Facebook, Linkedin and Google+ also use og for content-sharing previews. Here's what the debugger says about the page on Snapdeal. You could also use Facebook's Open Graph Debugger Tool to see if you have implemented it right. To learn more on getting this implemented, check here what Facebook says.

og:site_name ❌ (Missing, but since this is identified as a "website" and not an "article", Facebook shows the site name correctly).

og: type ❌ (Thanks to the incorrect implementation, Facebook deduces this to be a "website", whereas it should be "article").

og:description ❌ (It's the website title that's getting fetched from the old school meta).

og:title ❌ (It's the website title that's getting fetched from the old school meta).

og:url ❌ (Though on click, the link would take you to the shared product page, the og:url is mapped to the home page,.If you do a quick check of this URL, it's clear that:

If you do not have og:meta filled in, platforms would fetch whatever is there under the meta tags (not the open graph meta), ex:

2016 SOCIAL MEDIA META TAGS CODE