Два тега h1 на странице (не совсем стандартный вариант)

(Ответов: 8, Просмотров: 1255)
  1. Гуру Аватар для MacLeo
    • Регистрация: 01.06.2010
    • Сообщений: 1,617
    • Записей в дневнике: 1
    • Репутация: 586
    Работаю уже некоторое время на сайте и только сейчас заметил что страница материала имеет 2 тега h1, да и в принципе весь контент страницы в двух экземплярах.

    Нестандартный вариант потому, что один из тегов не отображается для юзеров, точней не для всех.
    Поясню:
    Имеется адаптивный дизайн. Страница видоизменяется походу изменения разрешения экрана (ну или при масштабировании браузера).
    Выходит так, что в шаблоне присутствует какая то ерунда, которая отображает контент в одном виде для одних разрешений, в другом виде - для других.

    С одной стороны понимаю что это не совсем правильно для поисковых систем, но с другой стороны - это же удобство пользователей мобильной версии сайта (на которых, в принципе, и рассчитан сайт).

    Что посоветуете сделать?

    Собственно вот так вот это сделано в коде.
    Для десктопа:

    Код:
    <div class="container visible-desktop">
             [aviable=main]
             <!-- Кнопка авторизации на главной -->            
             <div class="m20 cn">
                <a data-toggle="modal" href="#myModal">
                   <div class="user">
                      [group=5]
                <a data-toggle="modal" href="#myModal"><i class="icon-user icon-white" style="margin-top: 1px;"></i> Вхід </a>
                [/group]
                [not-group=5]
                <a data-toggle="modal" href="#myModal"><i class="icon-cog icon-white" style="margin-top: 1px;"></i> Профіль</a>
                [/not-group]
                </div>
                </a>
             </div>
             [/aviable]
             <div class="row-fluid">
                <div class="span8 ">
                   {info}
                   [sort]
                   <div class="m20">
                      <div class="btn btn-warning " data-toggle="collapse" data-target="#demo">
                         <span class="entypo-cog active"></span>
                      </div>
                      <div id="demo" class="collapse pull-right">
                         <div class="sort">{sort}</div>
                      </div>
                   </div>
                   [/sort]
                   <ul class="thumbnails">
                      {content}
                   </ul>
                     
                </div>
    Для мобильных:

    Код:
    <div class="container martop hidden-desktop">
             [aviable=cat]
             <ul class="thumbnails">[/aviable]
                [not-aviable=main]{content}[/not-aviable]
                {custom  category="1,2,3,5-8"template="shortstory" aviable="main"  limit="10"  order="date" cache="no"}
                [aviable=cat]
             </ul>
             [/aviable]
          </div>
    Стоит заморачиваться над тем, что бы переделать все? Или оставить так?
    Ps. Если что - CMS DLE.
    • 0
  2. Гуру Аватар для 3s777
    • Регистрация: 09.02.2013
    • Сообщений: 1,417
    • Репутация: 384
    • Webmoney BL: ?
    MacLeo, абракадабру dle не понимаю, но возникает вопрос.
    Если контент одинаковый, а разный лишь внешний вид контента, то почему не сделать разные стили для одного и того же контента, средствами тех же css медиа запросов. Для чего вам два разных блока?
    • 0
  3. Гуру Аватар для MacLeo
    • Регистрация: 01.06.2010
    • Сообщений: 1,617
    • Записей в дневнике: 1
    • Репутация: 586
    3s777, да дело в том что @media подключены, работают. Сам вот только увидел что есть такая лажа с контентом для мобильных. Думал что просто меняются размеры. Пробовал убрать второй код - так на мобильных вообще пропадает контент и не пойму как оставить один что бы он адаптировался.

    Даже так, допустим я посижу и сделаю нормальный код (ну как нормальный - тот что нужен поисковикам), интересно мнение других людей по поводу такой ситуации.
    Последний раз редактировалось MacLeo; 02.01.2016 в 21:46.
    • 0
  4. Гуру Аватар для west0293
    • Регистрация: 09.06.2011
    • Сообщений: 1,025
    • Репутация: 342
    • Webmoney BL: ?
    Сайта не видел, но думается мне, что у вас, грубо говоря, 2 блока, к одному из которых в зависимости от платформы добавляется display:none?
    Самый простой вариант - закрыть мобильный блок в <!--noindex--><!--/noindex-->
    Но правильным будет именно "переверстать" и сделать единственный блок с использованием media queries (не display:none, а именно изменение всех стилей блока в зависимости от ширины экрана).
    • 0
  5. Гуру Аватар для MacLeo
    • Регистрация: 01.06.2010
    • Сообщений: 1,617
    • Записей в дневнике: 1
    • Репутация: 586
    west0293, да, display:nonе. Вариант с noindex не канает, так как выход только для Яндекс, да и в принципе понятное дело что решение проблемы - другая верстка.

    Здесь более интересно как отреагирует ПС.
    • 0
  6. Гуру Аватар для west0293
    • Регистрация: 09.06.2011
    • Сообщений: 1,025
    • Репутация: 342
    • Webmoney BL: ?
    MacLeo, моё скромное мнение – ПС пофигу, что там у вас в коде. Серьезно, сколько не замечаю, все подобные танцы - лишняя трата времени. Да, было бы неплохо иметь правильную верстку для самоуспокоения, но ПС смотрит со стороны пользователя. ИМХО.
    • 0
  7. Гуру Аватар для MacLeo
    • Регистрация: 01.06.2010
    • Сообщений: 1,617
    • Записей в дневнике: 1
    • Репутация: 586
    west0293, да я вот тоже всю свою практику стараюсь делать так, что бы было удобно юзеру, но при этом стараюсь и делать так, как надо для ПС. Но ошибок с двумя h1 недопускал никогда, потому что обычно, это легко исправить. А здесь немного другая ситуация, вот и стало интересно :)
    • 0
  8. Гуру Аватар для 3s777
    • Регистрация: 09.02.2013
    • Сообщений: 1,417
    • Репутация: 384
    • Webmoney BL: ?
    Цитата Сообщение от west0293 Посмотреть сообщение
    ПС пофигу
    Не пофиг. ПС анализируют текст на странице. В том виде как пишет ТС, получается что у него два одинаковых текста на странице. Для ПС оба одинаковых текста это один текст, соостветсвенно в два раза больший объем, в два раза больше ключей, вхождений, заголовков и т.д. Естественно все это плохо будет сказываться на позициях.
    • 0
  9. Гуру Аватар для iavtomoto
    • Регистрация: 16.04.2011
    • Сообщений: 653
    • Репутация: 151
    h1 должен быть ТОЛЬКО один на странице. То что у Вас дублируется контент - не есть хорошо, нормальная адаптивная верстка это чисто css + 1 тег в head )), подыщите корректный шаблон)
    -----
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Стандартный набор программ сеошника.
Вопросы от новичков 21 26.11.2014 14:24
Что лучше: стандартный сайт статейник или коллективный блог?
Вопросы от новичков 2 10.07.2014 08:50
Вопрос о разбавленности тега <Title> на странице.
Вопросы от новичков 11 04.05.2013 12:09
Нужна помощь с комментариями (dle 9.6, не стандартный шаблон)
DLE 2 27.07.2012 03:05
Стандартный шаблон!?
Вопросы от новичков 0 06.06.2012 00:50

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры