Website Tonight SEO : Heading & Browser Titles

Do you know the difference between the Browser Title and the Heading Title? Don’t worry, most people don’t. I get asked this question a lot. Those that don’t know and don’t ask often put the same thing for both of them. The browser title and heading title should be different if you care about search engine optimization (aka: improving your search rank and maximizing the amount of traffic you get from the search engines).

In this article I am going to show you how the browser title and heading title are used, give instructions for how you can change them in Website Tonight, and discuss the SEO value of each. The browser title has more SEO value, so lets start there.


Website Tonight Browser Titles

The browser title is used in multiple ways. In older versions of the most popular browsers (ex: Internet Explorer, Mozilla FireFox, Google Chrome, etc) the browser title showed in the upper left hand corner of the window. In the newest versions of these browsers the design has been streamlined so it no longer appears there. However, the browser title is still used as the text for the tab as shown in the screenshot below (Google Chrome).

Tabs in Google Chrome

As you can see there are two tabs open. The first tab (left) is GoDaddy.com, and the second tab (right) is Google.com. The text GoDaddy used is too long to fit into the tab, so not all of it is visible (hover over the tab and it will show the full text). When GoDaddy wrote the text they weren’t concerned with fitting it into the tab. Instead they focused on how it would appear in the search results (see, “Search Engine Optimization with Browser Titles” below for details).

How to Change a Browser Title in Website Tonight

  1. Log in to your Website Tonight account.
  2. Navigate to the page where you want to update the Browser Title.
  3. Click the Page tab (top center).
  4. Hover over the Properties icon (top center under the Page tab).
  5. Select Page from the drop-down menu.
  6. In the Browser Title box type a title for the page.
  7. Click the Apply button (bottom right).
  8. Use the Pages drop-down menu (upper right) to select another page.
  9. Repeat steps 5 – 8 until you have updated the browser title for every page.
  10. Publish your Website Tonight project.

Search Engine Optimization with Browser Titles

Google is by far the most popular search engine. When you do a search on Google the results look something like this…

www.godaddy.com
Register & transfer domains for less. Reliable hosting. Easy-to-use site builders. Affordable SSL certificates. eCommerce solutions. ICANN-accredited.

The first line of each search result is a link. Google uses the text you put in for the browser title as the link to your webpage. For that reason the browser title is important. You want to use strong keywords and write something compelling that will make people want to visit your site. Keep in mind that Google limits your browser title to 70 characters (including blank spaces).

Learning the search result guidelines and how to target keywords are the critical first steps in making your business successful online.
If you are reading about SEO online you will see the terms “page title” and “browser title” used as though they are different. Normally they are, but in Website Tonight the page title and the browser title are the same thing.

Website Tonight Heading Titles

The heading title is the large text at the top of the webpage. In most Website Tonight templates the heading title is a color that matches the theme. In the screenshot below the heading title is black and says “Home Page”.

Example of a Heading Title in Website Tonight

How to Change a Heading Title in Website Tonight

  1. Log in to your Website Tonight account.
  2. Navigate to the page where you want to update the Heading Title.
  3. Click the Page tab (top center).
  4. Hover over the Properties icon (top center under the Page tab).
  5. Select Page from the drop-down menu.
  6. In the Heading Title box type a title for the page.
  7. Click the Apply button (bottom right).
  8. Use the Pages drop-down menu (upper right) to select another page.
  9. Repeat steps 5 – 8 until you have updated the heading for every page.
  10. Publish your Website Tonight project.

How to Change the Heading Title Color in Website Tonight

  1. Log in to your Website Tonight account.
  2. Hover over Design (upper left).
  3. Select Advanced Color Options from the drop-down menu.
  4. Click the colored square to the right of Heading Title Text.
  5. Use the color selector to choose a new color.
  6. Click the Okay button.
  7. Click the Apply button. You might need to scroll down in the pop-up box to see it.
  8. Click the Okay button. You might need to scroll down in the pop-up box to see it.

Search Engine Optimization with Heading Titles

To understand how Google uses your heading titles think of your website as if it were a book. Every book has a name and is usually divided into chapters with sub-chapters. Websites are structured in a similar way…

Structure of a Book
Book Name

  • Chapter One Title
    • Sub-chapter Title
    • Sub-chapter Title
  • Chapter Two Title
    • Sub-chapter Title
    • Sub-chapter Title
  • Chapter Three Title
    • Sub-chapter Title
    • Sub-chapter Title
Structure of a Website
yourdomain.com

  • Page 1 Browser Title
    • Heading Title
    • Heading Title
  • Page 2 Browser Title
    • Heading Title
    • Heading Title
  • Page 3 Browser Title
    • Heading Title
    • Heading Title

In web design every webpage needs at least one heading title. That’s why Website Tonight has it built in by default, but just because there’s only one default heading title don’t misunderstand that to mean there should only be one. In web design you are supposed to organize your webpage into logical sections and subsections. Take this webpage for example, this is how I organized it…

  • Website Tonight SEO : Heading & Browser Titles
    • Website Tonight Browser Titles
      • How to Change a Browser Title in Website Tonight
      • Search Engine Optimization with Browser Titles
    • Website Tonight Heading Titles
      • How to Change a Heading Title in Website Tonight
      • How to Change the Heading Title Color in Website Tonight
      • Search Engine Optimization with Heading Titles

Dividing your web pages into sections like this helps search engines understand what the webpage is about, what information is the most important, and what searches your webpage would be a quality result for. Website Tonight lets you organize your content info top categories, sub-categories, and sub-sub-categories by simply highlighting the text you want to turn into a category heading and using the Heading drop-down menu (upper left) to select the level. Conceptually it looks something like this…

  • Heading 1
    • Heading 2
      • Heading 3
      • Heading 3
    • Heading 2
      • Heading 3
      • Heading 3
      • Heading 3
  • Heading 1
    • Heading 2
    • Heading 2
      • Heading 3
      • Heading 3

Website Tonight allows you to use headings up to six levels deep. Most SEO experts agree that Google only puts emphasis on the information for the first three levels, but having more than three levels is not a bad thing.

Just be careful not to overdo it. Organizing a book into chapters and sub-chapters with a few sentences each doesn’t make sense, and likewise adding a heading or subheading to a webpage for a small amount of content also doesn’t make sense. Google uses the headings to understand the content under them, but if there’s little or no content under a heading then your heading is worthless to Google and wont help your search rank.

One Reply to Website Tonight SEO : Heading & Browser Titles

  1. Larry says:

    Thank you very much, you have been very very helpful. I just cant thank you enough.

Leave a Reply