Динамический рендеринг для веб-приложений на JavaScript - JavaScript SEO

• Динамический рендеринг полезен для одностраничных приложений с часто меняющимся контентом.  

• Пример приложения: philly cats, прогрессивное веб-приложение для поиска кошек и предложений.  

• Динамический рендеринг позволяет переключаться между отрисованным контентом на стороне клиента и предварительно отрисованным контентом для определенных пользовательских агентов.  

• Предоставляет пользователям полный опыт отрисовки на стороне клиента.  

• Передает как можно больше контента поисковым роботам, таким как Googlebot.  

• Контент сканируется и индексируется без необходимости первого запуска JavaScript.  

• Текущий рендеринг не подходит для динамического контента.  

• Полный переход на рендеринг на стороне сервера сложен.  

• Решение: динамический рендеринг с использованием rendertron.  

• Развертывание rendertron в Google Cloud или собственной инфраструктуре.  

• Настройка кэша для ускорения обслуживания страниц.  

• Установка express и промежуточного программного обеспечения rendertron.  

• Добавление промежуточного программного обеспечения rendertron и настройка списка пользовательских агентов.  

• Добавление робота Googlebot для поиска в Google.  

• Настройка промежуточного программного обеспечения для использования сервера rendertron для предварительного рендеринга страниц.  

• Периодический запуск функции для обновления кэша.  

• Завершение серии SEO на JavaScript.  

• Призыв к зрителям оставлять идеи для будущих видео на канале.