We all know that search engines react badly to hidden content on a page. We know that for providing different information to users and search engines you can get a ban. But it is in general. When it comes to details, I begin to doubt. Please recommend :)

Question

Adaptive design. There are several titles on the page.

<h1>Primary Header</h1> <h2>Secondary header</h2> <h2>Secondary header</h2> ... <h2>Secondary header</h2> ...

Some of them are initially hidden (for example, the last h2 through display: none in CSS). But in different situations (depending on the width of the page, dpi device, etc.) display: none is replaced with display: block (media query) for some headers, and vice versa for others.

It turns out a blurry situation :) Is it adequate?

    1 answer 1

    If you use html5 , then you can try to merge the headers into the <hgroup> group. I can assume that in this case they will be considered as one whole and some inconsistency will be omitted.

    • Good idea, thanks! In half of the cases (when the headers go one after the other) this will be even more logical according to the code. - Cypher