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.

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

Подбор ключевых слов и создание контента... Привет, друзья! Мы переходим ко второму разделу нашего экспресс-курса по Гуглу – работа с ключевыми словами. И сегодня расскажу о подборе ключевых сло...
Автоматизированные сервисы для подбора ключевых сл... Привет, друзья! Мы продолжаем собирать семантическое ядро и сегодня я расскажу про автоматизированные сайты по сбору ключевых слов. Чтобы создать с...
Как проверить внутреннюю структуру сайта бесплатно... Привет, друзья. Сегодня я расскажу вам как бесплатно можно провести аудит внутренней структуры своего сайта: найти битые ссылки, картинки и кучу друго...
Плагин W3 Total Cash Друзья привет! Сегодня очень короткий урок по ускорению работы сайта с помощью кэширования всего за 3 минуты. Куки используются сайтами для того, ч...
Как получить подписчиков в Twitter... Привет, друзья! Это моя заключительная статья экспресс-курса по Гуглу, в ней я расскажу про Твиттер – как получить первых подписчиков. Чтобы Twitte...

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

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