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

В новом видео из серии Lightning Talks сотрудник Google Мартин Сплитт поделился советами по SEO для одностраничных приложений (Single Page App, SPA).

Главным различием между обычным, основанным на HTML, сайтом и одностраничным приложением является то, что SPA в своей работе полагается на JavaScript.

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

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

Поисковым система обычно труднее сканировать и индексировать JavaScript, чем обычный HTML.

Рекомендации Google

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

  • Убедитесь, что охвачены все проходы кода. Googlebot, например, отклоняет запросы на геолокацию пользователя. Важно следить, что код был рабочим и содержал те функции, которые поддерживаются поисковыми системами. В коде также нужно указать, что должно делать приложение, если отдельные команды не могут быть выполнены.
  • При переходах между представлениями должен меняться URL-адрес. Так как для поиска страниц Googlebot использует URL-адреса, если URL будет одинаковым во всех представлениях, краулер увидит только одну страницу. Чтобы это исправить, можно использовать History API и правильную разметку ссылок с атрибутами href.
  • Оптимизируйте заголовки и описания для каждого представления. Они должны быть разными. Внесите соответствующие изменения в JS. Это значительно улучшит ваши результаты поиска.
  • Пропишите сценарии поведения в случае ошибки. Например, если URL недействителен. На примере Сплитта приложение показывало сообщение об ошибке, при этом сервер возвращал код ответа 200. Коды состояния сервера влияют на дальнейшие действия Googlebot и браузеров. Поэтому этот сценарий лучше исправить. Для этого нужно настроить сервер таким образом, чтобы он возвращал код ошибки в случае определённого URL. Например, /not-found выдаст 404, /maintenance – 500 и т.д. После такой перенастройки можно внести изменения в JavaScript, чтобы сделать переадресацию на указанный URL ошибки. В результате браузеры и Googlebot получат сообщение, что цель этой страницы – перенаправление на другой URL, и что сам этот URL не является ошибкой.

Посмотреть весь выпуск:


Напомним, что серия видео Lightning Talks представляет собой блиц-доклады сотрудников Google на актуальные SEO-темы. Она была запущена как временная замена мероприятиям Google Webmasters, которые не проводятся в связи с пандемией COVID-19.
subscribe

Подпишитесь на рассылку SearchEngines

— Статьи мировых экспертов

— Аналитические обзоры

— Важные новости

— Горячие темы с нашего форума

preview Google BERT теперь используется для обработки всех запросов на английском языке

Google BERT теперь используется для обработки всех запросов на английском языке

Год назад это было лишь 10%
preview Джон Мюллер поделился своими мыслями о будущем SEO

Джон Мюллер поделился своими мыслями о будущем SEO

Что ожидается в этой области и на чём стоит сосредоточиться
preview В mobile-first индексе Google не будет чисто десктопных сайтов

В mobile-first индексе Google не будет чисто десктопных сайтов

И того контента, который отсутствует в мобильной версии
preview Google временно отключил возможность отправки запросов на индексирование

Google временно отключил возможность отправки запросов на индексирование

В инструменте проверки URL
preview В Google Менеджере подкастов появились данные по кликам и показам в поиске

В Google Менеджере подкастов появились данные по кликам и показам в поиске

А также по поисковым запросам