Връзки A Href: Какво са те и как да ги използвате

Какво е връзка A Href?

„Връзка a href“ (или „връзка href“) е HTML код, който използва етикет <a> и атрибут href, за да създаде кликаема хипервръзка.

За пример, тази връзка href създава хипервръзката „Semrush“:

Има други видове HTML връзки (напр. етикетът <link>). И други начини да се създадат хипервръзки (напр. с JavaScript). Но повечето връзки се създават с <a> етикети, известни още като котва етикети или котва елементи.

Котва елементите се дефинират от началния етикет <a> и крайния етикет </a>.

Атрибутът href (атрибут за хипертекстова препратка) дефинира дестинацията или целта на връзката. Това обикновено е URL на уеб страница. Но има други възможни стойности.

Котва етикетите трябва също да включват съдържание на котва—съдържанието, към което е прикрепена връзката. В много случаи това е текст на котва (напр. „Semrush“). Но може да бъде HTML елемент, като изображение.

Системата ви за управление на съдържание (CMS) може да има инструменти, които елиминират необходимостта ръчно да кодирате връзки a href. Но е полезно да разберете как работят зад кулисите.

Съвет: Проверете за проблеми с връзките и други технически проблеми на сайта си с инструмента site Audit на Semrush. Можете да сканирате до 100 URL адреса безплатно.

Защо връзките Href са важни?

Връзките href са важни, защото са най-често използваният начин да се създадат хипервръзки. А хипервръзките помагат на потребителите и уеб ползвачите да навигират в интернет и да получават достъп до цифрови ресурси.

Има два основни типа хипервръзки, които можете да добавите към уебсайта си: вътрешни връзки и външни връзки. И връзките a href ви позволяват да създадете и двете.

Вътрешни връзки са хипервръзки към локации или ресурси на вашия домейн.

Примери включват:

• Навигационни връзки към други страници на сайта ви
• Контекстуални връзки към други страници на сайта ви
• Котва връзки (или скок връзки) на вашите страници
• Връзки към файлове (напр. електронни книги) на сървъра на вашия домейн

Чрез ефективно използване на вътрешни връзки, вие насърчавате потребителите да изследват сайта ви. Това може да означава, че те са по-склонни да направят покупка, да споделят съдържанието ви или да предприемат друго желана действие.

Освен това, вътрешните връзки помагат на Google да открие страници на вашия домейн. И да разбере как се връзват помежду си. Това може да доведе до по-високи класации в страниците с резултати от търсачките (SERP).

Външни връзки (или изходящи връзки) са хипервръзки към локации или ресурси извън вашия домейн.

Използвани правилно, външните връзки добавят стойност към съдържанието ви.

За пример, можете да изградите доверие, като линквате към надеждни източници. Или да споделите полезен инструмент, който не е наличен на сайта ви.

Джон Мюлер от Google твърди, че външните връзки към уважени сайтове не помагат за класациите на уебсайта. Но много SEO професионалисти вярват, че да.

5 най-добри практики за връзки A Href

При създаване на връзки a href, следвайте тези най-добри практики, за да сте сигурни, че хипервръзките ви работят правилно. И да носят максимална полза за сайта ви.

1. Изберете правилната стойност на атрибута Href

Стойността на атрибута href е дестинацията на връзката. Това може да бъде уеб страница, част от уеб страница, файл, имейл адрес или телефонен номер, за пример.

Дестинацията на връзката се поставя между кавичките на атрибута href, така:

Нека разгледаме основните типове стойности на href:

Относителни URL адреси

Относителният URL е път към ресурс на същия уебсайт.

За пример, логото на блога на Semrush има стойност на href „/blog/“:

Някои уеб разработчици използват относителни URL адреси за всички вътрешни връзки. Защото са кратки. И все още могат да функционират след миграция на сайта.

Въпреки това, препоръчваме да използвате абсолютни URL адреси за цели на SEO.

