Have you ever posted a link as a status update on a social network and found the associated image has nothing to do with the content on the page, or the description is for a totally different product? (Like the below screenshot).
You would probably think twice about sharing it - this limits the small percent of website users who share content on social media even further.
By adding social meta tags to your website or blog, you can improve how your content is displayed on social networks like Instagram, Facebook, Twitter, Google+ and LinkedIn. This will improve social visibility and in turn, traffic to your webpage by making your updates more appealing to users.
For instance, if someone copies a product link from the Sound Travels website to post as their Facebook update, they will see the following:
Example 1: poor/no implementation of social meta tags
This post has major room for improvement in compelling a viewer to click. The main issues with the above post is the lack of image and the headline and description haven’t been optimised to generate clicks. It’s highly likely a user may even hesitate posting this link as there is no defining information about where the link might lead.
We can use the following social meta tags to control exactly what is shown when pasting one of your URLs into the status or sponsored update bars on social media:
Example 2: good use of social meta tags
As you can see below, there is a huge difference between the first and second example. Firstly, we have the correct image for the page posted. We also have the product name and brand in the headline title, as well as a tailored description to the product. This will help attract more shares, click throughs and engagement with the post in general.
Status updates (on Facebook or Twitter for example) which feature an image receive an engagement rate 35% higher than those of just text and no image. Find more research/stats here
Here is a full list of all social meta tags which are recommended implementing, that are sourced from two web protocols:
Open Graph (og) for Facebook:
Twitter have their own specific card tags:
The point to using social meta tags is to control the way your content is displayed in feeds, rather than letting the social networks generate the headline, description and image or you. These are our top tips for implementing and using Social Meta Tags, then sharing your page/content on Social Media accounts:
This is what social meta tags look like in HTML, once you have implemented them on your website:
<meta property=”og:title” content=”What are Social Meta tags?” />
<meta property=”og:url” content=”https://www.remarkable.net/what-are-social-meta-tags/” />
<meta property=”og:description” content=”What are social meta tags? Learn to control how your content is displayed on social media.” />
<meta property=”og:image” content=”https://www.remarkable.net/socialmeta.jpg” />
<meta property=”og:type” content=”article” />
Do these tags impact SEO and Organic/Natural Website Traffic?
There is no direct benefit to SEO from using social meta tags, but there is an indirect advantage. If your content is being shared and clicked on more as a result of using these tags you are more likely to generate natural backlinks from other sites to your content. Which in turn is a stronger ranking signal to search engines.
So in conclusion, Meta tags aren’t just for search engines and adding this code to your website won’t improve sales directly. Social media sites are also using them just like you would optimise meta data for Google rankings, you need to do the same for Facebook and Twitter to get the most benefit from your content. You should now have everything you need to take full advantage of social meta tags and start optimising shares and click-throughs from social media to your website.
Not sure of where to start with implementing or optimising social media meta tags? Click here to drop us an email.