Web Design/Titles

From Wikiversity
Jump to navigation Jump to search

Overview[edit | edit source]

Titles of web pages can be put between the HTML tags <title> and </title>. These are also commonly called page titles or title tags. Page titles can be seen on search engines results pages or when hovering over a tab in your web browser.

Viewing a page title on a search engine results page
Viewing a page title in a web browser

Choosing Page Titles[edit | edit source]

Titles should always be chosen wisely and distinctive, to allow the user to:

  • Navigate through open tabs more easily.
  • Find items in the browsing history more easily.
  • Well written title can help with Search engine optimization.
  • Page titles are one of the most keyword sensitive areas of a web page for SEO.

Page Title Examples[edit | edit source]

  • Search query pages should contain the search query itself in the page title.
    • Search Query – Search – My Website
  • User setting pages should contain the name of the active submenu in the title, if the setting pages are accessed via separate URLs.
    • “Settings: Account detailsMy Website
  • Home pages should contain the primary keyword for the site in the page title
    • Business Name: Primary Keyword in City, State
    • Kool Daddy: HVAC Company in Tampa, Florida
  • Service pages should contain the primary keyword for that page
    • Page Keyword in City, State - Business Name
    • A/C Repair in Tampa, FL - Kool Daddy

Case Studies[edit | edit source]

Google[edit | edit source]

One mistake that Google does is using the exact same page title for Google Web Search as for Google Images.