Yinelenen içerikte hiçbiri gösterilmiyor, SEO/Semantikler etkileniyor mu?

Question

Ekranda Gösteriliyor: Yinelenen içerikte hiçbiri SEO/Semantiği etkilemiyor mu?

Mobil bir ilk, duyarlı site oluşturduğunuzu varsayalım. Daha küçük sınırlarda, ana kahraman banner'ında sayfanızın başlık etiketini (<h1>) göstermeyi seçtiniz. Ancak, daha sonra, aynı yerde bir şirket logosu görüntülemek ve sloganınızı alt başlıkta görüntülemek istersiniz. Örneğin: Aşağıdaki CSS ile

<!-- 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> 

...:

.hide-on-lg { 
    display: block; 
} 
.show-on-lg { 
    display: none; 
} 
@media (min-width: 1200px) { 
    .show-on-lg { 
     display: block; 
    } 
    .hide-on-lg { 
     display: none; 
    } 
} 

semantik kural yani benim sorum şu, bir sayfadaki tek h1 daha asla gerektiğidir:

Yinelenen içeriğe sahip olmak, yalnızca tek bir varyasyonun gerçekten görünür durumda kalması durumunda SEO'yu etkiler mi, yoksa semantiği ihlal ediyor mu?

Answer 1

Google taraması CSS ‘ekranı: yok’ İçerik, bu nedenle yinelenen içeriktir. Daha fazla bilgi burada http://seoshrugged.com/2014/07/13/does-google-crawl-css-displaynone-content/

Answer 2

Evet, görünüşe göre olumsuz etkileyecektir SEO; Google, bir sayfa oluşturmak için kullanılan CSS'yi (siyah arka plan üzerinde siyah metin, vb.) Dikkate alır. Ek olarak, sayfa başına yalnızca bir tane H1 etiketi olması gerektiği belirtiliyor. Vakalarınızdaki göreceli 'dinamik' işlevselliğe sahip olmanın daha iyi bir yolu, medya sorgularınızın (bootstrap?) Ve jquery'nin bir kombinasyonunu kullanmak olabilir. Her ikisini de bir H1 olarak çağırmadan, stil ve konumunu dinamik olarak değiştirin.