Upload
-
View
1.485
Download
0
Embed Size (px)
Citation preview
SEO для мобильных сайтовОптимизация сайта под мобильный поиск
Сергей Кокшаров devaka.ru
Мобильный поиск - отдельная платформа со своими правилами
А у вас есть мобильная версия?• Мобильный трафик постоянно растет • В мобильном поиске поисковик дает преимущество сайтам, оптимизированным под мобильные устройства
• В основном анализируется отображение на смартфонах • Оптимизированные сайты помечаются меткой • Будет также метка AMP (для сверх-быстрых сайтов)
Рост мобильного трафика
За год увеличился примерно в 2 раза
Метки в поиске
Версии для мобильных• Адаптивный дизайн
<meta name="viewport" content="width=device-width, initial-scale=1.0">
• Динамическая версия (респонсивный)Vary: User-Agent
• Отдельный URL (моб. версия)<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" ><link rel="canonical" href="http://www.example.com/page-1" >
Если на сайте закрыты для сканирования js и css, то поисковик их не распрознает, как оптимизированные для мобильных устройств.
Важные элементы• Отсутствие технических ошибок (переадресация, доступность, заголовки, перекрестные ссылки)
• Реклама, закрывающие экран всплывающие элементы • Скорость загрузки • Поведение мобильных пользователей • Хостовые и документные факторы
Как поисковик анализирует адаптивность?
• Масштаб (контент максимально виден на экране) • Наличие горизонтальной прокрутки • Размер шрифтов • Расстояние между элементами навигации (ссылки и кнопки) • Количество подгружаемых внешних элементов • Присутствие неотображаемых элементов (например, Flash)
Инструменты
https://beta.webmaster.yandex.ru/sites/
https://www.google.com/webmasters/tools/mobile-friendly/