1. Как Google обрабатывает JS-сайты? 2. Почему в ТОПе практически нет проектов на Angular или React? 3. SSR vs CSR. 4. Как подружить SPA-сайт с гуглботом?

1. Особенности SEO для сайтов
на JavaScript
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:

2. Немного обо мне
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:
• 2002 - 2007 — Веб-разработчик
• 2007 - 2009 — Верстальщик
• 2009 - 2013 — SEO-оптимизатор
• 2013 - 2018 — SEO-аналитик

3. Предыстория
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:
Сайт для пользователя Для простого робота

4. Популярность js-технологий
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:

5. Почему разработчики выбирают SPA?
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:

6. 1 URL = 1 Контент
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:
• Поисковики не индексируют/ранжируют страницы или контент
• Они ранжируют URL
• Подразумевается, что 1 кусок контента = 1 URL
• Но многие JS-платформы игнорируют этот подход

7. Проблемы для сеошников
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:
• Плохая индексация
• Плохое ранжирование
• Копипастеры ранжируются выше
• Практически все seo-техники бесполезны
• Многие поисковики не интерпретируют JavaScript

8. Пример кода на Angular JS
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:

9. Пример текстовой версии в кеше
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:

10. Пример сайта без SSR
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:

11. Типичный пример видимости
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:

12. С большим кол-вом страниц в индексе
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:

13. Проблема сканирования для анализа
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:

14. SSR vs CSR
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:
Client
Server
SSR
Готовый HTML с данными
СSR
Шаблон HTML
Сырые данные

15. Стоп! Google ведь понимает
JavaScript.
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:

16. Несколько нюансов
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:
• Googlebot не рендерит страницы, их рендерит индексатор Caffeine
CRAWL
INDEX
RENDER
Начальная
индексация
Окончательная
индексация
Новые ссылки
для краулинга
Caffeine + WRS

17. Несколько нюансов
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:
• Googlebot не рендерит страницы, их рендерит индексатор Caffeine
• Google использует 41 версию Chrome (2015 года)
https://developers.google.com/search/docs/guides/rendering

18. Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:
https://caniuse.com/#compare=chrome+41,chrome+70
https://www.chromestatus.com/features#milestone%3C%3D41

19. Несколько нюансов
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:
• Googlebot не рендерит страницы, их рендерит индексатор Caffeine
• Google использует 41 версию Chrome (2015 года)
• Google не выполняет пользовательские действия

20. Несколько нюансов
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:
• Googlebot не рендерит страницы, их рендерит индексатор Caffeine
• Google использует 41 версию Chrome (2015 года)
• Google не выполняет пользовательские действия
• Google оптимизирует процессорное время и может
не загружать некоторые ресурсы

21. Несколько нюансов
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:
• Googlebot не рендерит страницы, их рендерит индексатор Caffeine
• Google использует 41 версию Chrome (2015 года)
• Google не выполняет пользовательские действия
• Google оптимизирует процессорное время и может
не загружать некоторые ресурсы
• Google не ждет дольше 20 сек

22. 5 секунд задержки в "Посмотреть как Googlebot"
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:

23. Текстовая версия пустая
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:

24. 20 сек задержки при рендеринге Caffeine
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:

25. Как провести анализ проблемы
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:
• Используйте оператор поиска site:
• Посмотрите сайт 41 версией Хрома
• Используйте консоль в инструментах разработчика
• Убедитесь, что JS не блокируется в robots.txt
• Проверьте кеш страницы (html и текстовый)
• Проверьте контент страницы с отключенным JS
http://ele.ph/chrome41

26. Решение проблемы
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:
• Используйте JS для улучшения HTML/CSS, а не его замены
• Не скрывайте ссылки в JavaScript

27. Решение проблемы
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:
• Используйте JS для улучшения HTML/CSS, а не его замены
• Не скрывайте ссылки в JavaScript
• Используйте SSR (гибридную схему)

28. Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:

29. Примеры успешных SPA-сайтов с SSR
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:
Reddit
Node.js

30. Примеры успешных SPA-сайтов с SSR
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:
Product Hunt
React

31. Примеры успешных SPA-сайтов с SSR
Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:
Citrus
Vue.js

32. Сергей Кокшаров | SEO-аналитик | Devaka.ru
Докладчик:
Спасибо за внимание!
t.me/devakatalk
devaka.ru
fb.com/sevasjack