- Что такое якорный тег? [ редактировать ] Якорный тег является HTML тег. Он используется...
- атрибут href [ редактировать ]
- Имя атрибута [ редактировать ]
- Целевой атрибут [ редактировать ]
- Атрибут заголовка [ редактировать ]
- Важность для поисковой оптимизации [ редактировать ]
Что такое якорный тег? [ редактировать ]
Якорный тег является HTML тег. Он используется для определения начала и конца гипертекстовой ссылки. Поисковые системы используют тег, чтобы определить предмет URL назначения. Пользователи нажимают на текст привязки, чтобы достичь цели ссылки.
Как создать гиперссылку с тегом привязки в HTML [ редактировать ]
<a href="http://www.example.com"> Моя примерная страница </a>
Якорный тег определяется и состоит из трех частей:
атрибут href [ редактировать ]
Чтобы создать гиперссылка место назначения (адрес) документа должно быть известно. Гиперссылка может ссылаться на страницы в вашем собственном домене, на другие веб-сайты или на файл (например, документ PDF).
Например, чтобы перейти на главную страницу Google, используйте следующий код:
<a href="http://www.google.com"> Главная страница Google </a>
Href обозначает гиперссылку. Этот атрибут определяет целевой адрес документа, с которым на этот раз связан ( http://www.google.com ). Знак «=» является связью атрибута со значением атрибута, причем «href» является атрибутом, а « http://www.google.com ”Является значением атрибута. Апостроф до и после значения атрибута. Определенная фраза «Главная страница Google» известна как якорный текст или же ссылка на сайт текст - это то, что видно и кликабельно для пользователя. Текст привязки идеально сжат, информативен и соответствует целевой странице.
Если вы хотите создать внутреннюю ссылку на другую часть вашего сайта, вам не нужно указывать полный адрес, в этом случае достаточно имени файла:
<a href="MyPage.html"> Моя страница </a>
Использование полного адреса может привести к более медленной загрузке страницы. Смотрите также " Скорость сайта «.
Имя атрибута [ редактировать ]
Атрибут name тега привязки может использоваться, чтобы позволить пользователям «переходить» к определенной точке на странице (маркер перехода, привязка). Это особенно полезно с большими страницами или подразделами.
HTML-код выглядит так:
<a name="to top"> </a> или <a name="Content"> </a>.
В первом примере кода вы переходите от нижней части страницы к началу, чтобы пользователи могли быстро добраться до верхней части страницы, не выполняя прокрутку в течение длительного времени. Во втором примере пользователи могут напрямую обращаться к части страницы, например к точке разделения. Нажав, пользователи направляются через атрибут имени непосредственно к теме.
<a href="#Content"> Содержание </a>
Просто установив хэш-тег (#) на имя привязки, браузер может определить переход на странице.
Вы также можете ссылаться на определенное место на другой странице внутри страны. Это будет определено следующим образом:
<a href="anotherpage.html#name"> Linktext </a>
«#Name » указывается после имени файла.
Целевой атрибут [ редактировать ]
Атрибут target указывает, как должна быть открыта страница назначения или целевой документ. «Target =» _ blank «используется для открытия целевой страницы в новой вкладке. Это обычная опция при использовании целевых атрибутов для ссылки на другие страницы.
<a href="http://www.mypage.com" target="_blank" rel="noopener"> Linktext </a>
Атрибут заголовка [ редактировать ]
Атрибут title дает пользователям важную информацию о том, куда они будут направлены, когда они нажимают на ссылка на сайт , Если пользователь наводит указатель мыши на ссылку, текст заголовка, который был определен в атрибут , будет отображаться. Это может быть подсказка или описание ресурса, на который ссылается ссылка. Данные из атрибута title делают сайт более удобный ,
Атрибут title также можно использовать для изображений и графических файлов, чтобы дать краткое описание того, что показано на рисунке.
<img title = "Здесь вы можете увидеть пример изображения" src = "exampleimage.png" alt = "sample image">
Важность для поисковой оптимизации [ редактировать ]
Строка «подготовка» в верхней HTML-ссылке - это текст ссылки, который отображается в основном тексте веб-сайта и может отображаться в виде синего текста или подчеркивания, в зависимости от макета. Текст ссылки также называется якорный текст и это особенно важно с точки зрения поисковая оптимизация , Текст привязки является частью тега привязки.
Якорные теги являются важным способом оптимизации HTML документы для поисковых систем. Якорные текстовые и заголовочные атрибуты дают пользователям и поисковым системам больше информации о целевой ссылке. Как и в случае с чистыми URL-адресами, важно проводить исследование ключевых слов для якорных текстов для внутренних ссылок, потому что, если это важно ключевые слова размещены здесь, это может принести пользу как пользователям, так и поисковым системам, что приведет к улучшению рейтинга.
Различие между внутренними ссылками и внешними ссылками особенно важно для тегов привязки. Например, нет никаких ограничений на использование ключевых слов в тексте привязки для внутренних ссылок. Веб-мастера и оптимизаторы могут связывать отдельные ключевые слова напрямую, не рискуя штрафами со стороны поисковых систем. Связывая определенные ключевые слова на веб-сайте, можно усилить тематическую релевантность подстраницы и, таким образом, повлиять на рейтинг.
С обратными ссылками, с другой стороны, чрезмерное использование ключевых слов может привести к штрафу со стороны Google с момента внедрения обновлений Penguin. [1]
Атрибут title для тегов привязки обычно не оказывает прямого влияния на SEO. Однако использование атрибутов и элементов заголовка в ссылках или изображениях может повысить рейтинг кликов и, таким образом, косвенно повлиять на сигналы пользователей, которые Google получает с веб-сайта.
Рекомендации [ редактировать ]
- ↑ Мэтт Каттс рассказывает о Penguin 2.0 youtube.com Получено 29 января 2017 г.