Два заголовка H1 в адаптивном шаблоне

Автор serweb, 27-07-2017, 17:51:47

« назад - далее »

serwebTopic starter

День добрый. Нигде не могу найти ответ. Имеется адаптивный шаблон сайта с двумя дублирующимися заголовками с тегом H1. Один заголовок показывается для десктопа, другой для мобильной версии сайта, но оба они всегда присутствуют в коде.

Вопрос в следующем, как к этому относятся поисковики? Ориентируюсь на Гугл. Понимает ли он, что один заголовок для десктопа, другой для мобильного? Кто с этим сталкивался?
  •  


ВикторияИ

Цитата: serweb от 27-07-2017, 17:51:47День добрый. Нигде не могу найти ответ. Имеется адаптивный шаблон сайта с двумя дублирующимися заголовками с тегом H1. Один заголовок показывается для десктопа, другой для мобильной версии сайта, но оба они всегда присутствуют в коде.

они сильно отличаются друг от друга?

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


Цитата: serweb от 27-07-2017, 17:51:47Вопрос в следующем, как к этому относятся поисковики? Ориентируюсь на Гугл. Понимает ли он, что один заголовок для десктопа, другой для мобильного? Кто с этим сталкивался?


вообще по идее должны понимать, а по факту можете проверить разницу позиций в мобильной и обычной выдаче...


Алексей Тарасов

Если в коде оба тега H1 присутствуют, это в любом случае плохо. Если один из них,  в зависимости от ширины экрана, скрывается в display:none, это вообще ужас. Я так подозреваю, что в этой теме может не только h1 дублироваться.
Покажите сам сайт, будет что сказать побольше, так как момент интересный и я про такое раньше не слышал.
  •  

serwebTopic starter

Сайт еще не запущен, составляю список исправлений
вот как выглядит (картинки большие, поэтому даю просто прямые ссылки)

i.piccy.info/i9/ce7ccf89f0e8c59178abe77401c99eb1/1501228822/343674/1165589/Teg_1.png

i.piccy.info/i9/3b8be700a04770e435d4b4­49bfecf645/1501228892/257272/1­165589/Teg_2.png
  •  

Алексей Тарасов

Цитата: serweb от 28-07-2017, 13:07:35
Сайт еще не запущен, составляю список исправлений
вот как выглядит (картинки большие, поэтому даю просто прямые ссылки)

i.piccy.info/i9/ce7ccf89f0e8c59178abe77401c99eb1/1501228822/343674/1165589/Teg_1.png

i.piccy.info/i9/3b8be700a04770e435d4b4­49bfecf645/1501228892/257272/1­165589/Teg_2.png
Вторая картинка не открывается. Но даже из первой видно, что действительно 2 строки h1 в коде. Для общей картины еще интересно каким образом скрывается невидимая строка.
  •  


serwebTopic starter

Повторяю картинки

https://ibb.co/mEvgaQ
https://ibb.co/isJv25

я так понимаю через CSS все изменения происходят
  •  

Алексей Тарасов

Как бы все понятно. Если возвращаться к первичному вопросу, то гугл не поймет, что один h1 для мобильного, а второй для десктопа. Отношение к двoйному h1 у поисковиков плохое. Иногда, конечно, удивляешься, о чем думают верстальщики тем, но это так, к слову.
  •  

serwebTopic starter

Ответ нашелся
ЦитироватьЕсли хтмл 5 то можно не резать, а добавить энное количество section со своими подзаголовками h1, h2, h3 и тд.
  •  


ВикторияИ

Цитата: serweb от 28-07-2017, 20:25:17Если хтмл 5 то можно не резать, а добавить энное количество section со своими подзаголовками h1, h2, h3 и тд.

и что это означает? )))




Цитата: Алексей Тарасов от 28-07-2017, 19:31:52Отношение к двoйному h1 у поисковиков плохое.


в этом случае ничего плохого скорее всего не произойдет - просто бот предпочтет один из них и все, другое дело если бы они были разными...