Сайт плохо выглядит при — «Проверка оптимизации для мобильных»?

Question

[starkingdom]

Подскажите, проверил свой сайт в google search, и он у меня выглядит там так как на скрине. Искал в интернете ответы, но пусто, как это можно поправить?

Comments

[Ankhena]

Внизу на скриншоте напрямую написано, что там не понравилось гуглу.

Answer 1

[Антон Иванов]

Если вы хотите простой ответ - добавьте на ваш сайт мобильную верстку. Как? Это вопрос выходит за рамки данного сайта. В интернете полно статей на эту тему. Если очень коротко - вам нужно изучить как применять media-запросы в рамках CSS.

Comments

[starkingdom]

так всё есть, адаптив, просто он вот так выглядит в гугл сёрч, может статью какуб-то знаете по этому направлению?

[Антон Иванов]

Ну вы бы дали ссылку на ваш сайт. Как нам узнать как выглядит ваш сайт.

[IvanMogilev]

starkingdom, там в подробнее можно посмотреть как файлы загружаются, у вас скорее всего в robots каком ни будь блокируются файлы, там прям будет так написанно - файл заблокирован в robots

Answer 2

[brabrubra]

Посмотрите и добавьте Critical CSS
простыми словами, вам нужно сформировать Critical CSS видимой области первого экрана и загружать сразу же или инлайново вставить
Это вам поможет