All geek questions in one place

Is duplicate content mapped to SEO / semantics?

Is it displayed: no duplicate content affects SEO / semantics?

Suppose you are creating a mobile site that meets the highest requirements. With smaller breakpoints, you prefer to display the page title tagline ( <h1> ) in the hero’s main banner. However, later you would like to display the company logo in the same place and display your tag in the basement. For instance:

 <!-- 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 the 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 is that there should never be more than one h1 on a page, so my question is this:

Does this duplicate content have SEO impact or violate semantics if only one option is really displayed?

+6
source share
2 answers

Google crawls CSS 'display: none Content, so this is duplicate content. More information here http://seoshrugged.com/2014/07/13/does-google-crawl-css-displaynone-content/

+4
source

Yes, obviously this will negatively impact SEO; Google takes into account the CSS used to render the page (black text on a black background, etc.). In addition, it indicates that there should be only one H1 tag on the page, etc. The best way to have relative “dynamic” functionality in your case would be to use a combination of your media queries (bootstrap?) And jquery and change the style and position its dynamically without calling them like H1.

+3
source

Source: https://habr.com/ru/post/984927/

More articles:


All Articles