Сергей Архангельский, SEO в мобильную эру, Optimization 2016

Конфіденційно. Документ є власністю компанії

SEO в мобильную эру

AMP, мобильный индекс, полноэкранные блоки и все-все-все Сергей Архангельский, декабрь 2016


Эра мобильных


трафика в Рунете – мобильные55%

Источник: http://www.liveinternet.ru/stat/ru/

Ноя. 2015


трафика в Рунете – мобильные62%

Источник: http://www.liveinternet.ru/stat/ru/

Ноя. 2016


используют телефон, когда хотят что-то купить65%

Источник: https://www.thinkwithgoogle.com/intl/ru-ru/infographic/chto-delaiut-polzovateli-kogda-khotiat-chto-to-kupit/


ищут товары со смартфона44%

Источник: https://www.thinkwithgoogle.com/intl/ru-ru/research-study/put-k-mobilnoi-konversii-sredstva-po-ukhodu-za-kozhei/


ищут товары только со смартфона7%

Источник: https://www.thinkwithgoogle.com/intl/ru-ru/research-study/put-k-mobilnoi-konversii-tovary-dlia-doma/

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

99 проблем мобильного веба

2 Низкая скорость

1 Неудобство использования

3 Скрытый контент

4 Непонимание поисковиками


Сайты для мобильных


Три самых важных инструмента

PageSpeed Insights

Отчёт об удобстве

Инструмент проверки




Источник: https://www.thinkwithgoogle.com/intl/ru-ru/case-study/




AMP


пользователей уходят с сайта, который грузится >3 секунд53%

Источник: https://www.doubleclickbygoogle.com/articles/mobile-speed-matters/

https://www.doubleclickbygoogle.com/articles/mobile-speed-matters/


Решение?AMP!

2 Просто

1 Быстро

3 Мобильно

4 Открыто

5 Прибыльно


В чем суть

2 Оптимизировать

1 Упростить

3 Кэшировать


HTML5(AMP HTML)

JavaScript(AMP JS)

CSS3(Кастомные стили)

Global Proxy Cache

(AMP Cache)


Веб-сервер

Local copy of your assets

Без AMP cache С AMP cache

Веб-серверЛокальный

Локальный

Локальный

Локальный

Локальный

Локальный

Локальный


● Открытый формат для простых страниц

● Доступ к AMP Cache для оптимизации скорости

● Дизайн и бизнес-модель в руках хозяина

● Поддержка рекламы и аналитики

● Совместимость с основными браузерами

А в итоге?


Растущая поддержка


4x 10x быстрее меньше

данных

<1 секунды среднее время загрузки


Lenta.ru

Как мы разогнали мобильную Lenta.ru до скорости светаhabrahabr.ru/company/rambler-co/blog/280602/

https://habrahabr.ru/company/rambler-co/blog/280602/




Как AMP?2 Новые пути в routes.rb

1 «Довольно быстро*»

3 Отдельные шаблоны для новостей

4 Переписали некоторые CSS

*благодаря Rails

5 Новая вставка медиа-контента

6 Микро-разметка

7 Google Analytics

~12 дней


2x 18x быстрее

без учёта CDNприрост

аудиторииAMP с момента запуска

«хороший»прирост в органике

> avg Длительность

сессии


ampproject.org/ampbyexample.com/github.com/ampproject

search.google.com/search-console/amp

Почитать на досуге


Полноэкранные блоки


Более 93% пользователей «очень негативно» или «негативно» реагируют на рекламу, перекрывающую контент который они пытаются увидеть.

- Nielsen Group

Источник: https://www.nngroup.com/articles/most-hated-advertising-techniques/



1. Полноэкранные блоки при переходе из выдачи не позволяют получить контент, за которым пользователь пришёл

2. Не принимаются во внимание блоки, возникающие при переходе с одной страницы сайта на другую

3. Не влияет на выдачу на десктопе

Понижаем в выдаче полноэкранные блоки


Что делать?

1. Проверить, как монетизируется ваш сайт

2. Убедиться, что нет мешающих пользователям при переходе из выдачи форматов


Мобильный индекс




1. Если есть мобильная и десктопная версия, мы предпочитаем мобильную

2. Если есть только десктоп, то ничего не меняется

3. Mobile-friendly фактор ранжирования остается в силе

Только один индекс


Responsive design

Mobile-friendly тестирование https://search.google.com/search-console/mobile-friendly

Что делать?

https://search.google.com/search-console/mobile-friendly

https://search.google.com/search-console/mobile-friendly

Спасибо!google.com/webmasters

За изображения спасибо: unsplash.com & pixabay.com

Marketing

Сергей Архангельский, SEO в мобильную эру, Optimization 2016