Thread by @ravikmmr

Do you know about the HTML Meta tag for social media cards?

🧵👇

1⃣ Introduction

— A social media card is a visual representation of the content of a specific web page on a social media platform it is being shared on.

— If your website has a social media card, it looks more appealing and provides additional information for people.

2⃣ Twitter card tag

— The Summary Card can be used for many kinds of web content, from blog posts and news articles to products and restaurants.

— It gives the reader a preview of the content before clicking through to your website.

3⃣ Meta tag attribute

Twitter: title - represents the web page title
Twitter: description - the description of your web page
Twitter: image - an image URL

Note💡
all meta tags should be placed at the head of your web page.

4⃣ Open Graph meta tags

— The Open Graph meta tags are used by most of the social media platforms, most known are Facebook and LinkedIn.

— Open Graph meta tags to take control over how your content appears on Facebook & LinkedIn like image, content, etc.

5⃣ Attributes

These meta tags have a property attribute that contains a value with the og: prefix and the content attribute:

og: title - represents the web page title
og: description - the description of your web page
of: image - an image URL
og: URL - the URL of your web page

Thanks for reading the thread, if you found it useful give the first one a retweet and if you have any suggestions tell me in a comment

🔗👇

https://twitter.com/ravikmmr/status/1485608929203990529