Definicja

Anchor tags to znaczniki HTML, które są używane do tworzenia hiperłączy. Linki i hiperłącza stanowią podstawę nawigacji w sieci i są tym, co klikasz, aby przejść z jednej strony na drugą w witrynie. Praktycznie każdy element na stronie może być zawinięty w znaczniki kotwicy i przekształcony w link, od zwykłego tekstu do obrazów i innych elementów HTML.

Atrybuty znacznika kotwicy

Znacznik HTML <a>, znany również jako znacznik kotwicy, akceptuje szereg różnych atrybutów. Atrybuty HTML są danymi dodawanymi do znacznika w celu przekazania dodatkowych informacji. Większość z nich jest opcjonalna, ale niektóre są wymagane. Znacznik kotwicy wymaga atrybutu href jako minimum, ale istnieje wiele innych opcjonalnych atrybutów.

Przykład znacznika kotwicy HTML używającego kilku atrybutów może wyglądać następująco:

<a href="www.google.com" name="google_link" target="_blank" title="Link to Google">Link to Google</a>

Atrybut href

Atrybut href jest wymagany, ponieważ to właśnie on tworzy link. Href oznacza odnośnik hipertekstowy i zawiera adres URL, na który należy wysłać użytkowników, gdy klikną na link. W powyższym przykładzie jest to www.google.com.

Atrybut name

Atrybut name jest obecnie przestarzały od HTML5, a zamiast niego zaleca się używanie atrybutu id. Przed HTML5, atrybuty name i id były wymienne. Były one używane do nadania elementowi nazwy w celu zidentyfikowania go do użycia w innych miejscach, takich jak CSS lub javascript.

Atrybut target

Atrybut target jest używany do opisania sposobu, w jaki użytkownik zostanie wysłany na stronę w linku. Dwie najczęstsze wartości to:

• „_self”, który jest opcją domyślną, jeśli nie określono inaczej, i wysyła użytkowników do linku w tym samym kontekście przeglądania, zwykle w zakładce.

• „_blank” otwiera link w nowym oknie lub karcie. Jest to zwykle używane do łączenia się z zewnętrznymi stronami.

Inne atrybuty docelowe obejmują „_parent” i „_top”, chociaż są one rzadko używane i miały zastosowanie, gdy ramki iframe były szeroko stosowane, które od tego czasu wypadły z łask. Umożliwiały one programistom otwieranie odnośnika w ramce nadrzędnej lub najwyższej ramce na stronie.

Atrybut title

Atrybut title jest używany do nadania nazwy odnośnikowi. Nazwa ta będzie widoczna w kilku kontekstach, na przykład kiedy użytkownik najedzie myszką na link, oraz kiedy użytkownik z czytnikiem ekranu podświetli znacznik zakotwiczenia. Jest to opcjonalne, ale zalecane dla celów dostępności.

Dodatkowe atrybuty

Znacznik kotwicy obsługuje dodatkowe atrybuty. Niektóre z nich są wspólne dla innych znaczników HTML, takich jak 'class' i 'id', ale niektóre z nich są unikalne dla znacznika kotwicy. Zazwyczaj odnoszą się one do bardzo specyficznych przypadków użycia.

Atrybut pobierania

Daje on przeglądarce wskazówkę, że odnośnik powinien spowodować pobranie linkowanej zawartości, a nie nawigację do niej. Może być pozostawiony pusty, w tym przypadku zostanie użyty best-guess do określenia nazwy pliku, ale jakakolwiek wartość wprowadzona do tagu download zostanie użyta dla sugerowanej nazwy pliku.

atrybut hreflang

Ten atrybut HTML może być użyty do określenia alternatywnych wersji językowych danej strony internetowej. Będzie to wartość, taka jak „fr” dla języka francuskiego lub „en-GB” dla brytyjskiego angielskiego. Hreflang może być użyteczny do zapewnienia dodatkowego kontekstu dla wyszukiwarek i zapobiegania duplikacji treści.

atrybut rel

Atrybut rel HTML pozwala na określenie relacji pomiędzy dwoma stronami. Przyjmuje on szereg wartości, w tym „kanoniczny”, „zewnętrzny” i „pomoc”. Wskazują one na pewne zachowania, takie jak to, że link jest przeznaczony jako kanoniczna wersja strony, link zewnętrzny poza kontrolą witryny, lub że link zawiera więcej informacji na temat bieżącego linku.

Ważność dla optymalizacji pod kątem wyszukiwarek

Znaczniki anchor są podstawą funkcjonowania sieci, a kilka atrybutów w ramach znacznika anchor jest szczególnie przydatnych w odniesieniu do SEO. Strony wielojęzyczne powinny korzystać z atrybutu hreflang. Ponadto, dobrą praktyką SEO jest używanie rel=canonical do oznaczania kanonicznych wersji stron. W przeciwnym razie wyszukiwarki mogą uznać różne wersje URL tej samej strony (np. ze względu na parametry URL) za zduplikowaną treść, co może mieć negatywny wpływ na rankingi wyszukiwarek.

Atrybut rel może również zawierać wartości takie jak „nofollow”. Nofollow określa, że linkowana strona nie powinna być śledzona i indeksowana przez wyszukiwarki.

Podsumowanie: FAQ dotyczące znaczników zakotwiczenia

Do czego służą znaczniki zakotwiczenia?

Znaczniki zakotwiczenia służą do przekształcania tekstu, obrazów lub innych elementów HTML w hiperłącza.

Jak utworzyć znacznik zakotwiczenia?

Możesz utworzyć znaczniki zakotwiczenia w HTML, używając znacznika <a> w połączeniu z jednym lub więcej atrybutami.

Jakie są najważniejsze atrybuty znacznika anchor?

Najważniejsze atrybuty to:

• Href
• Nazwa
• Target
• Title

Jak znaczniki anchor wpływają na SEO?

Znaczniki kotwicy mają znaczenie dla SEO, ponieważ mogą być używane na przykład do tworzenia linków kanonicznych w celu uniknięcia duplikatów treści.

Powiązane linki

• https://www.w3schools.com/tags/tag_a.asp

Podobne artykuły

• Znacznik kanoniczny