Как оптимизировать сайт для смартфона и мобильного телефона

Как оптимизировать сайт для смартфона и мобильного телефона

12.09.201526461admin

На сегодняшний день 13% россиян чаще заходят в Интернет со смартфона, чем с компьютера. Так же 81% молодых россиян уже имеют смартфон, который многие из них используют, как приоритетный девайс для выхода в интернет. Что значит, с точки зрения Google, оптимизировать сайт для мобильных устройств?

Есть четыре критерия, на которые Google смотрит, чтобы определить – оптимизирована ли та или иная страница для мобильных устройств. Это, в первую очередь, наличие определённой зоны просмотра, т.е. указание браузеру, что контент необходимо разместить в рамках того или иного экрана. Настройка ширины предоставляемого контента, текста, картинок или чего угодно в рамках указанной зоны просмотра, чтобы контент не выходил за её пределы. И две, интуитивно понятные, вещи – это размер шрифтов на странице, чтобы они были видны нормально с маленького экрана и размеры активных элементов (размер кнопок, размер ссылок и расстояние между ними). Именно на эти четыре момента смотрит Google и определяет – оптимизирована страница или нет.

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

Следует понимать, что существует три совершенно равнозначных, с точки зрения поисковых систем, но разных, с точки зрения веб-мастеров, способов внедрения этих изменений. Можно создать отдельный сайт на новом домене. Так же это может быть динамический показ, когда адрес URL остаётся тот же самый, но в зависимости от пользователя показывается разный контент. Либо это будет адаптивный дизайн, где и URL не меняется и контент, по большому счёту, не меняется. Меняется лишь то, как он расположен на странице в зависимости от экрана, на котором он показывается.

Google выбирает лучшее

Из этих трёх способов последний более трудоёмкий на этапе реализации, но зато в последующем требует меньше усилий, т.к. не нужно поддерживать два набора контента, не нужно поддерживать два раздельных сайта.

Ошибки оптимизации под смартфоны

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

  1. Блокировка ресурсов от поисковых роботов. По большому счёту, нет хороших причин, чтобы блокировать такие ресурсы, как таблицы стилей или скрипты Java от роботов поисковых систем. Потому что они помогают поисковым системам лучше понимать контент вашей страницы.
  2. Наличие на страницах не воспроизводимого на мобильных устройствах контента. Проигрыватели flash, которые на большинстве современных мобильных устройствах не воспроизводятся.
  3. Неправильная настройка редиректов и аннотаций. Настройка 404-ых страниц для мобильных устройств там, где пользователю можно было бы предложить не адаптированный контент. Но вместо этого веб-мастера предлагают страницу ошибки, что обрывает процесс работы сайта.

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

Инструменты для тестирования

После внедрения необходимых изменений для тестирования существующего сайта можно воспользоваться следующими инструментами:

  1. Инструмент проверки (g.co/mobilefriendly);
  2. Отчёт в инструментах для веб-мастеров, который показывает общее количество ошибок на вашем сайте, а также динамику их изменения;
  3. Инструмент PageSpeed Insights.



Сохраните в социальную сеть
Комментарии (1)
Fil 21.09.2015 в 16:25Спам
Для тестирования, можно использовать расширение: https://goo.gl/jAP3lH
1
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт