The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Multiple H1-tags in responsive webdesign

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #243409
    Cooper Webdesign


    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.


    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.


    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.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.