Meta Tags | HTML | Tutorial 16

Summary

This tutorial explains what meta tags are, their purpose, and demonstrates how to use important meta tags like description, author, keywords, and viewport in HTML to provide metadata about a webpage.

Highlights

Introduction to Meta Tags00:00:00

Meta tags are located in the head section of an HTML file and are used to define metadata, which is data about data. This information helps configure the file and provide details about the webpage.

Description Meta Tag00:00:54

The description meta tag provides a brief summary of the website's content. Search engines use this description to understand what the website is about and help with page rankings. It's recommended to keep descriptions around 160 characters to avoid being ignored or penalized by search engines.

Author Meta Tag00:01:58

The author meta tag is used to specify the author of the webpage. This provides information about who created the content.

Keywords Meta Tag00:02:26

The keywords meta tag allows you to list relevant keywords, separated by commas, that describe your website's content. While historically used by search engines for indexing, many modern search engines largely ignore this tag due to past abuse.

Viewport Meta Tag00:03:22

The viewport meta tag is crucial for controlling how a website is displayed on different devices. Setting 'width=device-width' and 'initial-scale=1.0' ensures the website responds to the screen size of the viewing device, preventing it from appearing zoomed out on mobile devices and ensuring the intended mobile layout is displayed.