Class Exercise 6: Understanding Metatags.

 1) Define what a meta tag is

Meta Tags - <meta> tag stands for metadata about an HTML document. Metadata is an information about data. <meta name="keywords" content="HTML, CSS, JavaScript">

w3schools.com, 2022. HTML meta tag. [online] W3schools.com. Available at: <https://www.w3schools.com/tags/tag_meta.asp> [Accessed 4 February 2022]




2) Choose a webpage and analyze its meta tags.

www.stackoverflow.com

I choose this website because this page has a large number of various meta tags which I will be analyzing with description in point 3.






3) Provide a brief description of each meta tag.


<meta name="description" content=" - An HTML element that summarizes your website. Search engines show the meta description in search results below your

Title tag.

Metatags.org, 2022. meta name description explained | How to use the meta name=description. [online] Metatags.org. Available at: <https://www.metatags.org/all-meta-tags-overview/the-important-meta-tags/meta-name-description/> [Accessed 11 February 2022].



<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0"> -

This is very important meta tag because this meta tag decide that the website will be working on different displays, devices.



<meta name="twitter:card" content="summary"/> - The Summary Card can be used for many kinds of web content, from blog posts and new articles. It's designed to allow reader a preview of the content before clicking through to your website.

Twitter.com, 2022. Summary Card. [online] Developer.twitter.com. Available at: <https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary> [Accessed 14 February 2022].


Alternative text Tag - Is very important for SEO (Search Engine Optimization). If a video or image have an issue that browser doesn't display properly this Tag show an alternative text of image or video.




Comments