Please, enter a valid email!
00 days
:
00 hours
:
00 minutes
:
00 seconds

How to Implement Rich Social Snippets for Social Media (Facebook, Twitter, Google+, Pinterest)…

Social media is for sure the most important tool to increase your brand awareness and a great communication channel for your clients. According to recent stats, the number of all social network users is greater than 1.61bn, and 67% of U.S. population has a social media profile.

If your business is not on Facebook, Twitter, Google+, etc. you’re missing a big opportunity in terms of recognition, distribution and sales. If you already have a brand page on social media networks (which is a must nowadays), I have some useful tips on how to optimize your sharable content and increase your number of followers.

It all starts with the link (URL) you want to share on your social media profile (brand page). When you post it on Facebook, Twitter, Pinterest or any other network, its relevant data (site name, URL, image, description, etc.) is scraped and all its content is displayed on your profile.

Now, to make this piece of content (called social snippet) more appealing and richer in data, you have to structure your webpages’HTML code in a certain way. Here is where Open Graph protocol fades in. Open Graph was introduced by Facebook in 2010, it allows webmasters to markup their web pages in order to have richer social snippets for their shared URLs.

Here is an example of rich snippets on Twitter:

image001

Useful tip:The vast majority of social media network scan interpret Open Graph <meta> tags, so first I recommend you to implement it on your site and then add additional info for each particular social network.

Social Media NetworksCompatible with Open Graph

  • Facebook
  • Twitter
  • Google+
  • Pinterest
  • LinkedIn
  • StumbleUpon
  • Instagram
  • Other

Benefits of Implementing Rich Social Snippets on Your Website

  • Richercontent (summary, images, videos, etc.)in a shared URL on social media
  • A higher Click-through rate (CTR) for your shared URLs
  • Growth of your social media followers base

How to implement social snippets for your URLs

Facebook

Place the tags into your HTML - you will have to implement Open Graph on your website by placing some specific <meta> tags in the <head> of your web pages. There are 4 required <meta> tags:

  • og:title – which specifies the title of your web page. Facebook will allow maximum 88 characters in its length, titles that are longer will be truncated.
  • og:type – the category or type of the web page you’re sharing, it can be an article, blog, audio, video, app, etc.
  • og:image – the URL of the image that will appear in the snippet. Note: you can add several image URLs, and choose the most appropriate one, when posting the link.
  • og:url–the canonical URL of the web page you’re sharing.

Note: if you already implemented the rel=”canonical” tag on your site, it’s not a problem if you accidentally shared the non-canonical version of your page, as search engines will see the preferred version of the link.

You find the full list of Open Graph <meta> tags here. All these tags are optional, beside those 4 described above. In any case, I recommend adding some more optional tags, like: og:locale, og:site_name, og:description – as some of social media networks would require these (it depends on the type of your web page).

Here is an example of markup with Open Graph tags implemented:

image003

You can paste this piece of code in the <head> of your website and adjust it based on your own requirements.

  1. Test your markup with Open Graph Object Debugger - a built-in tool by Facebook that will list all the implemented tags and show you a preview of your URL.
  1. Post a link on Facebook - preview your link and all the extracted data. Here is an example of what you should get:

image005


support independent journalism

Twitter

Twitter has its own standard for social snippets, it’s called Twitter Cards. There are several types of Twitter cards:

  • Summary Card
  • Summary Card with Large Image
  • Photo Card
  • Gallery Card
  • App Card
  • Player Card
  • Product Card

To implement one of these you have to:

  1. Choose what kind of Twitter Card is the most appropriate to your content and add the corresponding tags into your HTML code (again in the <head> of your webpage).
  1. Go to Cards Validator and include a link from your website to see if the tags were implemented correctly.

image007

Useful tip:Twitter is compatible with Open Graph, so you don’t have to paste certain tags twice, if you already adjusted your markup for Facebook. In this case, make sure you include the og:description tag, to make your Summary tweets look complete.

  1. Validate your profile for Twitter Cards by clicking on “Request approval”. You can change or add more Twitter Cards anytime you wish.
  1. Post a link to your Twitter profile and preview the result. Please note that it can take a certain period of time before your new social snippets will appear.

