When first learning how to develop websites, it is easy to overlook some basic information. In this tutorial, I will cover page titles and the importance of selecting good page titles for your web pages. Your page titles will be your first impression on your readers and is essential you give some thought to your page titles and how they appear in your browsers.
What are Page Titles?
Page titles are the brief phrases that appear in your browser tabs and relevantly describes the content of that particular webpage.
Page titles appear in:
- the window title bar in many browsers **
- browsers’ tabs when multiple webpages are open
- Google, Bing, Yahoo and other search engine results
- used for browser bookmarks/favorites
- read by screen readers which are assistive technology devices used by individuals with disabilities
Image of how Page Titles appear in Google Chrome:
** Browsers work differently. Firefox and Google Chrome will work differently. Thus, some of the material presented here may or may not apply to you depending on your browser.
Page Titles in HTML Markup
Page titles appear between the title tags within your <head> tags. The HTML markup looks like the following:
<title> THIS IS WHERE YOUR PAGE TITLE APPEARS </title>
For more information about HTML, refer to my FREE Quick & Easy HTML Tutorial.
Good Page Titles
Good page titles are essential for orientation and navigation. If you design your website with good page titles, you are helping people know where they are within their computer screen and allows them to move between pages open in their browser. Keep in mind that your browser may appear differently than others.
The page titles are the first thing screen readers say when the user navigates to a different webpage. For more information about screen readers and how individuals with disabilities navigate the web, refer to my tutorial on Web Accessibility: Yes it Matters.
What You Can Do
- Review the page title.
- Review what the browser tab displays. If it displays % page -title % or something similar that means that you are missing a page title.
- Examine the titles of your other webpages within your website.
What You are Checking for
- Check that there is a title which relevantly, briefly and adequately describes the content of the page.
- Use proper SEO to select a relevant keyword to use as your page’s title. For more information, check out my tutorial on FREE Keyword Tool or for more expert help, read my review of Jaaxy Pro & Jaaxy Enterprise.
- Check that the title is unique from other webpages on the website and adequately distinguishes the page from other webpages.
- Do not duplicate your page titles.
Examples of Effective Page Titles for Webpages
There is much flexibility on what makes a good page title. Best practice is for titles to be front-loaded which refers to the important and unique identifying information displayed first.
Examples of Poor Page Titles:
- Here are examples of poor page titles:
- Welcome to home page of Legitimate Online Opportunity
- Legitimate Online Opportunity | About Me
- Legitimate Online Opportunity | Tutorials
- Legitimate Online Opportunity | Product Reviews
- Legitimate Online Opportunity | Resources
- Reasons the above examples are poor page titles:
- They are too long.
- The user will only see the first portion of the titles.
Examples of Good Page Titles:
- Here are examples of good page titles:
- Legitimate Online Opportunity Home Page
- About Legitimate Online Opportunity
- Tutorials from Legitimate Online Opportunity
- Product Reviews from Legitimate Online Opportunity
- Resources from Legitimate Online Opportunity
- Reasons why the above examples are good page titles:
- The essential point of the webpage is displayed first.
Thank You & Questions?
Thank you for reading my post today. I hope you have found it helpful. If you have any questions, please leave them below and I will be happy to answer them shortly.