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

Question

[Konstantin Chuykov]

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


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


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

Скажите пожалуйста как это повлияет на СЕО, как к этому отнесутся поисковики? И как можно сделать это лучше? Спасибо.
Использую SCSS и Parcel.

Comments

[sinneren]

Блоки контента должны быть уникальны, возможно, вам нужно использовать свойство order с flexbox

Answer 1

[strelok011]

Media queries позволят управлять расположением блоков в зависимости от ширины экрана. Если верстать отталкиваясь от мобильного вида, то для десктопа можно собрать стиль для каждой нечетной строки со сменой порядка, тут вариантов много реализации, можно на flex. Главное - очередность в разметке не изменится, контент дублировать не придется.