Słownik Pojęć

Co to jest Atrybut Target?

z tego wpisu dowiesz się czym jest atrybut target.

Atrybut Target – definicija

Atrybut target to parametr znacznika hiperłącza (<a>) w języku HTML, który wskazuje przeglądarce, gdzie ma zostać wyświetlona strona docelowa po kliknięciu w link.

Zamiast po prostu przejść pod nowy adres w tym samym oknie, możemy nakazać przeglądarce otwarcie nowej karty lub konkretnej ramki. W kodzie wygląda to tak:

<a href="https://domena.pl" target="_blank">Tekst linku</a>

Najważniejsze wartości atrybutu target

W codziennej pracy z CMS (np. WordPress) spotkasz się głównie z dwoma z nich:

• target=”_self” (Domyślny): Otwiera link w tym samym oknie lub karcie, w której znajduje się użytkownik. Jest to standardowy sposób działania internetu.
• target=”_blank”: Otwiera link w nowej karcie lub nowym oknie przeglądarki. To najczęściej stosowana wartość w marketingu.
• target=”_parent”: Otwiera link w ramce nadrzędnej względem tej, w której link się znajduje (stosowane rzadziej, głównie w starych układach stron opartych na ramkach).
• target=”_top”: Powoduje otwarcie linku w pełnym oknie przeglądarki, usuwając wszystkie ramki.

Kiedy stosować target=”_blank”? (Dobre praktyki UX)

W branży panuje niepisana zasada dotycząca otwierania linków w nowej karcie:

• Linki zewnętrzne: Jeśli odsyłasz użytkownika do innego serwisu (np. do źródła danych lub strony partnera), używaj _blank. Dzięki temu użytkownik nie „ucieka” z Twojej strony – Twój artykuł zostaje otwarty w tle, co ułatwia mu powrót do lektury.
• Dokumenty PDF/Pliki: Instrukcje, cenniki czy regulaminy warto otwierać w nowej karcie, by nie przerywać procesu przeglądania oferty.
• Wewnątrz własnej strony: Tutaj trzymaj się domyślnego _self. Przesadne wymuszanie nowych kart przy przechodzeniu między podstronami (np. z „O nas” do „Oferta”) jest uznawane za błąd UX i irytuje użytkowników.

Bezpieczeństwo: Luka „Tabnabbing”

Stosowanie target="_blank" wiąże się z pewnym ryzykiem bezpieczeństwa. Strona otwarta w nowej karcie może (przez skrypt JavaScript) uzyskać częściową kontrolę nad stroną, z której przyszła. Może np. zmienić adres URL Twojej strony w tle na fałszywy panel logowania.

Aby się przed tym chronić, nowoczesne przeglądarki (i systemy CMS) automatycznie dodają do linków atrybut:

rel="noopener noreferrer"

Pamiętaj: Zawsze upewnij się, że Twoje linki z _blank mają dodany ten parametr. To absolutna podstawa higieny technicznego SEO.

Ciekawostki o Atrybucie Target

• Dostępność (Accessibility): Dla osób korzystających z czytników ekranu (osoby niewidome) nagłe otwarcie nowej karty bez ostrzeżenia może być bardzo dezorientujące. Dobrą praktyką jest dodanie w tekście linku krótkiej informacji, np. (otwiera się w nowym oknie).
• Mobilny internet: Na smartfonach nadużywanie target=”_blank” jest jeszcze bardziej uciążliwe niż na komputerach, ponieważ zarządzanie wieloma otwartymi kartami w mobilnych przeglądarkach jest mniej wygodne.