How to design consistent and user friendly HTML web page titles

A page title or document title describes a web page.
It’s the content that is placed inside the <title> element and appears in the browser window or tab.
The title is important because:

it’s the first thing to be announed in screen readers
it di…


This content originally appeared on Adam Silver and was authored by Adam Silver

A page title or document title describes a web page.

It’s the content that is placed inside the <title> element and appears in the browser window or tab.

The title is important because:

  • it’s the first thing to be announed in screen readers
  • it distinguishes your website from other open websites
  • it helps search engines to index your website

I recommend the following structure with hyphens inbetween:

  • name of page (usually the h1 heading but not always)
  • section name (if applicable)
  • name of service

Here are some examples based on Amazon’s website.

Page Page title
Home page Amazon
Your account Your account - Amazon
Orders Orders - Your account - Amazon
Books Books - Amazon
Atomic Habits book Atomic Habits, James Clear - Books - Amazon


This content originally appeared on Adam Silver and was authored by Adam Silver


Print Share Comment Cite Upload Translate Updates
APA

Adam Silver | Sciencx (2022-11-22T00:00:00+00:00) How to design consistent and user friendly HTML web page titles. Retrieved from https://www.scien.cx/2022/11/22/how-to-design-consistent-and-user-friendly-html-web-page-titles/

MLA
" » How to design consistent and user friendly HTML web page titles." Adam Silver | Sciencx - Tuesday November 22, 2022, https://www.scien.cx/2022/11/22/how-to-design-consistent-and-user-friendly-html-web-page-titles/
HARVARD
Adam Silver | Sciencx Tuesday November 22, 2022 » How to design consistent and user friendly HTML web page titles., viewed ,<https://www.scien.cx/2022/11/22/how-to-design-consistent-and-user-friendly-html-web-page-titles/>
VANCOUVER
Adam Silver | Sciencx - » How to design consistent and user friendly HTML web page titles. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/11/22/how-to-design-consistent-and-user-friendly-html-web-page-titles/
CHICAGO
" » How to design consistent and user friendly HTML web page titles." Adam Silver | Sciencx - Accessed . https://www.scien.cx/2022/11/22/how-to-design-consistent-and-user-friendly-html-web-page-titles/
IEEE
" » How to design consistent and user friendly HTML web page titles." Adam Silver | Sciencx [Online]. Available: https://www.scien.cx/2022/11/22/how-to-design-consistent-and-user-friendly-html-web-page-titles/. [Accessed: ]
rf:citation
» How to design consistent and user friendly HTML web page titles | Adam Silver | Sciencx | https://www.scien.cx/2022/11/22/how-to-design-consistent-and-user-friendly-html-web-page-titles/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts