Learn The Role of the Document Head | HTML Document Structure

The document head contains metadata, information for browsers and search engines. These tags do not appear on the page itself, which is why the examples below won't show visible output.

Page Title

The <title> tag controls what appears in the browser tab. It should be short, clear, and ideally under 60 characters.

index.html

Metadata

The <meta> tag stores important technical information about the page. The most essential one is character encoding, which prevents broken characters (mojibake):

index.html

Meaning of meta Tag Attributes

name: describes the type of metadata;
content: the value of that metadata;
http-equiv: simulates HTTP headers.

Basic meta Tags for SEO Improvement

Study More

SEO (Search Engine Optimization) is the process of optimizing a website to improve its visibility in search engine results.

<meta name="description"/>: specifies a brief description of the web page;
<meta name="author" />: specifies the web page author;
<meta name="language"/>: specifies the web page language;
<meta name="robots"/>: tells search engines how to crawl or index the web page;
<meta name="googlebot" content="notranslate"/>: informs Google not to offer automatic translations of the web page;
<meta name="copyright" content="Copyright 2024"/>: specifies the web page copyright.

index.html

1. Where is the `<meta>` tag supposed to be placed?

2. What tag content will be shown on the user tab?

3. What can be done to assist the browser in indexing the page?

Everything was clear?

Thanks for your feedback!

Section 3. Chapter 3

Ask AI

Ask anything or try one of the suggested questions to begin our chat

Swipe to show menu

The document head contains metadata, information for browsers and search engines. These tags do not appear on the page itself, which is why the examples below won't show visible output.

Page Title

The <title> tag controls what appears in the browser tab. It should be short, clear, and ideally under 60 characters.

index.html

Metadata

The <meta> tag stores important technical information about the page. The most essential one is character encoding, which prevents broken characters (mojibake):

index.html

Meaning of meta Tag Attributes

name: describes the type of metadata;
content: the value of that metadata;
http-equiv: simulates HTTP headers.

Basic meta Tags for SEO Improvement

Study More

SEO (Search Engine Optimization) is the process of optimizing a website to improve its visibility in search engine results.

<meta name="description"/>: specifies a brief description of the web page;
<meta name="author" />: specifies the web page author;
<meta name="language"/>: specifies the web page language;
<meta name="robots"/>: tells search engines how to crawl or index the web page;
<meta name="googlebot" content="notranslate"/>: informs Google not to offer automatic translations of the web page;
<meta name="copyright" content="Copyright 2024"/>: specifies the web page copyright.

index.html

1. Where is the `<meta>` tag supposed to be placed?

2. What tag content will be shown on the user tab?

3. What can be done to assist the browser in indexing the page?

Everything was clear?

Thanks for your feedback!

Section 3. Chapter 3

The Role of the Document Head

Page Title

Metadata

Meaning of meta Tag Attributes

Basic meta Tags for SEO Improvement

1. Where is the <meta> tag supposed to be placed?

2. What tag content will be shown on the user tab?

3. What can be done to assist the browser in indexing the page?

The Role of the Document Head

Page Title

Metadata

Meaning of meta Tag Attributes

Basic meta Tags for SEO Improvement

1. Where is the <meta> tag supposed to be placed?

2. What tag content will be shown on the user tab?

3. What can be done to assist the browser in indexing the page?

1. Where is the `<meta>` tag supposed to be placed?

1. Where is the `<meta>` tag supposed to be placed?