What are H Tags <h> and how do these heading tags affect SEO
Why use <h1>, <h2>, <h3>, <h4> HTML elements
We've previously touched on the importance of standards compliance coding and also optimised page content for search engine performance and top natural search rankings.
As part of the content delivery process Heading Tags <h> can be used to define sub heading importance within your website structure. By defining useful sub headings and titles throughout your paragraph text, you can provide visitors quick references to your page content and also further descriptive information to the search engines.
Text content placed in the heading tags is prioritised via the number placed after the H in the tag. The <h1> title tag is regarded as the main sub heading and should strongly reflect your main web page keyword and content subject matter.
“Heading Tags - The correct use of heading tags can provide improved user experience whilst navigating your business website plus it can aid in your SEO by providing supporting evidence of your content relevance to the search engines”
Practicing what we preach with Heading Tags for Search Engine Optimisation - especially the first use of the <h1> tag
As we design and code all our website's in standards compliant HTMl & CSS coding DeGal SEO always attempt to place the <h1> heading tag as the first text content the user or search engine spider/bot comes across after the starting <body> tag within the website's page coding.
As a good working SEO practice this <h1> header tag always provides a description that matches the main keyword and compliments the web pages <title> tag and <meta description> tag.
We attempt to keep the use of the <h1> tag as minimal as possible to really make this content stand out as the absolute most important text within the web page.
Other Heading Tag HTML Elements
Once you have used the <h1> tag properly you can then naturally spread the <h2> tag as needed throughout your web page to help define your content. Again don't just use this tag with the aim of keyword stuffing into title tags for SEO reasons. Keep the use for providing website visitors with useful content and help in navigating through your content!
If needed you can use additional <h> heading tags as <h3>, <h4>, <h5> & <h6> tags are all supported. In practice though if your web page is optimised correctly for just a few keywords you will rarely have the need to use more than the <h1>, <h2> and the <h3> header tags within your coding and content display.
CSS Styling and <h> Heading Tag Display
With the ability to define how heading tags display with the use of css styling it is possible to make sub headings appear more important to the website viewer as opposed to the search engine spider visitor.
To ensure your website is not penalised we would say undertake this styling with great care and ensure any apparent visual altering of <h> tag importance is done to aid user experience in an ethical way.
Without CSS styling <h> heading tags are displayed in default font sizes and styles. The Southampton Search Engine Optimisation Company website is a good example of <h> Heading tags within a website structure. The website uses <h1>, <h2>, <h3> and <p> heading tags to display it's page content.
H Tags <h> are a strong SEO weapon
As with all weapons ensure you use it wisely or it could do you more harm than good! There are a lot of sites that have paid for Search Engine Optimisation Specialists to optimise their site when in reality all they do is keyword stuff the meta data and add <h1> heading tags, with repititive content or non grammatical wording, to the top or bottom - or even both - ends of the web pages main <body> coding.
Without relevance to the page content and ensuring these title tags represent the page subject well the search engines may just consider this a devious attempt to manipulate the search engine result page (SERP) and actually penalise your site - in effect you are paying money to be in a worse state than before the expensive SEO work!