Можно делать Дубликаты текстов на одной странице для адаптивности сайта, повлияет ли это на SEO плохо?

Question

[Pixel Default]

Такая ситуация, пишу сайт на bootstrap, хочу сделать его адаптивным под мобильные устройства и пишу отдельный код, но боюсь плохо скажется на SEO, на поисковой выдаче. Подскажите можно ли так делать?

вот примерно так..

<!-- Десктоп версия -->
 <section id="home" class="hidden-xs">
        <div class="container">
           <div class="row">
            <div class="col-sm-12 col-lg-12 col-md-12 top-p" align="center">
               <p style="line-height: 1;">
                <span class="header-big-text">Мы увеличим Продажи </span>
                <br>
                <span style="font-size: 56px; font-family: Intro;">
                <span class="whiteF">
                <span class="wkz-font-72">
                <span class="wkz-font-88"><strong>«</strong></span>
                <span class="font-i">Вашего бизнеса</span> 
                <span class="wkz-font-88"><strong>»</strong></span>
                </span>
                </span>
                </span>
                </p>
                
                <div class="shift whiteF">
                <p class="center cube">
                <span class="font-i wkz-font-18">Продающий сайт | Полный анализ | Мобильная Версия</span>
                </p>
                </div>
                
               <p class="center">
               <span class="home-text"><strong>Landing page "под ключ"</strong></span>
               </p>
                <center><a href="#go" class="wkz-btn">Рассчитать стоимость проекта</a></center>
                 <br>
                 <center>
                 <a href="#go" class="more-btn">Узнать подробнее <br>
                 <img src="img/arrow-down.png">
                 </a>
                 </center>
            </div>
           </div>
        </div>
    </section>

<!-- Мобильная версия -->
<section id="home-mob" class="visible-xs">
        <div class="container">
           <div class="row">
            <div class="col-xs-12 top-p" align="center">
               <p style="line-height: 1;">
                <span class="header-big-text-mob">Мы увеличим ваши Продажи </span>
               </p>
                
                <div class="shift whiteF">
                <p class="center cube-mob">
                <span class="font-i wkz-font-18">Продающий сайт</span>
                </p>
                <p class="center cube-mob">
                <span class="font-i wkz-font-18">Полный анализ</span>
                </p>
                <p class="center cube-mob">
                <span class="font-i wkz-font-18">Мобильная Версия</span>
                </p>
                </div>
                
               <p class="center">
        <span class="home-text"><strong>Landing page "под ключ"</strong></span>
               </p>
                <center><a href="#go" class="wkz-btn-mob">Рассчитать стоимость</a></center>
                 <br>
                 <center>
                 <a href="#go" class="more-btn">Узнать подробнее <br>
                 <img src="img/arrow-down.png">
                 </a>
                 </center>
            </div>
           </div>
        </div>
    </section>

Comments

[alysenko]

а чем плохой вариант просто сделать адаптивные блоки без их дублирования?

[Pixel Default]

alysenko: у текстов разные размеры и все рушится так

[alysenko]

Pixel Default: Для такого существуют media queries. Но если Вы выбрали, все таки, такой путь, то тут нужно смотреть на сколько будет большой объем текста дублироваться, в крайнем случае одну часть текста можно поместить в тег <noindex></noindex>

[Ricchie]

alysenko: такой тег сработает только для Яндекса, Гугл его не понимает.

Answer 1

[Ricchie]

Так делать нельзя, поисковики могут счесть за мусорный контент или ГС.