Formatting H1 Heading Tags For SEO

Editing heading tags with CSS for SEO

Pinned Note Headings
H1 - H6 tags, also called "heading" tags are HTML code that's used for heading titles on pages. Some search engines give more weight to text inside "H" tags. Usable H tags are H1 H2 H3 H4 H5 and H6. Most newer responsive templates are already setup to use heading tags. If your template already uses <h1> to <h4> tags you can skip the information on this page. Check the first title in your "about.htm" to see if it uses an <h1> tag.

Adding an H tag to your HTML page:
It is advisable to only add one H1 tag on each webpage. You can add about five H2 tags and multiple H3 through H6 tags, however, search engines like Google and Bing may not list your pages as well if you have multiple H1 tags.

To add an H1 tag to your HTML page use the following:

<h1>Your Title Text</h1>

The tag case does not matter. It can be upper or lower case. The H1 tag already includes a page break, so in the H1 code above we did not include a <br>.

This code will work for heading tags H1 and also H2-H6.

You can use the above code to replace the following in any HTML page:

Your Title Text<br>

To center the text heading title use the following:

<div style="text-align: center;">
<h1>Your Title Text</h1>

Formatting the heading tag with CSS:
Because heading H1 through H6 tags all include a line break and also margins, you will need to add CSS code to remove the margins. Add the following to your template CSS file to format all H1 tags.

h1 {
color: #999999;
font-family: arial, sans-serif;
font-size: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 1px;

You can do the same for H2 through H6 tags. Remember to only add one H1 tag per page.

Optional formatting to use existing title CSS code:
In your Allwebco template, you will already have a title class. In this case you can optionally add the following to your HTML pages instead of the code above.

<h1 class="title">Your Title Text</h1>

Then in your CSS file you only need to add the following:

h1 { margin-top: 0px; margin-bottom: 1px; }

Note: Optionally do the same for <H2> and <H3> tags. You can use sub-headings <H3> through <H6> tags multiple times on each webpage.

How this helps SEO:
Search engines give a little more importance to text inside heading tags. Be sure for the one H1 tag you add on your page that you place the most important keywords in that title while still maintaining text that is relevant to that webpage. Search engines have some very advanced algorithms so it's best to not try to fool them with any keyword stuffing. Use normal length titles that are relevant to the website text content.

Related Topics:
Changing Font Color, Size and Face
Changing Link Colors
Adding New Font Styles
Adding a Second Link Class (advanced)

Font Colors
Color Mixer Software