html - Does displaying none on duplicate content affect SEO/Semantics? -
does display: none on duplicate content affect seo/semantics?
suppose you're building mobile-first, responsive site. @ smaller breakpoints, you've opted show page's heading tagline (<h1>
) in main hero banner. however, later, you'd display company logo in same spot, , display tagline in sub banner. example:
<!-- assuming following markup --> <header class="hero-banner"> <h1 class="hide-on-lg">company tagline</h1> <img src="..." class="show-on-lg" /> </header> <div class="subhead-banner"> <h1 class="show-on-lg">company tagline</h1> </div>
...with following css:
.hide-on-lg { display: block; } .show-on-lg { display: none; } @media (min-width: 1200px) { .show-on-lg { display: block; } .hide-on-lg { display: none; } }
the semantic rule should never have more single h1
on page, question this:
does having duplicate content affect seo, or violate semantics, if 1 variation ever visible?
google crawls css ‘display:none’ content, duplicate content. more info here http://seoshrugged.com/2014/07/13/does-google-crawl-css-displaynone-content/