HTML Title Tag Example
<!DOCTYPE html> <html> <head> <title>HTML Title Element goes here.</title> </head> <body> <h1>Displayed Page Title</h1> <p>The main content of your page goes here.</p> </body> </html>
A title tag is an HTML element that provides the “title” of a web page. The HTML title element may be used for the following:
- As the title in the browser toolbar.
- As the title for bookmarks \ favorites.
- As the clickable headline in the Search Engine Results.
- As an indicator to Search Engines of the subject matter of the web page.
- It can only contain text.
- Any contained tags are ignored.
- If you fail to include a
<title>element, the web page will fail HTML validation.
<title> element only supports the Global Attributes.
<title> Tag Best Practices
A good title element will be short, concise, and portray the subject matter of the page:
<title>Title Tag guide - Usage and Best Practices</title>
<title>How to cook the perfect steak</title>
A bad title element may be too short and ambigious:
<title>Read this guide</title>
Or too long:
<title> This is the best guide to creating elements on your web page, with a specific mention to things like title tags. If you are lucky you will pick up lots of detail. </title>
You can read our detailed article on the best practices when using Title Tags here.
Google Ranking Factor
Using a keyword in the Title Tag is a Google ranking factor. You can read our detailed article here.
<title> Browser Support
Jonathan Griffin Editor, SEO Consultant, & Developer.
Jonathan Griffin is The Webmaster's Editor & CEO, managing day-to-day editorial operations across all our publications. Jonathan writes about Development, Hosting, and SEO topics for The Webmaster and The Search Review with more than nine years of experience. Jonathan also manages his own SEO consultancy, offering SEO developer services. He is an expert on site-structure, strategy, Schema, AMP, and technical SEO. You can find Jonathan on Twitter as @thewebmastercom.