Grow your CSS skills. Land your dream job.

Using H1-tags

  • # April 9, 2008 at 5:06 pm

    A simple question I was thinking about today: what is the best way to use the header-tags? I am now used to use the h1-tag for the title of the webpage or the company name etc. And using h2 and further for headers. But is that the best way to do it? Or could you better use h1-tags for all headers too? What do you think about it?

    box
    # April 9, 2008 at 5:56 pm

    I use h1 for the principle header, h2 for secondary header and so on – this is the correct way I think – and certainly the way to remain accessible. My dilemma is whether to use image replacement on my h1 element, or to include a physical image within the header with appropriate alt attribute. I’m leaning towards the latter for two reasons. 1. the logo of a company/organisation/individual is more than mere decoration, it is visual information so relegating it to the style sheet is perhaps inappropriate and contrary to semantic mark-up practice. 2. the alt tag on this image and the filename of the image itself can be useful for gaining a few extra SEO points. So I’m led to believe – but SEO techniques change every week anyway lol.

    # April 9, 2008 at 10:00 pm

    There is no right way or wrong way, its all personal opinion. so i would suggest do what you feels best BUT remember stay accessible and semantic.

    # April 10, 2008 at 11:39 am

    I could see using an H1 for the logo and another H1 for the main title on the page, and then going down in hierarchy from there. I also just think the most important thing is using the hierarchy (H2 for subs, H3 for sub sub’s, etc) and being consistent.

    # April 11, 2008 at 12:55 am

    What I know about SEO is that h1 tags are very important and should be filled with keywords that relate to the content of your site. If your h1 tag only contains your site’s name, then you’ll damage your rankings. :shock:

    Peace, love, and CSS,
    David

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".