Классы .hidden и .visible в Bootstrap. Скрытие элементов, опасно ли для SEO?

Question

[Руслан Макаров]

Доброго!
Чтобы на узеньких экранах скрыть ненужные элементы или показать только на широких, я использую классы .hidden и .visible.
Тем самым я повышаю удобство для мобильны пользователей, убирая лишнее, но иногда приходится отображать заголовки по 2 раза в коде.
Например у меня на странице теперь два заголовка H1
Один показан для мобильных (второй для ПК, просто в другом месте для удобства)
Удобство повышено, шаблон мобильный облегчен, но не плохо ли это с точки зрения ПС?
Ведь теперь в коде два одинаковых H1 заголовка, хоть и отображаются для пользователей они по 1 разу
Заранее спасибо!

Comments

[Денис Кайназаров]

Ботам немного пофиг на стили и они всегда видят исходный код страницы со всеми от сюда вытекающими последствиями.

Выхода два
- первый отдельная мобильная версия вроде https://m.habr.com
- SPA с SSR которое уже на уровне загрузки определяет тип браузера и выдает соответствующий контент

[Руслан Макаров]

Денис Кайназаров, спасибо за интерес к вопросу. не, мобильная версия не вариант в моей ситуации

Answer 1

[Нотан Ройамов]

Такой подход вредит ранжированию, т. к. дублируется контент. Подойдите к вопросу основательно и применяйте медиа-запросы с разными стилями к элементам без их дублирования.

Answer 2

[Marsin]

Содержимое тега можно заменить с помощью JS, прописав условие для мобильной версии.

Comments

[Руслан Макаров]

Можно подробнее?

[Marsin]

Руслан Макаров,

if (window.visualViewport.width <= 740) {
   let newTitle = document.querySelector('h1');
  newTitle.innerText = "Текст для мобильной версии";   
}

Answer 3

[Серёга Астахов]

Не могу понять зачем менять H1, я ставлю ранжировку в принципе только один h1, так как не вижу смысл снять основное название проектов и вводить людей в путаницу, хз может я что то не понял из вашей стотьи.

Comments

[Руслан Макаров]

Да, вы не поняли просто вопроса..

[Руслан Макаров]

Один показан для мобильных (второй для ПК, просто в другом месте для удобства, они одинаковы)

[Серёга Астахов]

Руслан Макаров, а тоесть вы имеете ввиду обозначение расположения ))