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
Top Five udemy courses for web development π―π
π§΅π
some of the best list of courses that helps you to get started in the world of front-end development.
many people DM me where to start so these are courses for them who want to start or brush up their skills!!
01. The Complete 2021 Web Development Bootcamp
this course is created by @yu_angela, This course gives you a brief intro about the web development world, she discusses the full stack development this is the best course to get started