Главная » Делаем мобильную версию сайта
    РейтингРейтингРейтингРейтингРейтинг


Делаем мобильную версию сайта

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

Если на большом мониторе ваш сайт выглядит просто прекрасно, то на телефоне просто невозможно будет просматривать: шрифты маленькие, а дизайн будет и того перекошен. Человек сразу закроет сайт, а поисковая система поставит себе отметку: минус.

В первую очередь касается читаемости контента. Поэтому необходимо уделять особенное внимание типографике, которая является основой веб-дизайна.

Рассмотрим основные моменты веб-типографики на мобильных устройствах:

Размер

Одна из самых часто встречающихся проблем чтения сайтов на мобильных устройствах — это слишком маленький размер шрифта. Приходится постоянное масштабировать сайт, чтобы прочитать мелкий текст, а это очень раздражает пользователя.

Контраст

Любой текст на сайте должен контрастировать с фоном, как при просмотре на десктопе, так и на мобильном устройстве. 

Отступы

У разных устройств разные размеры экранов, а также различное соотношение сторон дисплея. Текст удобно читать при достаточных отступах от краев и правильном межстрочном интервале. 

Выбор шрифта

Выбрать шрифты, которые будут корректно отображаться на любом устройстве и любой ОС, — задача не простая. Очень важно учитывать, как шрифт будет рендериться на различных девайсах.

При разработке адаптивного дизайна  особое внимание стоит уделить изменению размеров шрифтов, отступам и длине строк.


Яндекс и гугл вебмастер пишет "контент шире экрана"
или "страница не оптимизирована для мобильных устройств"

решение:

<jdoc:include type="head" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">


Как проверить сайт?

Проверить, оптимизирован ли мой сайт для просмотра на маленьких экранах можно на сайте

 developers.google.com

Тест оценивает доступность для пользователя, удобство на мобильных устройствах, адаптивность дизайна, размер шрифтов и контент.

Вот какую печальную картину имеет мой сайт

Не забывайте написать ваш комментарий, понравилась ли статья. От вас пару слов, а мне — признание поисковых систем, что пишу нормальные человеческий статьи. Заранее спасибо вам!