Google+

Google provides an online tool where you can include the data about your web page, get the code and paste it on your site. Google recommends Schema.org annotation, but if you already marked up your web page with Open Graph; that’s fine, it will extract the data correctly.

The advantage of implementing Schema.org markup is that you will eventually prepare your web pages for showing rich snippetsin Google search engine results pages (SERP).

So, here is how to adjust up your web pages according to Schema.org specifications:

  1. Access this tool on Google Developers webpage.
  1. Include the relevant data about your web page.
  • Page type: it can be an article, blog, book, event, local business, organization, person, product, review, other.
  • Title of your page
  • Image URL
  • Description
  1. Paste the code in the <head> or <body> of your HTML.

There is also a useful FAQ section listing some of the most common issues and different specifications.

image009

Pinterest

Pinterest called their rich snippets “Pinterest Rich Pins” and the procedure of implementation is similar to Twitter Cards. Depending on the type of rich pin, you can set up your markup using:

  • oEmbed
  • Schema.org
  • Open Graph

To apply for Pinterest rich pins you have to:

  1. Select the Rich Pin type that is most relevant to your web page. It can be a product, recipe, movie, article or place.
  1. Include the appropriate meta tags to your website.
  1. Validate your Rich Pins and apply to get them approved.

That’s it; here is an example of a Rich Pin:

image011
By the way do not hesitate to check our Free eBook The Art of Growing Your Presence on Pinterest.

LinkedIn

It seems like LinkedIn doesn’t have a dedicated tool where you could test your snippets, but it is compatible with Open Graph. Consequently, there is no need to add some extra tags to your web pages. Here is some additional info about the supported tags.

StumbleUpon

It seems like StumbleUpon is following the Open Graph protocol, but I didn’t find any relevant information that confirms this. StumbleUpon could have its own system of extracting data from a URL or a mixed technology.

image013

Instagram

Facebook had helped Instagram to integrate Open Graph into their app before they bought it (for $1 billion!). Now, when you take a picture with Instagram and share it on Facebook, it will display it in an optimized way and include a caption “User X took a photo with Instagram”.

image015

Testing and Validation Tools for Social Snippets

WordPress Implementation

If your website is powered by WordPress CMS (the most popular content management system on web), it’s quite easy to add the appropriate tags on your webpages, using a plugin. You can install one of the multiple all-in-one SEO plugins for WordPress and define the appropriate options from there.

Here are some of the most popular SEO plugins for WordPress that will allow you to do that:

First, you will have to install one of these WordPress plugins and adjust your social media snippets. Here is how to do that:

All in One SEO Pack

  1. Login to your WordPress admin
  2. Go to “Feature Manager” and activate the “Social Meta” option
  3. Access the “Social Meta” section and activate the options you wish. Click on ? mark to access the detailed documentation about each feature

WordPress SEO by Yoast

  1. Login to your WordPress admin
  2. Go to “Social” section of your plugin
  3. Include the appropriate data for your Facebook, Twitter and Google+ profiles

SEO Ultimate

  1. Login to your WordPress admin
  2. Access the “Open Graph” feature
  3. Include the appropriate data about your social media profiles. You will see additional options located in the tabs at the top of your page.

social media pack bundle

The Bottom Line

Social media is definitely the #1 tool to keep your customers engaged and establish a trustful connection with them. You can take the most of it by optimizing your content and markup, and implement some smart techniques. Rich social snippets are one of these great tips that will help increase your brand awareness and consequently sales. If you have any more questions on how to implement rich social snippets for social media, please ask them in the comment section. Your feedback on this rich social snippets tutorial is also welcome.

How Do I Build An Audience On Social Media? [Free eBook]


MonsterPost Editorial

Posting contributed articles about the major web design highlights and novelties. Come across a handful of useful tutorials and guides shared by experts in the web design and online marketing fields.

