SEO-влияние обработчиков onclick вместо ссылок
У меня есть вопрос, аналогичный опубликованному здесь.
Я создаю приложение React, которое имеет очень строгие требования к SEO, поэтому мне интересно, является ли проблемой следующий подход:
Для всей нашей навигации/маршрутизации мы используем обработчики onClick, которые перемещают пользователя в новое местоположение в приложении. То, как я построил компоненты, означает, что сгенерированный HTML не имеет тегов привязки, и, следовательно, нигде в нем нет ссылок/hrefs приложение.
Может ли googlebot справиться с этим? Даже если это возможно, у меня есть ощущение, что это может негативно повлиять на способность искателей правильно индексировать структуру ссылок в приложении.
Если это проблема, мне нужно будет добавить ссылки на все и просто предотвратить поведение по умолчанию перед запуском маршрута. Таким образом, искатель, по крайней мере, сможет видеть ссылки с атрибутами href в HTML, которые указывают на правильные URL-адреса.
К сожалению, поскольку это новый приложение, оно еще не доступно для публичного доступа, чтобы я мог протестировать его с помощью инструмента Fetch as Google.
3 answers
Googlebot должен уметь обрабатывать ссылки onclick. Вы можете проверить это, посмотрев частоту обхода Googlebot в консоли поиска и посмотрев, выполняет ли он обход onclicks.
Javascript ненадежен, и трудно сказать, сможет ли Google видеть его в 100% случаев, но были проведены тесты, которые показали, что Google действительно сканирует ссылки onclick.
Мы также протестировали стандартные ссылки на JavaScript. Это наиболее распространенные типы ссылок JavaScript, которые есть у оптимизаторов традиционно рекомендуется изменить текст на обычный. Эти тесты включали ссылки на JavaScript, закодированные следующим образом:
Функции вне пары Атрибут-значение href (AVP), но внутри тега a ("Onclick") Функции внутри href AVP ("javascript: окно.местоположение") Функции за пределами a, но вызываемые в href AVP ("javascript: openlink()") и т. Д. Результат: Ссылки были полностью проползены и сопровождены.
Источник: https://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157
Смотрите здесь для объяснения аналогичного вопроса.
Кроме того, вот вспомогательная статья от Google.
Google, вероятно, мог бы обрабатывать ссылки onclick, но вам следует провести тест до завершения работы вашего приложения. Тем не менее, я предпочитаю старомодный способ связи, чтобы облегчить работу поисковиков и избежать проблем.
Имейте в виду, что Метод обхода ajax Google был устаревшим несколько лет назад, и это может быть связано с тем, что они могут читать DOM, а не только исходный код (вопрос 37).
Как я уже сказал, я бы использовал обычные ссылки, но если у вас есть чтобы сохранить свойство onclick, вы должны использовать:
- Извлеките как инструмент Google, чтобы убедиться, что ссылки видны
- Карта сайта HTML где-то на сайте
- XML-карта сайта, отправленная в консоль поиска Google (и Bing)