Платон Щукин: как сделать сайт удобным для мобильных устройств

Россия+7 (495) 960-65-87
Шрифт:
4 4901

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

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

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, поэтому лучше их не использовать.

Читайте нас в Telegram - digital_bar

Случилось что-то важное? Поделитесь новостью с редакцией.


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • Гость
    больше года назад
    Имеется ввиду "Динамический показ" в терминалогии Гугла, когда в зависимости от клиента mobile или desctop сервер отдает разную верстку - developers.google.com/webmasters/mobile-sites/mobile-seo/configurations/dynamic-serving?hl=ru

    Хорош тем, что для mobile можно существенно облегчить страницу
    -
    0
    +
    Ответить
  • Гость
    больше года назад
    В чем отличие адаптивной версии от динамической?
    -
    0
    +
    Ответить
    • Марк Кричевский
      1
      комментарий
      0
      читателей
      Марк Кричевский
      Гость
      больше года назад
      Имеется в виду резиновая верстка. Подробнее о различиях написали в блоге divone.ru/blog/what_is_smart_site/
      -
      0
      +
      Ответить
      • Wx1000
        Марк Кричевский
        больше года назад
        Отнюдь, вот ответ Платона с разъяснениями: yandex.ru/blog/platon/kak-sdelat-sayt-deystvitelno-udobnym-dlya-mobilnykh-ustroystv/5757d14a0187f01600594590
        Цитирую: "Под динамической версткой мы подразумеваем, что в зависимости от мобильного устройства сервер отправляет различные варианты кода HTML и CSS, не изменяя при этом URL страницы. "
        Резиновая вёрстка - это совсем другое.
        -
        0
        +
        Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Кейс: как продвинуть сайт производителя мебели на заказ в Москве
Александр
1
комментарий
0
читателей
Полный профиль
Александр - Судя по иллюстрациям к статье, не понятно, чем отличаются блоки «категории» и «товары».
Рейтинг «Известность бренда SEO-компаний 2017»: народное голосование
Гость
1
комментарий
0
читателей
Полный профиль
Гость - 1) Ingate 2) Ашманов 3) Кокос 4) Russian Promo 5) Netpeak
«Баден-Баден»: как выйти из-под фильтра
Александр Кравцов
1
комментарий
0
читателей
Полный профиль
Александр Кравцов - Всем привет Вот ещё пациент www.gdebar.ru Под фильтром с 20 декабря, прошёл месяц, сегодня обновилось, что можете нажать сново проверить сайт и ждать 59 дней.Может кто сталкивался и сможет как то подсказать? Аудитом например или ещё как то проверить, что стоит подправить,скайп мой icejhell. Готов так же к совместному общению по решению проблемы. Всем успехов )
Второе дыхание ссылочного продвижения
Автопилот
15
комментариев
0
читателей
Полный профиль
Автопилот - Еще лучше, когда продвижение осуществляется комплексно :)
Западные специалисты выяснили, как повысить позиции ресурса в выдаче Google
Максим Мирошник
2
комментария
0
читателей
Полный профиль
Максим Мирошник -
Кейс: продвигаем бизнес по продаже пластиковых окон в Москве
Иван Стороженко
14
комментариев
0
читателей
Полный профиль
Иван Стороженко - 1. По началу вообще не использовали, сейчас уже много каналов используется. 2. Все может быть, в принципе сайты должны быть удобны для пользователя, для этого и нужна схожесть между собой. Честно говоря старались брать все самое интересное у конкурентов + подкреплять своими идеями.
«Прямая линия» с Александром Алаевым («АлаичЪ и Ко»): отвечаем на вопросы
Александр Алаев
13
комментариев
0
читателей
Полный профиль
Александр Алаев - Роман. Тут ответ очень простой. Каждый запрос можно четко разделить на коммерческий или некоммерческий. "Купить слона" и его длинные хвосты - коммерческий. "Как выбрать слона" и подобные - информационные. Вот под коммерческие ключи должны быть страницы услуг или каталога товаров. А под информационку - блог. Очень важно не путать их, тем более несоответствующая коммерческим факторам страниц просто не продвинется, то есть по запросу с "купить" блог никогда не будет показываться в выдаче, так же как и страница услуги/товаров не покажется по "как выбрать". Понятно примерно?
Контекст под SEO. Как поисковая реклама помогает позициям в органической выдаче
Кирилл Щербаков
1
комментарий
0
читателей
Полный профиль
Кирилл Щербаков - чет я не понял, за 3 года ничего с сайтами не делалось что ли? Типо он в статике висел и лился контекст?
Сердитый маркетолог: как вы сами хороните свой сайт, или 16 принципов, которые нужно усвоить заказчикам SEO
Dmitry Maslennikov
1
комментарий
0
читателей
Полный профиль
Dmitry Maslennikov - Особенно последний пункт в тему! Как клиент могу сказать что каждый потенциальный подрядчик по SEO пытался "утопить" предыдущего сеошника комментариями типа "что они вообще сделали" и "чем занимались год, у вас не сделаны элементарные вещи". Уровень сео-специлистов в регионах такой, что для клиентов я бы дал только один совет - не верьте в SEO - бесплатный сыр только в мышеловке.
«Прямая линия» с Артуром Латыповым: отвечаем на вопросы
God Koss
1
комментарий
0
читателей
Полный профиль
God Koss - Добрый день! Есть сайты одной компании продвигающиеся в разных странах. .ru .com .net. На российском сайте два языка ru и en, на остальных до 10 языков. Недавно сайт ru по основному брендовому запросу выпал из выдачи Яндекс но после апа вернулся на вторую позицию. На вопрос аффилирования в тех поддержку, получит ответ, что всё в порядке и сайт com не учавствует в выдаче. Но он есть и занимает 1 место. Как быть в данной ситуации? Так же, после возврата в топ 10 по этому запросу зашла еще одна внутренняя страница. Могло ли это случиться из-за каннибализации запроса? Немного изменил description на внутренней, исключил вхождения брендового запроса. Жду апа. Хотел бы услышать ваше мнение. Заранее благодарю!
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
317
Комментариев
262
Комментариев
232
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
97
Комментариев
97
Комментариев
95
Комментариев
84
Комментариев
80
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
55
Комментариев
55
Комментариев
54
Комментариев
52

Отправьте отзыв!
Отправьте отзыв!