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.

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

Pinterest набирает обороты, как получить репины... Привет, друзья. Сегодня я расскажу, что нужно знать про Пинтерест. Итак, особенности соц.сети Пинтерест: Большинство посетителей – женщины сре...
Как получить ссылки с авторитетных ресурсов... Привет, друзья! Сегодня спалю несколько способов получения обратных ссылок на свой сайт для повышения траста в Гугле. Поиск битых ссылок. Алго...
Ускорение сайта с помощью CDN... Друзья, привет! Сегодня Опять будем ускорять сайт бесплатно – с помощью облачных технологий. Возможно ли такое? Узнайте в моей статье. Сеть доставк...
Автоматизированные сервисы для подбора ключевых сл... Привет, друзья! Мы продолжаем собирать семантическое ядро и сегодня я расскажу про автоматизированные сайты по сбору ключевых слов. Чтобы создать с...
Зачем нужно знать скорость загрузки сайта... Друзья, привет! Вы проверяете скорость загрузки своего сайта? А хотите знать почему это важно? Читайте мою статью до конца. Начнем с того, что можно ...

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

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