Есть страница, она является адаптивной, но для ее адаптивности приходится дублировать контент, т.е. на мобильной версии показывается один блок информации, а на пк версии показывается другой блок информации, в то время как мобильный блок скрывается (display: none;), и наоборот, получается так что информация в этих блоках идентичная, но она представлена в разном виде.
Например в пк версии определенный блок находится в правой колонке контента, на планшетной в левой колонке, на телефоне колонки пропадают и блок показывается во всю ширину, при этом таких адаптивных блоков очень много, и сверстать это без дублирования контента наверно невозможно.
Но, на дублирование контента очень плохо смотрят поисковики, и возможно даже снижают рейтинг сайта в поиске, а это не есть гуд. Как можно решить данную проблему?
Но, на дублирование контента очень плохо смотрят поисковики, и возможно даже снижают рейтинг сайта в поиске, а это не есть гуд. Как можно решить данную проблему?
Эта проблема давно решена Гугл. Проверьте руководство Гугл Разные url:
Аннотации в коде HTML На обычной странице (http://www.example.com/page-1) добавьте следующий код:
<link rel="alternate" media="only screen and (max-width: 640px)"
href="http://m.example.com/page-1">
На странице для мобильных устройств (http://m.example.com/page-1) используйте следующие атрибуты:
<link rel="canonical" href="http://www.example.com/page-1">
В URL, который размещен на странице мобильного сайта и указывает на аналог этой страницы с обычным форматированием, необходимо добавить тег rel="canonical".
"...получается так что информация в этих блоках идентичная, но она представлена в разном виде."
"...Например в пк версии определенный блок находится в правой колонке контента, на планшетной в левой колонке, на телефоне колонки пропадают и блок показывается во всю ширину"
В мобильной и десктопной версии сайта используется один и то же контент, если я правильно понял. Нет разницы где какой блок размещается. Ознакомьтесь со [справкой google][1]
[1]: https://developers.google.com/search/mobile-sites/mobile-first-indexing, раздел "Подготовка к индексированию, ориентированному на мобильные устройства".
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости