×
Россия +7 (495) 139-20-33

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

Россия +7 (495) 139-20-33
Шрифт:
0 4745
Подпишитесь на нас в Telegram

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 не является ошибкой.

Случилось что-то важное? Поделитесь новостью с редакцией.


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Накрутка поведенческих факторов: дорого, сложно, но можно. Если очень хочется
Oleg_bobr2012
1
комментарий
0
читателей
Полный профиль
Oleg_bobr2012 - Мда...Может Анне сразу в Яндекс написать кейсы по накрутке ПФ. Я бы такого сотрудника гнал вон.
28 способов повысить конверсию интернет-магазина
Татьяна
1
комментарий
0
читателей
Полный профиль
Татьяна - Очень действенные рекомендации представлены в статье! Всё четко расписано и легко внедряемо в работу интернет-магазинов.Удобство и наглядность+различные бонусы и скидки-именно то, что и цепляет покупателя.
Какие сайты лидировали в поиске Яндекса и Google в 2023 году
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Если что по рейтингу вы не правы, есть ядро по которому производиться оценка и вы можете по нему самостоятельно все посмотреть. Единственный объективный рейтинг по SEO. Других не знаю Ну я вам скажу что это не так и в предыдущие года сайт моего клиента попадал в рейтинг, при чем несколько раз. И я прекрасно знал еще до объявления результатов кто лидер - рейтинг прозрачный, есть фразы по которым набираются баллы. В этом году наш сайт не попал в рейтинг например и это было понятно, что не попадет (по статистике позиций)
Создали ресурс для металлургов, который позволяет следить за аналитикой рынка и осуществлять продажи
Наталья Сталь
3
комментария
0
читателей
Полный профиль
Наталья Сталь -
5 способов увидеть сайт глазами поисковика: анализируем скрытый контент и cloaking
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Сейчас клоаку прячут, так что под нее можно глянуть только с гуггловских ip. Сейчас только гуггл сервисами можно глянуть
7 актуальных сервисов для анализа сайта: сравнительная характеристика
Jenimeon
1
комментарий
0
читателей
Полный профиль
Jenimeon - SimilarWeb один из моих фаворитов, частенько им пользуюсь. Ценник не малый, но функционал хороший. Be1 тоже годный.
Какие методы SEO-продвижения устарели в 2024 году
Эксперт
1
комментарий
0
читателей
Полный профиль
Эксперт - Ужасная вода. А начало "обзора" со слов - мне кажется - нечто.
Насколько вечные – вечные ссылки?
daniilastaaahov
1
комментарий
0
читателей
Полный профиль
daniilastaaahov - Я где-то пару месяцев назад заказывал размещение вечных ссылок, до сих пор рабочие, не удалены. Буду надеется что и дальше с ними ничего не произойдёт.
Optimization 2023: текстовый анализ в 2024 году и методы увеличения релевантности страниц
Игорь
1
комментарий
0
читателей
Полный профиль
Игорь - это информация максимум уровня middle seo. что такой проходняк делает в секции hard seo когда-то великой ашмановки, еще и в исполнении токсичного инфоцыгана большая загадка)) ходил последние 5 лет на нее, но больше пожалуй не стоит
5 ошибок отдела продаж, из-за которых вы теряете клиентов
Андрей
1
комментарий
0
читателей
Полный профиль
Андрей - Крутая статья! Можно еще указать: Работу без CRM-системы - я считаю, что это основа отдела продаж. Потому что не все компании решаются на внедрение отдельно системы для отдела продаж. Но зато можно что то многофункциональное внедрить аспро.клауд или что то подобное
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
386
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
121
Комментариев
120
Комментариев
100
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
77
Комментариев
74
Комментариев
67
Комментариев
64
Комментариев
60
Комментариев
59

Отправьте отзыв!
Отправьте отзыв!