Multiple H1-tags in responsive webdesign

[Cooper Webdesign]

Hi,

I was wondering if anyone could help me with an issue I have. I want to have 2 different kind of H1-tags on this website, where there are one H1-text for desktop and another one for mobile/tablet.

Problem right now are that if I just use “display:none” using media queries and show them the correct way, then Google bot will still crawl both of them, and telling me that I have 2 H1-tags on the same page.

Same problem will happen on this page when using H2-tags.

[Paulie_D]

It’s perfectly acceptable to have multiple H1 tags on page under HTML5…even google is smart enough to figure out headings and their importance.

It’s a little unclear what you mean by 2 types of H1…do you mean to styles?

In that case it’s just a matter of media queries.

[josh]

You’d be better off using media queries to change the styles to suit mobile/desktop using a single h1 element. If you need unique content depending on the device for some reason, then JavaScript can handle that for you.

[Author]

Posts