Get more to your email

Subscribe to our newsletter and access exclusive content and offers available only to MonsterPost subscribers.

From was successfully send!
Server error. Please, try again later.

3,767 responses to “How to Implement Rich Social Snippets for Social Media (Facebook, Twitter, Google+, Pinterest)…”

  1. Stinnettecdc says:

    Less than one in ten rapes leaded to a conviction in Avon and Somerset last year

    This may include adverts from us and 3rd parties based on our comprehending. You can remove yourself from list at any time. facts

    we appreciate your subscribingWe have more newslettersShow meSee ourprivacy notice

    Less than one in ten reported rapes in the Avon and Somerset police area resulted in a conviction last year.

    Exclusive analysis of police recorded data and figures from the Crown prosecution Service revealed there were 1,205 rapes reported to Avon and Somerset police in 2016/17 but only 86 people were convicted.

    The low number of convictions is due in part to the fact that only several people in the region were actually charged with rape last year.

    right out of the 1,205 claimed of rapes, Only 145 went to court. This means over a third of prosecutions for rape were lost.

    (icon: Artur Lesniak)

    nationally, The convictions rate for all reported rapes is the same as it is in Avon and Somerset in the uk as a whole seven per cent of reported rapes resulted in a conviction.

    Of the rapes which reported in Avon and Somerset last year, 901 victims were adults and 304 were children younger than 16.

    of people, 94 per cent of recorded rape offences against adults were against females and 86 per cent of recorded rape offences against children under 16 were against girls.

    Why do so many reported rapes not lead to a belief? there are numerous possible reasons why a reported asiame review rape does not continue to conviction.

    as an example, As well as the defendant being acquitted by a jury which was precisely why prosecutions were unsuccessful last year it might be the case that the victim does not wish for the case to be taken to court at all.

    in spite of this, The Rape Monitoring Group stress that while conviction figures are very important, They may provide an incomplete picture of how accurately rape is being tackled locally.

    as an example, They point to the large increase in the number of rapes that were recorded in England and Wales over the last few years.

    Attack outside McDonald Rather than a rise in the actual prevalence of rapes, This may be the outcome of improvements in how the police record crimes, Or may mean that victims have an increased if you know a crime has been committed, Or feel more confident in being believed when reporting what happened to them.

    Supt Marie Wright of Avon and Somerset cops said: “There’s been a rise in the number of offences of rape and sexual assault reported to us, Which is extremely positive as it shows people have increased trust in our response to these crimes.

    “We’re spending so much time to increase the levels of charges and summons and are working closely with our CPS colleagues to improve positive outcomes through the criminal justice arena.

    “Figures show that previous few we have been maintaining a higher than national average for the number of charges and summons issued and we’re aiming to get back to this stronger position.

    Chief Inspector Marie Wright is the force lead for rape and sexual offensive

    “Our response to rape and sexual assault is victim focused and providing the right outcome for each one affected by this abhorrent crime. there are times when, A prosecution and search in court is not what a vulnerable victim wants or is best for them.

    “The welfare and protection of victims will always be the main point on our investigations and we provide a comprehensive package of support to victims with the help of our partners, Including establishments like The Bridge Sexual Assault Referral Centre, SafeLink as well SARSAS, and also through our Lighthouse Victim Care service and Independent Sexual Violence Advisors (ISVA).

    Read MoreWoman charged in another modern slavery raid on a Bath city centre nail bar

    “Ultimately we want to deter offenders and above all give victims the courage to come forward, however long ago offences were committed. Our message on this is apparent: ‘You any longer,style tell us. Just tell the person.or,–.

  2. Hi there! I know this is kinda off topic but I was wondering
    if you knew where I could find a captcha plugin for my comment form?

    I’m using the same blog platform as yours and I’m having difficulty
    finding one? Thanks a lot!

  3. What’s up everyone, it’s my first pay a visit at this site, and article is truly fruitful in support of me, keep up posting
    such articles or reviews.