Best Service Tips and Articles

View articles, tips and what to look for and what to look out for on giving and receiving the best services in South Africa in different trades from Mechanics, Plumbers, Pool services, Builders, Printing, Web Designing, Graphics Designers, Venues, Caterers, Carpenters, Gardening services, Electricians, Entertainers and more.

How long should a Title Tag H1 be for SEO?

Title Tags Longer Than What Is Displayed Has SEO Benefit.

Gary Illyes from Google said in last night's Google Central Live event that there is a benefit, I assume an SEO benefit, to having title tags longer than what is displayed in the search. He later added that you should keep the title tag "precise" to the topic of the page and do not worry about how long it is or if it is too long.



The specific question was asked at 1:25:05, "Is there value in having title tags that are longer than the displayable text in the search snippets?" Gary said "yes."Gary then went into more detail at 1:28:41 mark Gary said the length is "not a small number" like 160 or 220 characters long. He said if it is one sentence or so, you won't get a manual action. So a title tag that is cut off in the search results, like the screenshot below, is fine and may benefit you if it matches on keywords:


Now, this should not be a huge surprise. Google has changed the display length of the title tag numerous times and always said the length does not matter. Google has said there is no fixed title tag length. The display of a snippet is not directly related to what Google uses for ranking purposes.


Here is the video embed at the start time:

What is the importance of heading tags?

Header tags, also known as heading tags, are used to separate headings and subheadings on a webpage. They rank in order of importance, from H1 to H6, with H1s usually being the title. Header tags improve the readability and SEO of a webpage.


Here's a quick guide on header tags and what they're used for:

  • H1 — The title of a post. They're usually keyword-centric, focused around the "big idea" of a page or post, and crafted to grab a reader's attention.

  • H2 — These are subheaders that classify the main points of your paragraphs and separate sections. Consider using semantic keywords related to the "big idea" in your H1 while also helping the reader easily find the sections they want to read.

  • H3 — These are subsections that clarify the points made in the H2 further. Alternatively, they can be used in formatting lists or bullet points.

  • H4 —These are subsections that clarify the points made in the H3 further. Alternatively, they can be used in formatting lists or bullet points.

The "H" in H1, H2, etc. officially stands for "heading element," though the SEO community also commonly calls these tags "header tags."

As you can guess from the guide above, the numeral indicates the hierarchal relationship between each one (with H1 being the most important, H2 is less important, and so on).

Here's an example of how this hierarchal structure might manifest in a blog outline:

Now that you understand that header tags provide structure to a page, let's talk about them with greater specificity, starting with the H1 tag.


What are H1 tags? An H1 tag is the first and most important heading tag in the structural hierarchy of a page or post. It typically notes the page or post's title.

Don't make the mistake of using header tags as nothing more than stylistic elements. After all, they are structural in nature. Think of the H1 as you would a book title. Usually, there's only one title for a book, so there should only be one title for your page or post.

In addition, H1 tags should always be at the top of your page before the rest of your content, just as the book title is on the outside cover before you dive into the text inside.


The title is designated as the H1 for the page using HTML code. This code might manifest in the web page's source code like so:

However, as we alluded to earlier, there are other heading tags that also help with creating the structure of a page.


How many header tags are supported by HTML?

HTML supports up to six header tags (H1-H6) for you to use to structure your page as needed. They can be stylized visually according to your brand, and with the exception of the H1, you can have as many of these tags on a page as you want.

Your headers should stick to the theme of what you're writing about because they can help the reader (and the search engines) find the main points within the content and guide them through the flow of the page. When you're formatting, use your best judgment when breaking up sections.


As you can see, every header tag looks different visually, and each header tag is used for a new idea. Now that you know a little more about what header tags are, let's get into how they're used for SEO.


Header Tags and SEO

You may think that header tags are inconsequential in the grand scheme of website-related things. However, header tags can help provide structure to a piece of content and call attention to the most important ideas, themes, and (in effect) keywords in that content. As a result, header tags hold weight with keyword relevancy and readability.

Consider this: Google finds content to serve up to its users by crawling web pages. As it does so, it analyzes the text, images, and other elements it finds to understand what that page is about.


When you put text into a header tag, you're signaling that this text is important, and Google will use these to determine the context of the page, which then helps Google serve up results that are relevant to searchers' queries.

That's why it's important when using header tags to make sure they're correctly matching a keyword intent. If a post's H1 tag doesn't have a keyword, or if you put irrelevant text in H2 and H3 tags, Google will have a harder time understanding a page. As a result, that page won't rank as well as it could.


To illustrate, let's say your keyword is "eCommerce." You'd want this to be reflected in your H1 tag, so a title like "The Guide to Starting an eCommerce Business" would be ideal. That would tell Google exactly how to send web browsers to your post.

Search engines also look at header tags within your post, so it's good to keep those keyword-centric, as well. For instance, you might create some H2 sections surrounding popular long-tail keywords related to eCommerce, like "five steps for creating an eCommerce business" or "best social media tools for eCommerce."


You don't have to think of keywords by yourself, either — in fact, you can do some easy keyword research to help you out or look into keyword research tools like SEMRush or Ahrefs. Just make sure that your header tags are friendly to both humans and search engine robots.


Headers also make pages easier to read. Sectioning off different parts of a webpage keeps information organized and broken up in a comprehensible way. This helps readers find the information they're looking for but also search engines that are scanning along, too.

If your sections aren't making sense, your page might not rank. Think of the sections in this post — do you think they were broken up in a readable way?


How to Add Header Tags in HTML

Adding header tags in HTML is a fairly simple process. If you want to notate an H1, you would type in <h1> and </h1>, putting the H1 text in-between those two tags. This is the same method for any type of header tag.

For example, if your h1 was "The Guide to Starting eCommerce," it would look like this:


This will work for HTML4 or older. If you're working with HTML5, you might have to use a slightly different line to get the same result. The change is to give a heads up to Google about what the H1 is:


You can also include punctuation between the two tags. For instance, you might have:

Remember, Google will scan the HTML of header tags to tell web browsers what your page is about, so it's important to look them over and see if your headers in HTML are formatted correctly. Some blogging platforms, like WordPress and HubSpot, have an option on the toolbar to create header tags, so every time you want to add one, you don't have to dig into the source code or HTML to do so.


The next time you create a post for your website, see if adding relevant header tags affects SEO, and how your readers are comprehending information.

A good test I like to use is sending posts to a close family member who doesn't know much about blogging or marketing. Using outsider feedback and asking if they can comprehend my writing before I publish helps me format posts so they're understandable.

Because using headers can help with readability for your users as well as crawlability for search engines, there's no reason not to use them when creating pages and posts. You may even see jumps in search engine rankings, traffic, and time on the page.

0 views0 comments

Related Posts

See All