Абсолютни URL адреси

Абсолютният URL е пълният път към URL, включително протокола, домейна и всякакви допълнителни пътища или параметри.

За пример:

Ще трябва да използвате абсолютни URL адреси, когато добавяте външни връзки.

Но те са полезни и за вътрешни връзки. Защото винаги можете да линквате към каноничния URL—предпочитаната версия на дублирана страница.

Това премахва всякаква неяснота или объркване за търсачките. Така че може да помогне за SEO.

В видео на Google, Джон Мюлер каза, че линкването към канонични URL адреси „вероятно има малко повече смисъл, защото тогава не трябва да се тревожите за неща като достъп до не-WWW версията на уебсайта ви.“

Котва връзки

Котва връзките (или скок връзки) са връзки към различни части на същата страница.

За пример, всички връзки в съдържанието на тази статия са котва връзки.

За да създадете скок връзка, дайте на елемента, към който искате да линквате, атрибут id (id=“id-name“).

Така:

След това, създайте връзката, като използвате #id-name като стойност на href.

Така:

Алтернативно, използвайте href=“#top“ или href=“#“ , за да създадете скок към върха на страницата.

Mailto връзки

Атрибутът href=“mailto:“ създава mailto връзка, която отваря ново имейл в програмата за имейли на потребителя.

Обикновено се използва в комбинация с целеви имейл адрес.

За пример, имаме връзка href като тази в долната част на сайта ни:

Кликването на хипервръзката създава чернова на имейл като тази:

Можете също да добавите параметри като ред тема, съдържание на тялото и CC адрес към кода a href.

Да кажем, че искате кандидатите за работа да изпратят своето CV на jobs@example.com с ред тема „Web Developer Role“.

За да улесните, можете да добавите HTML връзка като тази:

Забележете, че „%20“ се използва вместо интервали. Това е пример за кодиране на URL—процес, който помага да се осигури правилното функциониране на параметрите.

Tel връзки

За да създадете tel връзка, използвайте атрибута href=“tel:“ в комбинация с телефонния номер.

Така:

Когато потребителят кликне на хипервръзката на съвместимо устройство, тя ще отвори номера в приложението за набиране. Улеснявайки им да ви се обадят.

2. Използвайте други атрибути на котва етикета

Атрибутът href е важен в котва елемента, защото дефинира дестинацията на връзката. Но можете да добавите други атрибути на котва етикета, за да определите какво се случва, когато потребителят кликне на връзката.

Тези атрибути могат също да помогнат на търсачките да разберат връзките ви. И следователно да подобрят SEO.

Ето бърз преглед на най-често срещаните:

Атрибут на котва	Цел	Пример с котва етикет
Download	Кажете на браузъра да изтегли свързания ресурс вместо да го отвори. Включете описателно име на файл между кавичките.	<a href=“example.pdf“ download=“Filename“>Download </a>
Rel	Информирайте търсачките за връзката между сайта ви и свързания ресурс. За пример, rel=“nofollow” моли търсачките да не третират връзката като препоръка за свързаната страница. (Това е важен концепт в изграждането на връзки.)	<a href=“https://www.example.com/“ rel=“nofollow“>Anchor Text</a>
Target	Кажете на браузъра къде да отвори връзката. За пример, target=“_blank“ отваря ресурса в нова раздел или прозорец. Докато target=“_self“ го запазва в същия фрейм.	<a href=“https://www.semrush.com/“ target=“_blank“>Semrush</a>
Title	Покажете подсказка, когато потребителят задържи мишката над връзката. Включете текста на подсказката между кавичките.	<a href=“https://www.semrush.com/“ title=“Semrush homepage“>Semrush</a>

Съвет: Определени видове връзки от други сайтове (баклинкове) могат да подобрят SEO. С инструмента Backlink Analytics на Semrush, можете лесно да анализирате баклинковете си и да ги сравните с тези на конкурентите.