Анкерные ссылки. Редактор Гутенберга.

В этой статье будут рассмотрены теория анкерных ссылок и постройка их используя редактор Гутенберга. В качестве примера, здесь также будет построено меню анкерных ссылок. Ну и также, попытаюсь объяснить зачем это нужно.

Содержание

Теория анкерных ссылок

Анкерные ссылки — по сути, это обычные ссылки, которые направлены на навигацию по станице. Полный «комлект» состоит из ссылки и якоря(или анкера, кто как предпочитает).

Начнем, пожалуй с якоря. Якорь — то место, к которому будет прокручена страница при клике по анкерной ссылке. Технически, это текст, обернутый в html-тег, содержащий идентификатор.

Сама же ссылка, является тегом «a» в которой href содержит не адрес страницы, а хэш-тег(#) с идентификатором.

Если посмотреть разметку страницы содержащей анкерную ссылку, можно увидеть следующие элементы:

...
<a href="#slug">Link Text</a>
...
<h2 id="slug">Text Element</h2>
...

Иногда, когда объясняют теорию, вместо атрибута id name — однако, на практике, это не работает.

Постройка якоря и ссылки в гутенберге

В редакторе гутенберга все сделано так, чтобы сделать ссылки и анкеры было максимально просто. Для начала якорь: кликнем по блоку текста(заголовку) к которому должна вести ссылка.В правой нижней части экрана кликнем по пункту «дополнительно» и на латинице в поле «html якорь» впишем слово.

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

в появившемся поле введем хэш и слово с якоря слитно, enter.

Зачем?..делать ссылки

Во-первых, с моей точки зрения, это удобство для читателя. Во-вторых, и для большинства это главное, это SEO(Search Engine Optimization). Дело в том, что тест в ссылке более весом для поисков нежели просто абзац. Но не любой текст в ссылке так работает: чем более релевантен текст с текстом запроса, по которому читатель попал на вашу страницу — тем больше вес. И третье, — меню из анкерных ссылок — пожелание владельцев проекта.

Отклонюсь немного от темы, скажу, что ссылки(умеренное количество и в тему) на внешние ресурсы, также, благотворно влияют на ранжирование страницы.

Источники

Поделиться
  •  
  •  
  •  
  •  
  •  

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *