

Facebook uses Open Graph tags and Twitter uses Cards. Hugo themes will often come with these tags added already - but if they don& rsquo t we wanted to look at how you can add them. For example, what image to use and what the title should be.
#Test social media meta tags how to#
Twitter has its own social media meta tags that are similar to the Open Graph protocol. Adding social media tags to the & lt head& gt section of your website helps Facebook and Twitter know how to show your page when someone shares it. You will find multiple tags there and also learn about how to use them, but only four are necessary for Facebook to understand the basics of your page: Images or media attached to Tweets will have precedence over any card.

A complete list of these meta tags are available and can be found in the Open Graph website. Twitter Cards generated from meta tags only appear when a Tweet is either expanded. Twitter and Facebook are the most important and popular social media platforms, so you should focus on those two.įacebook uses meta tags of the Open Graph protocol, that will enable any web page to become a rich object on the social graph. These tags control how your webpage link is displayed when shared on social media. open graph meta tags - preview how the web links appear on social media for.
These social media meta tags are actually the snippets of HTML code. you to check OG tags (Open Graph Tags) of any specific webpage online. Weve based the initial version of the protocol on RDFa which means that youll place additional tags in the of your web page.When your website link is shared, both Twitter and Facebook will scrape. These social media meta tags exist to give information about it to social media platforms and search engines. These types of meta tags do not change or disturb the view when people visit your website. If you want to pass this test, add social media meta tags to your web pages "head" section. This test will check that the site is using any social media meta tags.
