Home / Blog / SEO

Што е A Href врска?

октомври 18, 2023 2 min read By alienroad SEO
Summarize with AI
10 views
2 min read

A Href врски: Што се тие и како да се користат

„A href врска“ (или „href врска“) е HTML код што користи <a> таг и href атрибут за да создаде кликабилна хиперврска.

На пример, оваа href врска создава хиперврска „Semrush“:

<a href="https://www.semrush.com/">Semrush</a>

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

Анкер елементите се дефинираат со почетниот таг <a> и завршниот таг </a>.

href атрибутот (атрибут за хипертекст референца) дефинира дестинација или цел на врската. Ова често е URL на веб-страница. Но, постојат и други можни вредности.

Анкер таговите треба да вклучуваат и содржина на анкер—содржината на која е прицврстена врската. Во многу случаи, ова е анкер текст (на пр. „Semrush“). Но, може да биде и HTML елемент, како слика.

Основна анатомија на href врска

Вашиот систем за управување со содржина (CMS) може да има алатки што ја елиминираат потребата од рачно кодирање на href врски. Но, корисно е да разберете како функционираат зад сцената.

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

Пронајдете и Поправете Проблеми со Врски

со алатката Site Audit

Испробајте бесплатно →
Илустрација за огласи

Href врските се важни затоа што се најчесто користениот начин за создавање на хиперврски. А хиперврските им помагаат на корисниците и веб прелистувачите да навигираат низ интернетот и да пристапат до дигитални ресурси.

Постојат два главни типа на хиперврски што можете да ги додадете на вашиот веб-сајт: внатрешни врски и надворешни врски. И A href врските ви овозможуваат да создадете и двете.

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

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

  • Навигациски врски до други страници на вашиот сајт
  • Контекстуални врски до други страници на вашиот сајт
  • Анкер врски (или скокни врски) на вашите страници
  • Врски до фајлови (на пр. ebooks) на серверот на вашиот домен

Со ефективно користење на внатрешни врски, ги охрабрувате корисниците да го истражуваат вашиот сајт. Ова може да значи дека тие се посклони да купат, да споделат содржина или да преземат друга посакувана акција.

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

Надворешни врски (или излезни врски) се хиперврски до локации или ресурси надвор од вашиот домен.

Кога се користат правилно, надворешните врски додаваат вредност на вашата содржина.

На пример, можете да изградите доверба со линкување до доверливи извори. Или да споделите корисен алат што не е достапен на вашиот сајт.

Џон Мулер од Google тврди дека надворешните врски до репутабилни сајтови не помагаат за рангирањето на веб-сајтот. Но, многу SEO професионалци веруваат дека помагаат.

Кога создавате A href врски, следете ги овие најдобри практики за да се осигурате дека вашите хиперврски функционираат правилно. И да го донесат максималниот бенефит за вашиот сајт.

1. Изберете ја Правилната Вредност на Href Атрибутот

Вредноста на href атрибутот е дестинацијата на врската. Ова може да биде веб-страница, дел од веб-страница, фајл, е-поштенска адреса или телефонски број, на пример.

Дестинацијата на врската се става меѓу наводниците на href атрибутот, вака:

href="value"

Да ги истражиме главните типови на href вредности:

Релативни URL-и

Релативен URL е патека до ресурс на истиот веб-сајт.

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

Лого на блогот на Semrush во код

Некои веб-девојелпери користат релативни URL-и за сите внатрешни врски. Затоа што се концизни. И можат да функционираат и по миграција на сајтот.

Сепак, препорачуваме користење на апсолутни URL-и за SEO цели.

Апсолутни URL-и

Апсолутен URL е целосната патека до URL, вклучувајќи го протоколот, доменот и било какви дополнителни патеки или параметри.

На пример:

href="https://www.semrush.com/blog/"

Ќе ви требаат апсолутни URL-и кога додавате надворешни врски.

Но, тие се корисни и за внатрешни врски. Затоа што секогаш можете да линкувате до каноничниот URL—преферираната верзија на дуплицирана страница.

Ова ја отстранува било каква нејасност или забуна за пребарувачките. Па, може да помогне за вашиот SEO.

Во видео на Google, Џон Мулер рече дека линкувањето до канонични URL-и „веројатно има малку повеќе смисла, затоа што тогаш не мора да се грижите за работи како пристапување до не-WWW верзијата на вашиот сајт.“

Анкер врските (или скокни врски) се врски до различни делови од истата страница.

На пример, сите врски во содржината на табелата за оваа статија се анкер врски.

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

Вака:

<h2 id="faqs">FAQs</h2>

Потоа, создајте ја врската со користење на #id-name како href вредност.

Вака:

<a href="#faqs">jump to our FAQs</a>

Алтернативно, користете href=”#top” или href=”#” за да создадете скок до врвот на страницата.

Href=”mailto:” атрибутот создава mailto врска што отвора нов е-поштенски порака во е-поштенскиот програм на корисникот.

Обично се користи во комбинација со целна е-поштенска адреса.

На пример, имаме href врска вака во подножјето на нашиот сајт:

<a href="mailto:mail@semrush.com">mail@semrush.com</a>

Кликнувањето на хиперврската создава нацрт на е-пошта вака:

Кликнувањето на "mail@semrush.com" создава нацрт на е-пошта

Можете и да додадете параметри како тема, содржина на пораката и CC адреса во A href кодот.

Речиме, сакате кандидатите за работа да го испратат своето CV на jobs@example.com со темата „Рола на Веб Девојелпер“.

За да го олесните, можете да додадете HTML врска вака:

<a href="mailto:jobs@example.com?subject=Web%20Developer%20Role">Apply Now</a>

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

За да создадете tel врска, користете го href=”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, лесно можете да ги анализирате вашите беклинкови и да ги споредите со оние на конкурентите.

Анализирајте ги вашите беклинкови

со алатката Backlink Analytics

Испробајте бесплатно →
Илустрација за огласи