Яндекс.Метрика
3.09.2017

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

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

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

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

Необходимо для решения проблемы увеличить шрифт. Этот экспресс-курс не об исправлении кода, однако кое-что можно сделать. Итак, проверьте мобильную версию на 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.

Рекомендую почитать

WP optimize – плагин, который почистит ваш сайт... Привет, друзья! В погоне за скоростью загрузки сайта совсем забыл рассказать про очень полезный плагин, который вычистит ваш сайт от мусора. Чтобы ...
Значимые части документа для Google... Привет, друзья! Сегодня будет очень важный урок – я расскажу, как и где прописывать ключевые слова на странице чтобы высоко ранжироваться в Google. ...
Как сжать изображения на сайте... Друзья, привет. Есть прекрасный способ ускорить наш сайт еще на секунду – с помощью сжатия картинок. Заходим в админку WordPress, далее жмем Add pl...
Как повысить скорость загрузки сайта... Сегодня я расскажу, как за 5 минут можно увеличить скорость своего сайта и повысить ранг в поиске Google. Убедитесь, что все плагины обновлены Это п...
Решение проблем с длительной загрузкой плагинов... Привет, друзья. Что еще можно оптимизировать чтобы уменьшить время загрузки сайта? Правильно, плагины! Сегодня речь пойдем именно о них. Еще од...
comments powered by HyperComments

Хотите получать
мои статьи
почтой?

Адреса электронной почты не разглашаются и не предоставляются третьим лицам для коммерческого или некоммерческого использования.

Последние комментарии