В этой статье будут рассмотрены теория анкерных ссылок и постройка их используя редактор Гутенберга. В качестве примера, здесь также будет построено меню анкерных ссылок. Ну и также, попытаюсь объяснить зачем это нужно.
Содержание
Теория анкерных ссылок
Анкерные ссылки — по сути, это обычные ссылки, которые направлены на навигацию по станице. Полный «комлект» состоит из ссылки и якоря(или анкера, кто как предпочитает).
Начнем, пожалуй с якоря. Якорь — то место, к которому будет прокручена страница при клике по анкерной ссылке. Технически, это текст, обернутый в html-тег, содержащий идентификатор.
Сама же ссылка, является тегом «a» в которой href содержит не адрес страницы, а хэш-тег(#) с идентификатором.
Если посмотреть разметку страницы содержащей анкерную ссылку, можно увидеть следующие элементы:
... <a href="#slug">Link Text</a> ... <h2 id="slug">Text Element</h2> ...
Иногда, когда объясняют теорию, вместо атрибута id name — однако, на практике, это не работает.
Постройка якоря и ссылки в гутенберге
В редакторе гутенберга все сделано так, чтобы сделать ссылки и анкеры было максимально просто. Для начала якорь: кликнем по блоку текста(заголовку) к которому должна вести ссылка.В правой нижней части экрана кликнем по пункту «дополнительно» и на латинице в поле «html якорь» впишем слово.
итак, якорь готов, теперь ссылка. Выделим текст, который хотим сделать ссылкой и нажмем на символ
в появившемся поле введем хэш и слово с якоря слитно, enter.
Зачем?..делать ссылки
Во-первых, с моей точки зрения, это удобство для читателя. Во-вторых, и для большинства это главное, это SEO(Search Engine Optimization). Дело в том, что тест в ссылке более весом для поисков нежели просто абзац. Но не любой текст в ссылке так работает: чем более релевантен текст с текстом запроса, по которому читатель попал на вашу страницу — тем больше вес. И третье, — меню из анкерных ссылок — пожелание владельцев проекта.
Отклонюсь немного от темы, скажу, что ссылки(умеренное количество и в тему) на внешние ресурсы, также, благотворно влияют на ранжирование страницы.