Что сделать для того, чтобы сайт на мобильном смотрелся хорошо

Google

3 сентября 2017

0 242

Привет, друзья. У вас нет мобильной версии сайта? Не беда, я расскажу о временном, но очень быстром решении как уменьшить размер вашего сайта под мобильное устройство.

Чаще всего проблемы на мобильной версии сайта вызывают:

  • шрифты,
  • кнопки.

Необходимо для решения проблемы увеличить шрифт. Этот экспресс-курс не об исправлении кода, однако кое-что можно сделать. Итак, проверьте мобильную версию на Page Speed Insights.

Если вы делаете кнопки самостоятельно, то он должны быть от 45 до 57 пикселей в ширину, это средний размер пальца. Viewport – это то, как выглядит ваш сайт на телефоне (он будет совершенно другим). В Google есть страница, посвященная метатегу, который вам нужно добавить в хедер вашей страницы:

<meta name=viewport content=»width=device-width, initial-scale=1″>

Его надо скопировать в блокнот, а потом поместить над хедером на вашей странице. Этот код уменьшит страницу до размеров экрана.

Простой способ вставить кусок кода

Идем в админку WordPress, скачайте и установите плагин Incert Headers and Footers. Нажать настройки, выбрать плагин и увидите две рамки: для шапки и для подвала. Вставляем и сохраняем код.

Возвращаемся на сайт Page Speed Insights, проверяем еще раз соответствие мобильным приложениям. Оценка будет выше. Однако это временное решение, и я не советую экономить, проще заплатить деньги и заказать адаптацию под мобильники у специалистов.

*Данный курс написан на основе исследований Searchmetrics.


Мнение автора является его собственностью и не претендует на истину в последней инстанции.