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/

SEO для мобильных сайтов

  • 1.
    SEO для мобильныхсайтов Оптимизация сайта под мобильный поиск Сергей Кокшаров devaka.ru
  • 2.
    Мобильный поиск -отдельная платформа со своими правилами
  • 3.
    А у васесть мобильная версия? • Мобильный трафик постоянно растет • В мобильном поиске поисковик дает преимущество сайтам, оптимизированным под мобильные устройства • В основном анализируется отображение на смартфонах • Оптимизированные сайты помечаются меткой • Будет также метка AMP (для сверх-быстрых сайтов)
  • 4.
  • 5.
    За год увеличилсяпримерно в 2 раза
  • 6.
  • 7.
    Версии для мобильных •Адаптивный дизайн <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, то поисковик их не распрознает, как оптимизированные для мобильных устройств. 
  • 8.
    Важные элементы • Отсутствиетехнических ошибок (переадресация, доступность, заголовки, перекрестные ссылки) • Реклама, закрывающие экран всплывающие элементы • Скорость загрузки • Поведение мобильных пользователей • Хостовые и документные факторы
  • 9.
    Как поисковик анализирует адаптивность? •Масштаб (контент максимально виден на экране) • Наличие горизонтальной прокрутки • Размер шрифтов • Расстояние между элементами навигации (ссылки и кнопки) • Количество подгружаемых внешних элементов • Присутствие неотображаемых элементов (например, Flash)
  • 10.