Czy otwieranie linków w nowej karcie wpływa na SEO? Jak poprawnie stosować target=”_blank”, by nie zaszkodzić pozycji w Google

Jak optymalnie stosować target="_blank" w HTML dla lepszego SEO i UX?

Czy otwieranie linków w nowej karcie wpływa na SEO? Tak, choć nie bezpośrednio. Użycie atrybutu target="_blank" w linkach HTML może pośrednio poprawić doświadczenie użytkownika (UX), co z kolei może wpłynąć na pozycjonowanie strony w Google. Chodzi o to, by ułatwić użytkownikowi eksplorację zasobów zewnętrznych, jednocześnie zachęcając go do pozostania na twojej stronie.

Samo target="_blank" nie jest czynnikiem rankingowym, ale wpływa na wskaźniki zaangażowania, takie jak:

• Czas spędzony na stronie: otwieranie linków zewnętrznych w nowej karcie zapobiega opuszczeniu twojej strony przez użytkownika.
• Współczynnik odrzuceń: dłuższy czas spędzony na stronie zwykle oznacza niższy współczynnik odrzuceń, co jest pozytywnym sygnałem dla Google.
• Konwersje: utrzymanie użytkownika na stronie zwiększa szanse na konwersję.

Jednak aby te korzyści były realne, należy pamiętać o kilku ważnych aspektach.

„`html

Czy target="_blank" wpływa na SEO? Fakty i najlepsze praktyki

Choć bezpośredni wpływ target="_blank" na ranking jest znikomy, pośrednie korzyści są istotne. Kluczem jest poprawa UX. Zastanów się:

• Czy użytkownicy wracają na Twoją stronę po kliknięciu linku? Jeśli tak, to znak, że link jest wartościowy, a otwieranie go w nowej karcie ułatwia nawigację.
• Czy otwieranie linków w nowej karcie jest intuicyjne dla Twojej grupy docelowej? Niektóre grupy preferują otwieranie wszystkiego w tej samej karcie.

Ważne: Atrybut target="_blank" sam w sobie nie wystarczy. Trzeba go stosować z rozwagą, dbając o bezpieczeństwo i dostępność.

Bezpieczeństwo przede wszystkim: dlaczego rel="noopener noreferrer" jest kluczowe?

Używając target="_blank" bez odpowiedniego zabezpieczenia, narażasz użytkowników na potencjalny atak typu „tab nabbing”. Na czym to polega?

Strona, do której linkujesz, może przejąć kontrolę nad stroną, z której wyszedł użytkownik (Twoją stroną). Może to zrobić za pomocą JavaScriptu, zmieniając adres URL Twojej strony na fałszywą stronę logowania lub inną stronę phishingową. Użytkownik, wracając do karty z Twoją stroną, może nie zauważyć zmiany i paść ofiarą oszustwa.

Atrybut rel="noopener" zapobiega temu, odcinając dostęp do obiektu window.opener, który pozwala stronie docelowej kontrolować stronę źródłową. rel="noreferrer" dodatkowo ukrywa informację o stronie odsyłającej w nagłówkach HTTP, co zwiększa prywatność użytkownika.

Dlatego zawsze dodawaj rel="noopener noreferrer" do każdego linku z target="_blank":

<a href="https://example.com" target="_blank" rel="noopener noreferrer">Link zewnętrzny</a>

Nowsze przeglądarki automatycznie zabezpieczają window.opener, ale dodanie atrybutu rel="noopener noreferrer" to dobra praktyka dla zapewnienia kompatybilności ze starszymi wersjami.

Dostępność i użyteczność dla wszystkich użytkowników

Otwieranie linków w nowej karcie może być problematyczne dla osób korzystających z czytników ekranu. Czytnik może nie poinformować użytkownika, że link otwiera się w nowej karcie, co dezorientuje. Dlatego:

• Oznaczaj linki otwierające się w nowej karcie: Dodaj ikonę (np. małą ikonę okna) lub tekstową wskazówkę (np. „otwiera się w nowej karcie”) obok linku.
• Upewnij się, że ikona jest czytelna dla czytników ekranu: Użyj atrybutu aria-label, aby opisać funkcję ikony.

Przykład:

<a href="https://example.com" target="_blank" rel="noopener noreferrer">Example.com <span aria-label="Otwiera się w nowej karcie"><i class="fa fa-external-link"></i></span></a>

Nofollow, sponsored i UGC: jak zarządzać „mocą” linków?

Atrybut rel ma również inne ważne wartości, które wpływają na SEO:

• nofollow: Informuje Google, że nie chcesz przekazywać „mocy” linkowanej stronie. Stosuj go do linków, za które zapłaciłeś, linków w komentarzach (jeśli nie ufasz autorom) oraz do stron, których nie chcesz rekomendować.
• sponsored: Dedykowany atrybut dla linków reklamowych i sponsorowanych. Pomaga Google lepiej zrozumieć charakter linku.
• ugc: Oznacza link wygenerowany przez użytkownika (User Generated Content), np. w komentarzach lub na forum.

Przykład:

<a href="https://example.com" rel="nofollow">Link nofollow</a>

<a href="https://example.com" rel="sponsored">Link sponsorowany</a>

„`

Kiedy stosować target="_blank", a kiedy tego unikać?

Oto kilka konkretnych scenariuszy:

• Stosuj target="_blank":
  • Linkujesz do zewnętrznych źródeł, np. artykułów naukowych, raportów branżowych.
  • Odsyłasz do dokumentów PDF, które otwierają się w nowym oknie.
  • Kierujesz do formularzy, które wymagają wypełnienia w osobnym oknie.
• Unikaj target="_blank":
  • Linkujesz do podstron w obrębie swojej witryny. Użytkownik powinien nawigować po Twojej stronie w tej samej karcie.
  • Link jest częścią nawigacji, np. w menu.
  • Użytkownicy mogą być zdezorientowani otwieraniem nowej karty (np. osoby starsze).

„`html

Checklista: Jak poprawnie stosować target="_blank"

Podsumowując, oto najważniejsze zasady:

• Używaj z rozwagą: Zastanów się, czy otwieranie linku w nowej karcie jest rzeczywiście konieczne i poprawia UX.
• Zabezpiecz linki: Zawsze dodawaj rel="noopener noreferrer".
• Dbaj o dostępność: Oznaczaj linki otwierające się w nowej karcie.
• Stosuj odpowiednie atrybuty rel: Używaj nofollow, sponsored i ugc zgodnie z przeznaczeniem.
• Testuj i analizuj: Sprawdzaj, jak użytkownicy reagują na Twoje linki i dostosowuj strategię.

Stosując się do tych zasad, możesz wykorzystać potencjał target="_blank" do poprawy UX i pośrednio wpłynąć na pozycję Twojej strony w Google. Pamiętaj, że najważniejszy jest komfort i zadowolenie użytkownika. Zadbaj o to, a algorytmy Google to docenią.

„`

---

O autorze | Specjalista SEO: Mateusz Kozłowski

Mateusz Kozłowski, SEO Freelancer / Specjalista SEO z pasją związany z marketingiem internetowym (w tym z pozycjonowaniem strony) od 2005 roku. Zdobywał doświadczenie, pracując z różnej wielkości klientami, od startupów po duże korporacje. Pozycjonował i pozycjonuje projekty polskie jak i zagraniczne. W 2011 roku założył własną firmę, pomagając firmom zwiększać widoczność w internecie. Pasjonat sztucznej inteligencji (AI), tworzy oprogramowanie wykorzystujące API OpenAI. Na blogu dzieli się wiedzą i praktycznymi poradami z zakresu SEO oraz AI.