Google объясняет, как обеспечить правильную работу ссылок с JavaScript в первом эпизоде создания новой ссылки не так просто, как кажется, предупреждает Мартин Сплитт.
Это особенно верно, когда дело доходит до добавления функциональности JavaScript к ссылке.
JavaScript позволяет веб-сайтам настраивать ссылки различными способами, но это может сделать ссылку непригодной для сканеров.
Это то, что рекомендует Сплитт.
Сделай это: держи это прямо
Самый прямой способ ссылки на сайт – использовать сообщение «Это плохая идея», говорит Сплитт.
Причина в том, что ссылка будет работать только тогда, когда JavaScript работает правильно.
Без атрибута ahref сканеры не смогут определить, куда идет ссылка, поскольку сканер не выполняет JavaScript.
Нет: используйте URL-адрес Psuedo
Также не помогает добавить атрибут ahref без полезного URL или с «псевдо URL», как в следующем примере:
Результат такой же, как ссылка без атрибута ahref, что означает, что это не очень хорошая идея.
Нет: используйте кнопки
Использование кнопки может показаться жизнеспособным вариантом добавления ссылки на страницу, но это также не очень хорошая идея.
Общее правило: если ссылка вызывает что-то, происходящее на текущей странице, вероятно, это должна быть кнопка.
С другой стороны, если ссылка переносит пользователя на другой контент, которого раньше не было на странице, это должна быть стандартная ссылка.
Нет: доверенные обработчики кликов
Владельцы сайта также не должны имитировать ссылки, используя, например, другие элементы HTML и обработчик кликов JavaScript.
Это нарушает внутренние функции доступности и не является хорошей идеей.
Делать: использовать семантический HTML
Суть в следующем: используйте семантическую разметку HTML и укажите вашу ссылку на правильный URL.
Что такое правильный URL? Это объясняется в следующем разделе.
Использование «подходящих» URL
Эти URL являются типичными примерами того, что считается «правильным URL»:
Это подходящие URL, потому что они содержат следующие атрибуты:
Остерегайтесь идентификаторов фрагментов
Поскольку идентификаторы фрагментов являются необязательными и указывают на местоположения в одном и том же контенте, сканеры игнорируют их.
Это особенно важно отметить, если вы создаете одностраничное приложение со ссылками, полными идентификаторами фрагментов.
Сканеры не будут переходить по ссылкам, поэтому они не смогут понять веб-приложение.
В итоге
Вот основные выводы первой части Google Lightning Talks:
