Implement META tags in the HTML that allow us to improve our virality on social networks, Twitter, Facebook, G+, Pinterest.
In this article we explain how to offer better information to social network trackers, informing in detail the characteristics of the content you are publishing, so that they can easily recognize it and offer better information about you. The idea is to make it easy for sharing systems on social networks, such as Twitter, Google+, Facebook or Pinterest, to improve the virality of your website content.
Have you noticed that sometimes when you share content on Facebook it doesn’t load any images and other times it does? Well, this depends on the social meta tags that the website uses, something that is often not very well managed. There are a huge number of META tags that you can use, which we describe below.
Using these social meta tags can help us better disseminate our content, since it allows us to define the images and descriptions in a more optimal way.
Knowing exactly which Meta Tags to include can be confusing, even for people with some experience in this subject. If, for example, you use a CMS and have an SEO plugin implemented, you generally don’t have to worry about this issue since the plugin itself will be managing it for you, but if you want to optimize how you appear on the networks or do not want to depend on others, you will be interested this article.
Next we are going to leave you some generic codes, which go from less to more, to implement on your websites.
How to use these codes
Simply copy and paste the code into your articles, using the text editor. Be sure to replace any information we have placed as a sample with the information customized for your website or for your articles. Attribute values like content, url, etc. They are the ones you have to edit to place your own data. You can customize, delete or add any tag you think is necessary.
All three of the codes are optimized using typical “article” data and markers, ideal for blog posts and most written content.
code 1
This code runs clean and fast. Contains little data for optimized sharing on Twitter, Facebook, Google+ and Pinterest.
code 2
Social tag code that works on all platforms. In addition to all the features of code 1, this template includes the following:
- Basic Twitter Summary Card
- Twitter thumbnail image
- Facebook Page Insights
code 3
Full code. In addition to all the data included in the above, you have:
- “Google Authorship” and “Publisher MArkup”. Even if this data doesn’t change the appearance of your content on Google+, add hyperlinks to your pages in Google+ search results.
- Schema.org article bookmark
- Abstract card with large image of Twitter
- Item Data Expanded Open Graph
http://schema.org/Article“>
Facebook Comments
Disqus