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