View video tutorial

HTML Page Title

HTML

The <title> tag provides the page title.

The title of a page


➔ Set the page title using <title> tag.

➔ The <title> tag should be something that relates to the internal contents of the document.

➔ The <title> tag must inside <head> tag and cannot be used more than once.

More about page titles


➔ The title tag is very important and meaningful for a webpage on the Internet.

➔ The title doesn't show anything in the body of the document but shows a brief description about the page in the browser's title bar.

➔ This title also serves some important functions for users, browsers, and SEO engines.

➔ Search engines use titles to understand the context of the page and its relevance to the user's query, and serve content to users.

➔ The title text also appears in the clickable title of search engine query results.

➔ If a user bookmarks a page, the title is used as the default text, but users can change it to whatever they want.

➔ When a web page is shared on a social platform, the title text is used as the title for the page's link preview.

➔ Screen readers and other assistive technologies also use page title text to get the context or summary of the page.

Best Uses and Good Practices:


➔ Each page on a website should have a unique page title.

➔ The page title should reflect the purpose and contextual meaning of the page to users.

➔ Along with good content, a perfect page title also provides user experience and reflects SEO improvements.

➔ The title should ideally be 40 to 60 characters long, with a short description that is fully meaningful and represents the page's keyword.

Learning with HTML Editor "Try it Now"

You can edit the HTML code and view the result using online editor.

The <title> in head

<!DOCTYPE html>
<html>
<head>
    <title>Title of this Page</title>
</head>
<body>
    <!-- body contents here-->
</body>
</html>

Example

<!DOCTYPE html>
<html>
<head>
    <title>Title of this Page</title>
</head>
<body>
    <h2>HTML Title Example</h2>
    <p>The title display in the title bar of the browser</p>
    <p>Title is not displayed in the body of the page.</p>
</body>
</html>
Try it Now »

Click on the "Try it Now" button to see how it works.