Sitemap

Google SEO 101: Что можно и чего нельзя делать со ссылками и JavaScript

Google объясняет, как обеспечить правильную работу ссылок с JavaScript, в первом эпизоде ​​новой серии Lightning Talks.

Google Lightning Talks — это короткие версии презентаций, которые могли быть представлены на конференциях Google для веб-мастеров по всему миру.

Учитывая, что личные мероприятия в обозримом будущем отменяются, Google адаптирует контент своих конференций для Интернета.

Видео из серии Google Lightning Talks планируется публиковать в течение года.

Мартин Сплитт из Google о ссылках и JavaScript

Splitt посвящает первую часть Lightning Talks обсуждению «всеми любимой» темы: ссылок.

Более конкретно — ссылки в веб-приложениях JavaScript.

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

Он также перечисляет, что можно и чего нельзя делать при объединении ссылок с функциональностью JavaScript.

Ссылки важны для людей и ботов

Ссылки служат очевидной цели, позволяя пользователям перемещаться между фрагментами контента.

Но владельцы сайтов должны помнить о той роли, которую ссылки играют для ботов и поисковых систем.

Прежде всего, ссылки позволяют поисковым роботам находить другие страницы веб-сайта.

Сканеры обнаруживают и индексируют другие страницы веб-сайта, переходя по ссылкам с одной страницы на другую.

Переходя по ссылкам, сканер получает представление о структуре сайта и информационной архитектуре.

Это полезно для понимания того, какие страницы могут иметь отношение к данной теме.

Связанный: Практическое введение в современный JavaScript для оптимизаторов

Создание ссылок с помощью JavaScript: что можно и чего нельзя делать

Создание ссылки не так просто, как может показаться, предупреждает Мартин Сплитт.

Это особенно верно, когда речь идет о добавлении функциональности JavaScript к ссылке.

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

Вот что рекомендует Сплитт.

Что делать: будьте прямолинейны

Самый простой способ разместить ссылку на сайте — использовать тег ahref.

Также можно обновить стандартные ссылки с помощью функций JavaScript, если все еще выполняются некоторые условия.

Примеры прямых ссылок

Не делайте: оставляйте атрибут ahref

Добавляя в ссылку функции JavaScript, вы можете исключить атрибут ahref.

«Это не очень хорошая идея»,— говорит Сплит.

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

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

Не делайте: используйте псевдо URL-адреса

Также не помогает добавление атрибута ahref без полезного URL-адреса или с «псевдо-URL», как в примере ниже:

Результат такой же, как и у ссылки без атрибута ahref, а это значит, что это не очень хорошая идея.

Нельзя: использовать кнопки

Использование кнопки может показаться жизнеспособным вариантом для добавления ссылки на страницу, но это тоже не очень хорошая идея.

Эмпирическое правило таково: если ссылка вызывает какое-то событие на текущей странице, вероятно, это должна быть кнопка.

С другой стороны, если ссылка ведет пользователя к другому фрагменту контента, которого раньше не было на странице, то это должна быть стандартная ссылка.

Не следует: полагаться на обработчики кликов

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

Это нарушает встроенные функции доступности и не является хорошей идеей.

Что делать: использовать семантический HTML

Суть всего этого в том, чтобы использовать семантическую HTML-разметку и указывать ссылку на правильный URL-адрес.

Что такое правильный URL?Это объясняется в следующем разделе.

Использование «Правильно»URL-адреса

Эти URL-адреса являются типичными примерами того, что считается «правильным URL-адресом»:

Это правильные URL-адреса, поскольку они содержат следующие атрибуты:

  • Протокол
  • Хозяин
  • Путь к определенному фрагменту контента
  • Идентификатор фрагмента (необязательно)

Связанный: SEO и JavaScript: хорошее, плохое и неопределенность

Остерегайтесь идентификаторов фрагментов

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

Это особенно важно учитывать, если вы создаете одностраничное приложение со ссылками, полными идентификаторов фрагментов.

Сканеры не будут переходить по ссылкам, поэтому они не смогут понять веб-приложение.

В итоге

Вот ваши основные выводы из первой части Google Lightning Talks:

  • Используйте правильную разметку ссылок.
  • Не используйте фрагменты для загрузки различного контента в одностраничных приложениях.
  • Создавайте веб-сайты, которые хорошо работают с JavaScript, и ссылки будут найдены.