Как сделать сайт действительно удобным для мобильных устройств. рекомендации платона щукина

Posted on by riasevastopol

Некое время назад Яндекс начал отмечать в мобильной выдаче страницы, оптимизированные для мобильных устройств, меткой «Мобильная версия», и отдавать им предпочтение при ранжировании.

Платон Щукин опубликовал советы, каковые окажут помощь вебмастерам сделать сайт вправду удобным для мобильных девайсов.

1. Какие конкретно бывают мобильные сайты

Поисковые роботы с однообразным приоритетом принимают:

  • сайты с мобильной версией на поддомене;
  • сайты с адаптивной версткой;
  • сайты с динамической версткой.

Платон рекомендует обратить внимание на три нюанса:

  • Не рекомендуется создавать мобильную версию сайта в отдельной папке (директории), так как робот может некорректно ее воспринять.
  • Если вы остановились на варианте с поддоменом, выбирайте простое и понятное для пользователей доменное имя с явным указанием на мобильный сайт.
  • При перенаправлении пользователей на мобильную версию принципиально важно, дабы с десктопной версии страницы стоял редирект лишь на соответствующую страницу мобильной версии, а не на целый сайт.

2. Пара слов о создании сайта

При создании мобильного сайта принципиально важно думать не только о технологической стороне вопроса, но и о контенте. Стоит размещать те данные, которая будет нужна как раз для пользователей мобильного интернета.Как сделать сайт действительно удобным для мобильных устройств. рекомендации платона щукина

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

3. Как проверить сайт на мобилопригодность

Для проверки сайта возможно воспользоваться инструментом в бета версии сервиса Яндекс.Вебмастер «Проверка мобильных страниц».

4. Что делать, в случае если найдены неточности

Самыми распространенными неточностями, каковые разрешает распознать инструмент в Яндекс.Вебмастере, являются наличие горизонтальной прокрутки, большое количество небольшого текста, отсутствие либо неверное размещение мета-тега «viewport», и наличие невоспроизводимого видео.

Горизонтальная прокрутка

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

В большинстве случаев, большая часть пользователей применяет смартфоны c разрешением 320 px, исходя из этого возможно ориентироваться на эту величину. Кроме этого направляться проверить отступы, встроенные логотипы и картинки – быть может, как раз из-за них изменяется итоговая ширина той либо другой страницы.

Большое количество небольшого текста

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

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

Отсутствие мета-тега «viewport»

Мета-тег «viewport» разрешает браузеру мобильного устройства осознать, что на сайте имеется адаптивная верстка. В случае если распознано, что на сайте отсутствует этот мета-тег, удостоверьтесь в надежности, что он расположен как раз в контейнере head, что соответствует стандарту HTML.

Помимо этого, нужно установить динамическую область просмотра в зависимости от ширины экрана устройства:

meta name=viewport content=width=device-width, initial-scale=1

Тогда не нужно будет устанавливать фиксированную величину и удастся избежать горизонтальной прокрутки.

Наличие Flash-элементов

В случае если на сайте размещены видеоролики, убедитесь, что они корректно воспроизводятся с мобильных устройств и имеют формат HTML5. Большая часть мобильных браузеров не принимает форматы Flash, Silverlight и Applet, исходя из этого лучше их не применять.

Случайные статьи:

Как написать Платону Щукину?


Подборка похожих статей:

riasevastopol

More Posts