chuikoffru
@chuikoffru
IT person

Как организовать контент для мобильной версии и десктопной чтобы не навредить СЕО?

Верстаю лендинг. Без фреймворков. У меня есть блок такого рода:
5d23c29013aff817518840.png

На мобильной версии, мне нужно сделать так:
5d23c16b1c2f3278188057.png

В данный момент, у меня два блока на странице с одной и той же информацией только с разной структурой, один показывается при max-width: 599, а другой при min-width: 600.

Скажите пожалуйста как это повлияет на СЕО, как к этому отнесутся поисковики? И как можно сделать это лучше? Спасибо.
Использую SCSS и Parcel.
  • Вопрос задан
  • 56 просмотров
Пригласить эксперта
Ответы на вопрос 1
@strelok011
Media queries позволят управлять расположением блоков в зависимости от ширины экрана. Если верстать отталкиваясь от мобильного вида, то для десктопа можно собрать стиль для каждой нечетной строки со сменой порядка, тут вариантов много реализации, можно на flex. Главное - очередность в разметке не изменится, контент дублировать не придется.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы