Советы Google для одностраничных приложений

Google выпустил новое видео для вебмастеров «Lightning Talk». В ней специалист по поиску Мартин Сплитт рассказал на что обращать внимание оптимизаторам при работе с одностраничными приложениями (Single Page App, SPA) и поделился советами, как сделать одностраничные приложения доступными для поиска.

Главное отличие обычных сайтов на HTML от одностраничных приложений – зависимость последнего от JavaScript.

В одностраничных приложениях JavaScript используется для создания HTML. Он также требуется для загрузки нового контента по мере того, как пользователи переходят из одной части приложения в другую. Такие страницы называют «представлениями» (view).

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

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

В отличие от обычного HTML, поисковым роботам труднее сканировать и индексировать JavaScript.

Чтобы приложение хорошо сканировалось и индексировалось, Google дал несколько рекомендаций:

• Проблема: Основной контент не отображается.

Решение: Убедитесь, что все проходы кода охвачены. Googlebot, например, отклоняет запросы на геолокацию пользователя. Важно следить, что код был рабочим и содержал те функции, которые поддерживаются поисковыми системами. В коде также нужно указать, что должно делать приложение, если отдельные команды не могут быть выполнены.

• Проблема: При переходе между представлениями url-адрес не меняется.

Решение: использовать History API и правильную разметку ссылок с атрибутами href.

Так как Googlebot использует URL-адреса для поиска страниц, если URL будет одинаковым во всех представлениях, краулер будет видеть только одну домашнюю страницу. Чтобы это исправить, можно использовать History API и правильную разметку ссылок с атрибутами href.

• Проблема: Все виды имеют один и тот же заголовок и мета-описание.

Решение: Оптимизируйте заголовки и описания для каждого представления. Они должны быть разными для возможности нахождения конкретного продукта. Внесите соответствующие изменения в JS. Это значительно улучшит ваши результаты поиска.

• Пропишите сценарии поведения в случае ошибки. Например, если URL недействителен. Нужно настроить сервер таким образом, чтобы он возвращал код ошибки в случае определённого URL. В результате браузеры и Googlebot получат сообщение, что цель этой страницы – перенаправление на другой URL, и что сам этот URL не является ошибкой.