The Core

Why We Are Here => Web Development => Topic started by: anallawalla on August 17, 2011, 03:28:48 AM

Title: Heading level tags for nav links?
Post by: anallawalla on August 17, 2011, 03:28:48 AM

I am amazed at how many designers style navigation menus with heading tags - some even using multiple H1s. What do you think? Please vote and then discuss.

Title: Re: Heading level tags for nav links?
Post by: buckworks on August 17, 2011, 03:38:31 AM

Semantically, I think it's more accurate to style nav links as a list.

I prefer to save my H tags for the real headlines and subheads on the page.

Title: Re: Heading level tags for nav links?
Post by: Rumbas on August 17, 2011, 08:37:01 AM

>I prefer to save my H tags for the real headlines and subheads on the page.

Ditto.

Title: Re: Heading level tags for nav links?
Post by: Gurtie on August 17, 2011, 08:45:34 AM

haven't seen that. Mainly I get developers who stick an H1 behind the logo and then argue with me when I suggest that might not be quite right.

Title: Re: Heading level tags for nav links?
Post by: ukgimp on August 17, 2011, 10:30:33 AM

Drives me mad when I see headings for menus in H1, all the same on every page

Title: Re: Heading level tags for nav links?
Post by: Rooftop on August 17, 2011, 10:48:30 AM

But surely,  that's what you need to do to rank a site.  Isn't that all SEOs do? Add some inappropriate H tags and stuff the meta with keywords?

Title: Re: Heading level tags for nav links?
Post by: jetboy on August 17, 2011, 12:29:08 PM

Unordered lists, with definition list to express categories. E.g.

Code: [Select]

<dl>
    <dt>Main navigation</dt>
    <dd>
        <ul>
            <li>Link 1</li>
            <li>Link 2</li>
            <li>Link 3</li>
        </ul>
    </dd>
    <dt>Featured links</dt>
    <dd>
        <ul>
            <li>Link 1</li>
            <li>Link 2</li>
            <li>Link 3</li>
        </ul>
    </dd>
</dl>

You *could* dispense with the <ul>s and just have multiple <dd>s, but in practice I find the extra elements tend to come in handy for CSS styling.

Title: Re: Heading level tags for nav links?
Post by: I, Brian on August 17, 2011, 01:37:37 PM

Quote from: anallawalla on August 17, 2011, 03:28:48 AM

I am amazed at how many designers style navigation menus with heading tags

IMO SEO is more interested with usability than developers/designers, which sounds completely odd.

You'd think developers/designers would get HTML basics such as "each page having its own unique page title" and using h tags for a document structure.

Never let a developer loose on one of your sites without clear restrictions. I keep making the same mistake of presuming experienced people know what they are doing - or should be doing. :)

Title: Re: Heading level tags for nav links?
Post by: Rooftop on August 17, 2011, 02:44:02 PM

You're using the wrong developers!

Mine start by having the principals of both onsite seo and usability drummed in to them.  The results are not perfect, but if a structure and the core templates of a site have got it even 75% right at the outset it is a bloody lot less work in the long run.