The following series is pulled from a presentation I gave to a group of beauty bloggers hosted by L’Oreal in New York. Most of the presentation is geared toward how to make a blog more search engine and user-friendly, however I will expand many of the concepts here to include tips and strategies for sites selling products or services across all industries.
Heading tags are certainly no magic solution to building keyword relevance. They are merely one more baby step to creating a well-rounded optimization of a page. Adding heading tags using your keywords may or may not make a difference in your keyword rankings, but nonetheless, balanced against the rest of the page, using a heading tag properly, with keywords, is going to benefit your visitors, if not the search engines.
On the search engine front, at the very least, the Heading tags (H1, H2,… H6) can be used to tell the search engines the hierarchical structure of your page’s content.
When developing content, it’s pretty easy for visitors to see how the page breaks down, but search engines need a bit of help. The heading tags are that help.
Think of headings as you would an outline of an important paper. At the top is the Title, in this case the H1 tag. Next would be the Main points; In an outline they would be I, II, and III. In HTML you would use the H2 for all of them. Next we have our sub-points A, B and C, or the H3, and following that sub-sub-points of 1., 2., 3., or the H4. You get the point from there.
An alternate strategy would be to use your H1 for the title as noted above and the H2 for a sub-title. Then you’d start with the H3 for your main points I, II and III, and go down form there. You can go all the way down to the H6, but its rare that you have a page with so much content that this is warranted.
One of the problems I often see with heading tags is that they are used by developers for the site’s navigation. In a way it makes sense, you want to segment different areas of the navigation with headers of their own. The only problem with this is that you end up using valuable hx tags in an invaluable area and you’re diluting the effectiveness of the heading tags in your content where they would otherwise be most effective.
If your developers are intent on using hx tags in the navigation elements then make sure they stick to the lower level H5 and H6 so you can use the higher level tags in the content where they’ll make the most impact. Make certain that they don’t use the H1 tag for the logo, that’s a complete throwaway and prevents you from gaining any effectiveness with an H1 tag in your copy.
All of the tags can be used repeatedly on the page, depending on where they fall in the total hierarchy, except for the H1 tag (or H2 if you are using it as a sub-headline.) Be sure to use it only once on the page.
Alt attributes, commonly referred to as “alt tags” allow you to add descriptive text to your images. The visitors generally won’t see the alt text unless, in Firefox they mouse over the image or they have images turned off.
The alt text is meant to be a replacement for the image should the image not show. Make sure your alt text reads properly and adds something for the reader who doesn’t see the image. The text itself should describe the content or visuals of the image for the visitor. This text also provides much needed information to the search engine, especially if the image contains text. That text should be included in the image.
Using Alt Attributes in your image tags can help you in a number of ways. 1) it provides a greater context for the text on the page which can be factored into your search engine rankings. 2) It can help your images come up in image searches, which can drive additional traffic and conversions to your site.
Text-only browsers, or browsing with images turned off still happens, probably more frequently than we know. People on slow connections will often turn their images off in order to speed up their browsing experience. Without alt text, an important element of your pages won’t be available to them.
There are also a good number of visually impaired web surfers that use screen readers to deliver the content of web pages. The screen reader will read the image alt text, which means if the image is important to the visitor’s experience on the site, not having an alt attribute can be detrimental.
Finally, many people browse the web on mobile phones. These phones are almost always slower than the typical internet connection and either the phone’s browsers won’t display images or users will turn the images off so they can browse faster. This is generally not the case with smart phones, but there are still a lot of non-smart phone users out there.
The most important area to use alt tags is in your navigation. Whether it be your header, footer or side-bar navigation, any place images are used be sure to supplement them with alt text. Failure to do so could make your sit unnavigable to any visitor that isn’t seeing images.
Missed a part of this series?
Part 1: Everything You Need To Know About SEO
Part 2: Everything You Need To Know About Title Tags
Part 3: Everything You Need To Know About Meta Description and Keyword Tags
Part 4: Everything You Need To Know About Heading Tags and Alt Attributes