Яндекс.Метрика
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.

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

Как повысить клик-рейт сайта... Друзья, привет. Вы знаете, где теряются ваши посетители? Большинство из них не переходит на ваш сайт из Google из-за неинформативного снипета. Хотите ...
Плагин W3 Total Cash Друзья привет! Сегодня очень короткий урок по ускорению работы сайта с помощью кэширования всего за 3 минуты. Куки используются сайтами для того, ч...
WP optimize – плагин, который почистит ваш сайт... Привет, друзья! В погоне за скоростью загрузки сайта совсем забыл рассказать про очень полезный плагин, который вычистит ваш сайт от мусора. Чтобы ...
Как сжать изображения на сайте... Друзья, привет. Есть прекрасный способ ускорить наш сайт еще на секунду – с помощью сжатия картинок. Заходим в админку WordPress, далее жмем Add pl...
Поиск Google по картинкам Друзья, привет! Вы привлекаете трафик только из поиска? А хотите получать переходы из поиска Google по картинкам? Получать трафик по переходам с Go...
comments powered by HyperComments

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

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

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