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
About the author
Jonathan Griffin. Editor at The Webmaster.
Jonathan Griffin has been the Lead writer at The Webmaster for the last 5 years. Having provided technical SEO, WordPresss development, and hosting services for clients, his passion remains to help small businesses and bloggers develop their online presence.
In his spare time, he loves to push his technical knowledge further, and regularly undertakes professional courses on subjects ranging from python development, digital marketing, and Google Analytics.