Co to jest znacznik zakotwiczenia?
Znacznik zakotwiczenia jest znacznikiem HTML. Jest on używany do definiowania początku i końca linku hipertekstowego. Wyszukiwarki używają tego znacznika do określenia tematu docelowego adresu URL. Użytkownicy klikają na tekst kotwicy, aby dotrzeć do celu linku.
Jak zbudować hiperłącze za pomocą znacznika kotwicy w HTML
<a href="http://www.example.com">My sample page </a>
Znacznik kotwicy jest zdefiniowany i składa się z trzech części:
- atrybut href,
- atrybut name,
- i atrybut target.
atrybut href
Aby utworzyć hiperłącze, musi być znane miejsce docelowe (adres) dokumentu. Hiperłącze może odsyłać do stron we własnej domenie, do innych stron internetowych lub do pliku (np. dokumentu PDF).
Na przykład, aby odsyłać do strony głównej Google, kod wygląda następująco:
<a href="http://www.google.com">Google Home</a>
Href oznacza odnośnik hipertekstowy. Atrybut ten określa adres docelowy dokumentu, do którego tym razem jest link (http://www.google.com). Znak „=” jest połączeniem atrybutu z wartością atrybutu, przy czym „href” jest atrybutem, a ” http://www.google.com ” jest wartością atrybutu. Przed i po wartości atrybutu znajduje się apostrof. Zdefiniowana fraza „Google Home” jest znana jako anchor text lub link text – to jest to, co jest widoczne i klikalne dla użytkownika. Najlepiej, aby anchor text był zwięzły, informacyjny i odnosił się do strony docelowej.
Jeśli chcesz zamieścić link wewnętrzny do innej części witryny, nie musisz podawać pełnego adresu, w tym przypadku wystarczy nazwa pliku:
<a href="MyPage.html">My page</a>
Użycie pełnego adresu może spowodować wolniejsze ładowanie strony. Zobacz też „Szybkość strony.”
Atrybut nazwa
Atrybut nazwa tagu kotwicy może być użyty, aby umożliwić użytkownikom „przeskok” do określonego punktu na stronie (znacznik skoku, kotwica). Jest to szczególnie przydatne w przypadku dużych stron lub poddziałów.
Kod HTML wygląda następująco:
<a name="to top"></a> or<a name="Content"></a>Content
W pierwszym przykładzie kodu, łączysz się z dołu strony z powrotem na jej początek, dzięki czemu użytkownicy mogą szybko dostać się na górę strony bez konieczności długiego przewijania. W drugim przykładzie, użytkownicy mogą bezpośrednio przejść do części strony, na przykład do punktu podziału. Klikając, użytkownicy są prowadzeni przez atrybut nazwy bezpośrednio do tematu.
<a href="#Content">Content</a>
Po prostu ustawiając znacznik hash (#) przy nazwie kotwicy, przeglądarka może zidentyfikować skok w obrębie strony.
Możesz również wewnętrznie połączyć się z określonym miejscem na innej stronie. Byłoby to zdefiniowane w następujący sposób:
<a href="anotherpage.html#name">Linktext</a>
„#nazwa” jest określona po nazwie pliku.
Atrybut celu
Atrybut celu określa, w jaki sposób strona docelowa lub dokument docelowy powinien zostać otwarty. „target=” _ blank ” jest używany do otwierania strony docelowej w nowej karcie. Jest to zwykła opcja, gdy używamy atrybutów celu do linkowania do innych stron.
<a href="http://www.mypage.com" target="_blank" rel="noopener">Linktext</a>
Atrybut tytułu
Atrybut tytułu daje użytkownikom ważną wskazówkę, gdzie zostaną skierowani po kliknięciu na link. Jeśli użytkownik najedzie myszką na odnośnik, zostanie wyświetlony tekst tytułu, który został zdefiniowany w atrybucie. Może to być wskazówka narzędziowa lub opis zasobu, do którego kieruje link. Dane z atrybutu title sprawiają, że strona staje się bardziej przyjazna dla użytkownika.
Atrybut title może być również używany dla obrazów i plików graficznych, aby dać krótki opis tego, co jest pokazane na obrazku.
<img title="Here you can see a sample image" src="exampleimage.png" alt="sample image">
Znaczenie dla optymalizacji pod kątem wyszukiwarek
Ciąg „przygotowanie” w górnym odnośniku HTML jest tekstem linku, który jest widoczny w tekście strony i może pojawić się jako niebieski tekst lub podkreślony, w zależności od układu. Link text jest również nazywany anchor text i jest szczególnie ważny z punktu widzenia optymalizacji pod kątem wyszukiwarek. Tekst zakotwiczenia jest częścią znacznika zakotwiczenia.
Znaczniki zakotwiczenia są podstawowym sposobem optymalizacji dokumentów HTML dla wyszukiwarek. Atrybuty anchor text i title dają użytkownikom i wyszukiwarkom więcej informacji o linku docelowym. Podobnie jak w przypadku czystych adresów URL, istotne jest przeprowadzenie badań słów kluczowych dla anchor textów dla linków wewnętrznych, ponieważ jeśli zostaną w nich umieszczone ważne słowa kluczowe, może to przynieść korzyści zarówno użytkownikom, jak i wyszukiwarkom, prowadząc do poprawy pozycji w rankingu.
Różnicowanie pomiędzy linkami wewnętrznymi a zewnętrznymi jest szczególnie ważne w przypadku anchor tagów. Na przykład, nie ma ograniczeń co do stosowania słów kluczowych w anchor text dla linków wewnętrznych. Webmasterzy i SEO mogą bezpośrednio linkować poszczególne słowa kluczowe bez ryzyka kar ze strony wyszukiwarek. Łącząc konkretne słowa kluczowe w witrynie, można wzmocnić znaczenie tematyczne podstrony, a tym samym wpłynąć na jej ranking.
Z drugiej strony, w przypadku linków zwrotnych nadmierne stosowanie linków ze słowami kluczowymi może prowadzić do nałożenia kary przez Google od czasu wdrożenia aktualizacji Pingwin.
Atrybut tytułu dla znaczników zakotwiczenia zasadniczo nie ma bezpośredniego wpływu na SEO. Jednak użycie atrybutów tytułu i elementów na linkach lub obrazach może zwiększyć współczynnik klikalności, a tym samym pośrednio wpłynąć na sygnały od użytkownika, które Google otrzymuje z witryny.