Atrybuty rel
Atrybut rel w HTML opisuje semantyczną relację pomiędzy bieżącym dokumentem a zasobem wskazanym przez link, dostarczając przeglądarkom, wyszukiwarkom i systemom automatycznym (scrappery, crawlery, boty) informacji o charakterze tego powiązania.
Zapoznaj się z popularnymi atrybutami rel, które wykorzystywane są w optymalizacji stron internetowych pod wyszukiwarki (SEO) oraz przeglądarki internetowe.
Czym jest atrybut rel?
Za pomocą atrybutu rel wskazujemy wyszukiwarką i przeglądarką relacje pomiędzy dokumentami oraz zasobami.
Większość z atrybutów rel mają wpływ na SEO. Te, które dotyczą relacji samych dokumentów wpływają na indeksowanie przez Googlebota. Te atrybuty, które pokazują relacje z zasobami, zazwyczaj pozwalają przyspieszyć ładowanie się strony.
Na poniższych podstronach zaprezentujemy Wam opisy atrybutów rel od tych najpopularniejszych jak canonical, nofollow, czy autor. Przez bardziej zaawansowane, jak np. atrybut rel=”dns-prefetch”.
Większość atrybutór rel musimy umieszczać pomiędzy tagami. Wyjątkami są rel podawane w linkach.
Najczęściej spotykane w SEO i bezpieczeństwie.
| rel | Znaczenie | Kiedy używać |
|---|---|---|
| nofollow | Nie przekazuj autorytetu | Linki sponsorowane, UGC |
| noopener | Odcięcie window.opener | target="_blank" (security) |
| noreferrer | Nie wysyłaj referera | Prywatność + security |
| ugc | User Generated Content | Komentarze, fora |
| sponsored | Link płatny | Reklamy, afiliacje |
| external | Link zewnętrzny | Informacyjne (bez wpływu SEO) |
| help | Link do pomocy | UX |
| license | Informacja o licencji | Open content |
| me | Tożsamość autora | Profile, IndieWeb |
| next | Następna strona | Paginacja |
| prev | Poprzednia strona | Paginacja |
| bookmark | Stały link | Anchory |
| tag | Tag tematyczny | Blogi |
| author | Autor treści | Artykuły |
| search | Wyszukiwarka | Link do search |
| alternate | Alternatywna wersja | Język, format |