: Is it acceptable to repeat the same h1 tag for desktop and mobile browsers in a responsive site? I have a website with a page that has a video as the main content. It uses a responsive
I have a website with a page that has a video as the main content. It uses a responsive design layout that requires the <h1> tag (with the same text) to be used in two different places: one for desktop browsers and one for mobile browsers.
I will have to hide the mobile version of the <h1> tag for desktop browsers, and hide the desktop <h1> tag for mobile versions.
Will this present any problems with respect to SEO or otherwise?
Or what if I make the second header a simple <div> or <p> tag instead of an <h1> tag, and apply CSS accordingly - would that be acceptable then?
More posts by @Kaufman445
2 Comments
Sorted by latest first Latest Oldest Best
Using multiple H1 tags is valid in HTML 5, as long as each is inside a element (except for the first H1 on the page which does not need a specific wrapper).
Using multiple H1 tags is valid in HTML 5, as long as each is inside a <section> element (except for the first H1 on the page which does not need a specific wrapper).
For SEO, Google has confirmed that multiple H1 tags are fine.
However, you ought to take another look at your responsive layout, as requiring an H1 in two different places seems strange to me. It's almost certainly possible that you can achieve two different layouts with the same HTML in the same places. Perhaps ask a question on Stack Overflow with your specific scenario, you are bound to get a good answer.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.