Сергей Архангельский, SEO в мобильную эру, Optimization 2016
-
Upload
optimization-conference -
Category
Marketing
-
view
15 -
download
3
Transcript of Сергей Архангельский, SEO в мобильную эру, Optimization 2016
![Page 1: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/1.jpg)
Конфіденційно. Документ є власністю компанії
SEO в мобильную эру
AMP, мобильный индекс, полноэкранные блоки и все-все-все Сергей Архангельский, декабрь 2016
![Page 2: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/2.jpg)
Конфіденційно. Документ є власністю компанії
Эра мобильных
![Page 3: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/3.jpg)
Конфіденційно. Документ є власністю компанії
трафика в Рунете – мобильные55%
Источник: http://www.liveinternet.ru/stat/ru/
Ноя. 2015
![Page 4: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/4.jpg)
Конфіденційно. Документ є власністю компанії
трафика в Рунете – мобильные62%
Источник: http://www.liveinternet.ru/stat/ru/
Ноя. 2016
![Page 5: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/5.jpg)
Конфіденційно. Документ є власністю компанії
используют телефон, когда хотят что-то купить65%
Источник: https://www.thinkwithgoogle.com/intl/ru-ru/infographic/chto-delaiut-polzovateli-kogda-khotiat-chto-to-kupit/
![Page 6: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/6.jpg)
Конфіденційно. Документ є власністю компанії
ищут товары со смартфона44%
Источник: https://www.thinkwithgoogle.com/intl/ru-ru/research-study/put-k-mobilnoi-konversii-sredstva-po-ukhodu-za-kozhei/
![Page 7: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/7.jpg)
Конфіденційно. Документ є власністю компанії
ищут товары только со смартфона7%
Источник: https://www.thinkwithgoogle.com/intl/ru-ru/research-study/put-k-mobilnoi-konversii-tovary-dlia-doma/
![Page 8: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/8.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
99 проблем мобильного веба
2 Низкая скорость
1 Неудобство использования
3 Скрытый контент
4 Непонимание поисковиками
![Page 9: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/9.jpg)
Конфіденційно. Документ є власністю компанії
Сайты для мобильных
![Page 10: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/10.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Три самых важных инструмента
PageSpeed Insights
Отчёт об удобстве
Инструмент проверки
![Page 11: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/11.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
![Page 12: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/12.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
![Page 13: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/13.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
![Page 14: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/14.jpg)
Источник: https://www.thinkwithgoogle.com/intl/ru-ru/case-study/
![Page 15: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/15.jpg)
Источник: https://www.thinkwithgoogle.com/intl/ru-ru/case-study/
![Page 16: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/16.jpg)
Источник: https://www.thinkwithgoogle.com/intl/ru-ru/case-study/
![Page 17: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/17.jpg)
Конфіденційно. Документ є власністю компанії
AMP
![Page 18: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/18.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
пользователей уходят с сайта, который грузится >3 секунд53%
Источник: https://www.doubleclickbygoogle.com/articles/mobile-speed-matters/
![Page 19: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/19.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Решение?AMP!
2 Просто
1 Быстро
3 Мобильно
4 Открыто
5 Прибыльно
![Page 20: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/20.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
В чем суть
2 Оптимизировать
1 Упростить
3 Кэшировать
![Page 21: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/21.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
HTML5(AMP HTML)
JavaScript(AMP JS)
CSS3(Кастомные стили)
Global Proxy Cache
(AMP Cache)
![Page 22: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/22.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Веб-сервер
Local copy of your assets
Без AMP cache С AMP cache
Веб-серверЛокальный
Локальный
Локальный
Локальный
Локальный
Локальный
Локальный
![Page 23: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/23.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
● Открытый формат для простых страниц
● Доступ к AMP Cache для оптимизации скорости
● Дизайн и бизнес-модель в руках хозяина
● Поддержка рекламы и аналитики
● Совместимость с основными браузерами
А в итоге?
![Page 24: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/24.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Растущая поддержка
![Page 25: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/25.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
4x 10x быстрее меньше
данных
<1 секунды среднее время загрузки
![Page 26: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/26.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Lenta.ru
Как мы разогнали мобильную Lenta.ru до скорости светаhabrahabr.ru/company/rambler-co/blog/280602/
![Page 27: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/27.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Как AMP?2 Новые пути в routes.rb
1 «Довольно быстро*»
3 Отдельные шаблоны для новостей
4 Переписали некоторые CSS
*благодаря Rails
5 Новая вставка медиа-контента
6 Микро-разметка
7 Google Analytics
~12 дней
![Page 28: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/28.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
2x 18x быстрее
без учёта CDNприрост
аудиторииAMP с момента запуска
«хороший»прирост в органике
> avg Длительность
сессии
![Page 29: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/29.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
ampproject.org/ampbyexample.com/github.com/ampproject
search.google.com/search-console/amp
Почитать на досуге
![Page 30: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/30.jpg)
Конфіденційно. Документ є власністю компанії
Полноэкранные блоки
![Page 31: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/31.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Более 93% пользователей «очень негативно» или «негативно» реагируют на рекламу, перекрывающую контент который они пытаются увидеть.
- Nielsen Group
Источник: https://www.nngroup.com/articles/most-hated-advertising-techniques/
![Page 32: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/32.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
![Page 33: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/33.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
1. Полноэкранные блоки при переходе из выдачи не позволяют получить контент, за которым пользователь пришёл
2. Не принимаются во внимание блоки, возникающие при переходе с одной страницы сайта на другую
3. Не влияет на выдачу на десктопе
Понижаем в выдаче полноэкранные блоки
![Page 34: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/34.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Что делать?
1. Проверить, как монетизируется ваш сайт
2. Убедиться, что нет мешающих пользователям при переходе из выдачи форматов
![Page 35: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/35.jpg)
Конфіденційно. Документ є власністю компанії
Мобильный индекс
![Page 36: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/36.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
![Page 37: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/37.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
![Page 38: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/38.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
1. Если есть мобильная и десктопная версия, мы предпочитаем мобильную
2. Если есть только десктоп, то ничего не меняется
3. Mobile-friendly фактор ранжирования остается в силе
Только один индекс
![Page 39: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/39.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Responsive design
Mobile-friendly тестирование https://search.google.com/search-console/mobile-friendly
Что делать?
![Page 40: Сергей Архангельский, SEO в мобильную эру, Optimization 2016](https://reader034.fdocuments.us/reader034/viewer/2022042619/5887cf391a28abeb738b65d3/html5/thumbnails/40.jpg)
Спасибо!google.com/webmasters
За изображения спасибо: unsplash.com & pixabay.com