Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak otwierać zewnętrzne linki w nowym oknie lub karcie w WordPress

To frustrujące uczucie. Ciężko pracowałeś, aby sprowadzić odwiedzającego na swoją stronę, tylko po to, aby kliknął zewnętrzny link i zniknął na zawsze.

W WPBeginner stale kierujemy czytelników do pomocnych zasobów na innych stronach, ale nigdy nie chcemy ich w tym procesie stracić. Dlatego mamy zasadę otwierania wszystkich zewnętrznych linków w nowej karcie przeglądarki.

Ta mała modyfikacja sprawia, że Twoje treści pozostają otwarte w oryginalnej karcie, dzięki czemu łatwo jest do nich wrócić. To prosty sposób na poprawę doświadczenia użytkownika i utrzymanie zaangażowania odwiedzających na Twojej stronie.

W tym przewodniku pokażemy Ci kilka łatwych metod, jak to skonfigurować na własnej stronie WordPress. Będziesz mógł wybrać najlepsze podejście dla swojego przepływu pracy.

Jak otwierać zewnętrzne linki w nowym oknie lub karcie w WordPress

Dlaczego otwierać zewnętrzne linki w nowym oknie lub karcie?

Linki zewnętrzne to linki do stron internetowych, których nie posiadasz ani nie kontrolujesz. Zazwyczaj, jeśli dodasz link do zewnętrznej strony internetowej, Twoi odwiedzający po prostu opuszczą Twoją stronę, klikając ten link.

Niektórzy eksperci od doświadczenia użytkownika twierdzą, że wszystkie linki powinny otwierać się w tej samej karcie przeglądarki, aby zapewnić odwiedzającym pełną kontrolę.

Uważamy jednak, że w przypadku witryn z treściami otwieranie zewnętrznych linków w nowej karcie zapewnia lepsze doświadczenie dla Twoich użytkowników. Utrzymuje Twoją witrynę otwartą, dzięki czemu odwiedzający nie tracą swojego miejsca i mogą łatwo wrócić po sprawdzeniu innego zasobu.

Dla lepszego doświadczenia użytkownika zalecamy otwieranie zewnętrznych linków w nowym oknie (w starszych przeglądarkach) lub nowej karcie (w nowoczesnych przeglądarkach). W ten sposób oryginalna strona internetowa nie zostanie utracona, a użytkownicy będą mogli wznowić przeglądanie Twojej witryny, przełączając się z powrotem.

Inną korzyścią otwierania zewnętrznych linków w nowej karcie jest zwiększenie liczby wyświetleń stron i zaangażowania użytkowników na Twojej stronie. Użytkownicy, którzy spędzają więcej czasu na Twojej stronie, chętniej zapiszą się na Twój newsletter e-mailowy, będą Cię śledzić w mediach społecznościowych, zostawią komentarz i kupią Twoje produkty.

Mając to na uwadze, przyjrzyjmy się, jak łatwo otwierać zewnętrzne linki w nowym oknie lub karcie w WordPressie. Omówimy różne metody, abyś mógł wybrać tę, która najlepiej Ci odpowiada:

  1. Otwieranie zewnętrznych linków w nowej karcie za pomocą edytora bloków
  2. Otwieranie zewnętrznych linków w nowej karcie za pomocą klasycznego edytora
  3. Otwieranie zewnętrznych linków w nowej karcie za pomocą kodu HTML
  4. Otwieranie linków nawigacyjnych w nowej karcie
  5. Automatyczne otwieranie wszystkich zewnętrznych linków w nowej karcie za pomocą wtyczki
  6. 6. Automatyczne otwieranie wszystkich zewnętrznych linków w nowej karcie za pomocą kodu
  7. Samouczek wideo
  8. Frequently Asked Questions

    Edytor bloków WordPress ma wbudowaną funkcję, która pozwala otwierać zewnętrzne linki w nowej karcie. W najnowszych wersjach WordPressa ta opcja jest widoczna podczas dodawania linku.

    Po prostu edytuj wpis na blogu lub stronę, do której chcesz dodać zewnętrzny link. Następnie zaznacz tekst, który chcesz połączyć, a następnie kliknij przycisk „Link”. Możesz również nacisnąć skrót klawiszowy CTRL+K w systemie Windows lub Command+K na Macu.

    Dodawanie linku w edytorze blokowym

    Spowoduje to wyświetlenie okna podręcznego wstawiania linku. Po prostu wprowadź link i naciśnij „Enter”.

    Następnie musisz przełączyć opcję „Otwórz w nowej karcie” na pozycję Włączone.

    Opcja „Otwórz w nowej karcie” w edytorze blokowym

    Link otworzy się teraz w nowej karcie.

    Jeśli nadal korzystasz z klasycznego edytora, zalecamy rozpoczęcie korzystania z nowego edytora. Jest nowoczesny, szybszy i zawiera wiele nowych funkcji, z których obecnie korzystasz.

    Jeśli jednak nadal chcesz używać klasycznego edytora, oto jak dodać link otwierający się w nowej karcie.

    Najpierw musisz edytować wpis lub stronę, do której chcesz dodać link. Następnie zaznacz tekst, który chcesz połączyć, znany jako tekst kotwicy. Następnie możesz kliknąć przycisk „Wstaw/edytuj link”.

    Dodaj nowy link w klasycznym edytorze

    Pojawi się okno podręczne, w którym możesz dodać swój zewnętrzny link.

    Następnie kliknij ikonę koła zębatego obok niej. Spowoduje to wyświetlenie wyskakującego okienka zaawansowanego wstawiania linku.

    Otwórz link w nowej karcie za pomocą klasycznego edytora

    Stąd musisz zaznaczyć opcję „Otwórz link w nowej karcie”. Następnie kliknij przycisk „Zaktualizuj” na dole, aby dodać swój link.

    Czasami może być konieczne napisanie kodu HTML, aby dodać link w WordPressie. Na przykład, będziesz musiał to zrobić, używając trybu HTML w nowym edytorze bloków lub dodając link w pliku szablonu WordPress.

    Link można dodać za pomocą kodu HTML w następujący sposób:

    <a href="http://example.com" target="_blank" rel="noopener noreferrer">Link Text</a>
    

    Parametr target="_blank" informuje przeglądarki o otwarciu linku w nowej karcie. Część rel="noopener noreferrer" to ważna funkcja bezpieczeństwa, która zapobiega dostępowi nowej karty do Twojej oryginalnej strony.

    Najlepszą praktyką jest zawsze uwzględnianie tego w linkach otwierających się w nowej karcie. Po prostu zastąp „example.com” zewnętrznym adresem URL linku i „Tekst linku” tekstem kotwicy, którego chcesz użyć.

    Na swojej stronie WordPress możesz dodawać zewnętrzne linki w menu nawigacyjnym witryny. Sposób, w jaki to zrobisz, zależy od tego, czy używasz tradycyjnego motywu, czy motywu blokowego.

    Otwieranie linków w menu nawigacyjnym w nowej karcie dla motywów klasycznych

    Aby otworzyć linki w menu wychodzącym w nowej karcie, przejdź do Wygląd » Menu z obszaru administracyjnego WordPressa.

    Następnie kliknij przycisk „Opcje ekranu” w prawym górnym rogu ekranu.

    Opcje ekranu

    Po kliknięciu przycisku zobaczysz teraz więcej opcji.

    Przejdź dalej i zaznacz opcję „Cel linku” w sekcji „Pokaż zaawansowane właściwości menu”.

    Wybierz opcję Cel linku

    Następnie możesz dodać niestandardowy link do swojego menu nawigacyjnego, wprowadzając adres URL, tekst linku i klikając przycisk „Dodaj do menu”.

    Twój niestandardowy link pojawi się teraz w kolumnie Struktura menu. Możesz teraz wybrać opcję „Otwórz link w nowej karcie”, aby otworzyć zewnętrzny link w innej karcie.

    Otwórz zewnętrzny link w nowej karcie w menu

    Po zakończeniu kliknij przycisk „Zapisz menu” na dole.

    Otwieranie linków menu nawigacyjnego w nowej karcie dla motywów blokowych

    Jeśli używasz motywu blokowego, musisz przejść do sekcji Wygląd » Motywy i użyć Edytora Pełnej Strony, aby otworzyć linki menu wychodzącego w nowej karcie.

    Najpierw kliknij w dowolnym miejscu nagłówka, aby go zaznaczyć, a następnie kliknij menu nawigacyjne swojej witryny. Aby upewnić się, że masz zaznaczone całe menu, zalecamy użycie Widoku listy.

    Po prostu kliknij ikonę Widok listy (trzy poziome linie) u góry ekranu i wybierz blok „Nawigacja” z konspektu. Po wybraniu zobaczysz ikonę „+” na końcu elementów menu.

    Wybierz Blok Nawigacji i kliknij ikonę +

    Wskazówka: Wybieranie bloków w Edytorze pełnej witryny może być trudne, dlatego wielu użytkowników uważa, że łatwiej jest korzystać z Widoku listy. Po prostu kliknij ikonę na górze ekranu, a następnie znajdź i wybierz blok Nawigacja. Może być zagnieżdżony w innych blokach, takich jak Nagłówek i Grupa.

    Teraz musisz kliknąć ikonę „+”, aby otworzyć wyskakujące okienko, w którym możesz dodać link. Wpisz adres URL w polu u góry i upewnij się, że przełącznik „Otwórz w nowej karcie” jest w pozycji Włączone.

    Następnie kliknij ikonę „Prześlij” obok adresu URL, aby zapisać ustawienia.

    Włącz opcję „Otwórz w nowej karcie”

    Po wykonaniu tej czynności nie zapomnij kliknąć przycisku „Zapisz” u góry ekranu.

    Może się wydawać, że ręczne sprawdzanie opcji dla każdego dodawanego linku zewnętrznego to dodatkowa praca. Jednak z czasem się do tego przyzwyczaisz.

    Jeśli prowadzisz blog z wieloma autorami lub często zapominasz o otwieraniu zewnętrznych linków w nowej karcie, możesz użyć do tego wtyczki.

    Najpierw musisz zainstalować i aktywować wtyczkę Open External Links in a New Window. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.

    Plugin działa od razu i automatycznie otwiera zewnętrzne linki w nowym oknie.

    W rzeczywistości nie zmienia to zewnętrznych linków w Twoich postach na blogu. Zamiast tego używa JavaScript do otwierania zewnętrznych linków w nowym oknie.

    Uwaga: Dezaktywacja wtyczki spowoduje, że zewnętrzne linki nie będą otwierać się w nowym oknie.

    Wybór między prostym pluginem a fragmentem kodu może wydawać się mylący, ale łatwo jest podjąć decyzję. Plugin z poprzedniej metody jest świetnym rozwiązaniem typu „ustaw i zapomnij”, jeśli jest to jedyna potrzebna funkcja.

    Jednakże, jeśli myślisz, że w przyszłości możesz dodać inne niestandardowe funkcje do swojej witryny, użycie WPCode jest potężniejszym i bardziej zorganizowanym wyborem, który pozwoli Ci uniknąć instalowania wielu jednorazowych pluginów.

    Jeśli często zapominasz ustawić linki tak, aby otwierały się w nowej karcie, możesz to zautomatyzować za pomocą darmowej wtyczki WPCode. Jest to również prosty sposób, aby upewnić się, że gościnni autorzy przestrzegają wytycznych Twojej witryny.

    WPCode pozwala bezpiecznie dodawać niestandardowy kod w WordPress i zawiera bibliotekę przydatnych, gotowych fragmentów kodu. Ta metoda pozwala otworzyć wszystkie zewnętrzne linki w nowej karcie za pomocą kilku kliknięć.

    Najpierw zainstaluj i aktywuj bezpłatną wtyczkę WPCode. Szczegółowe instrukcje znajdziesz w naszym poradniku na temat jak zainstalować wtyczkę WordPress.

    Po aktywacji przejdź do Fragmenty kodu » Biblioteka z panelu administracyjnego WordPress.

    Stamtąd wyszukaj fragment „Otwórz zewnętrzne linki w nowej karcie”. Gdy go znajdziesz, najedź na niego kursorem myszy i kliknij przycisk „Użyj fragmentu”.

    Znajdź fragment do otwierania zewnętrznych linków w nowej karcie z biblioteki

    WPCode automatycznie doda kod i wybierze odpowiednią metodę wstawiania.

    WPCode automatycznie dodaje kod

    Wszystko, co musisz zrobić, to przełączyć przełącznik u góry z „Nieaktywny” na „Aktywny”.

    Na koniec kliknij przycisk „Zaktualizuj”, aby zapisać i aktywować fragment kodu.

    Przełącz przełącznik na 'Aktywny' i kliknij przycisk 'Aktualizuj'

    To wszystko. Teraz wszystkie zewnętrzne linki w Twoich postach WordPress będą automatycznie otwierać się w nowej karcie.

    Samouczek wideo

    Subskrybuj WPBeginner

    Najczęściej zadawane pytania

    Oto odpowiedzi na niektóre z najczęściej zadawanych pytań dotyczących tego, jak i dlaczego otwierać zewnętrzne linki w nowym oknie lub karcie.

    1. Dlaczego ważne jest otwieranie zewnętrznych linków w nowej karcie?

    Otwieranie zewnętrznych linków w nowej karcie poprawia doświadczenie użytkownika. Utrzymuje Twoją stronę otwartą w przeglądarce użytkownika, ułatwiając mu powrót po obejrzeniu innej strony. Może to zwiększyć czas spędzany przez odwiedzających na Twojej stronie i poprawić zaangażowanie.

    2. Czy otwieranie zewnętrznych linków w nowej karcie wpływa na SEO?

    Nie, ta praktyka nie wpływa negatywnie na Twoje SEO. Poprawiając wskaźniki zaangażowania użytkowników, takie jak czas trwania sesji i współczynnik odrzuceń, może faktycznie wysyłać pozytywne sygnały do wyszukiwarek. Kluczem jest zapewnienie dobrych doświadczeń dla odwiedzających.

    3. Czy powinienem otwierać linki wewnętrzne w nowej karcie?

    Generalnie nie zaleca się otwierania linków wewnętrznych (linków do innych stron na Twojej własnej witrynie) w nowej karcie. Może to być mylące dla użytkowników i zakłócać ich naturalny przepływ przeglądania. Linki wewnętrzne powinny prawie zawsze otwierać się w tej samej karcie.

    4. Co oznacza rel=”noopener” w linku?

    Atrybut rel="noopener" jest ważną funkcją bezpieczeństwa. Zapobiega on możliwości kontrolowania oryginalnej strony przez nowo otwartą kartę za pomocą JavaScript. Chroni to Twoją witrynę przed potencjalnymi zagrożeniami bezpieczeństwa, a WordPress dodaje go automatycznie.

    Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo otwierać zewnętrzne linki w nowym oknie w WordPress. Możesz również zapoznać się z innymi artykułami dotyczącymi dodawania linków w WordPress:

    Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

    Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

    Ostateczny zestaw narzędzi WordPress

    Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

    Interakcje czytelników

    37 CommentsLeave a Reply

    1. Dziękuję za świetną rekomendację! Zgadzam się z Tobą co do otwierania zewnętrznych linków w nowej karcie, ponieważ wdrożyłem to na swojej stronie i zauważyłem pozytywny wpływ. Dzięki otwieraniu zewnętrznych linków w nowej karcie użytkownicy dłużej pozostawali na mojej stronie, co prowadziło do większego zaangażowania i większej liczby konwersji. To prosta zmiana, która naprawdę się opłaca, zwłaszcza pod względem liczby wyświetleń stron i utrzymania uwagi użytkownika. Zauważyłem wzrost liczby zapisów do newslettera i sprzedaży produktów, co potwierdza, jak ważne jest angażowanie użytkowników w Twoje treści. Ta praktyka zdecydowanie poprawiła ogólne doświadczenie użytkownika na mojej stronie.

        • I appreciate you taking the time to provide the specific detail I was asking about.
          Clear and direct answer, Thank you for that :-)

    2. Dziękuję za szczegółowe wyjaśnienie, ale mam inne pytanie. Czy zaleca się otwieranie wewnętrznych linków w nowych kartach? Pytam, ponieważ większość użytkowników prawdopodobnie nie wróci do tego, co czytali, zanim przejdą do innego artykułu na mojej stronie, ponieważ kliknęli w tekst kotwicy.

      • Na razie wolimy, aby wewnętrzne linki otwierały się w tym samym oknie, podczas gdy zewnętrzne linki otwierają się w nowej karcie lub oknie.

        Admin

    3. dobra wyjaśnienie wszystkich opcji
      osobiście używam wtyczki, ponieważ jest łatwiejsza i jednocześnie sprawdzam linki
      dziękuję

    4. Alternatywnie, dodałbym również, że dla celów SEO, dobrze jest mieć na stronie linki z atrybutem 'nofollow'.

    5. Cześć,
      Niestety, po ostatnich aktualizacjach Wordpressa, opcja „Otwórz w nowej karcie” nie jest dostępna w momencie wstawiania linku. Musisz wtedy edytować link, aby dodać tę opcję. Czy jest możliwość przywrócenia tego? Dziękuję.

      • Nadal będziesz mógł dodać opcję otwierania w nowej karcie podczas dodawania linku. Zalecamy sprawdzenie, czy nie masz zainstalowanych żadnych wtyczek, które mogłyby powodować konflikty przy dodawaniu linków.

        Admin

    6. Witam, w gutenbergu po zaznaczeniu opcji nie działa, jest niezależna od wtyczek, czy to może być motyw?

      • Jeśli wyłączyłeś wszystkie wtyczki, możesz spróbować zmienić motyw, aby sprawdzić, czy problem nie leży po stronie motywu. Inną możliwością jest posiadanie dodatku do przeglądarki, który uniemożliwia otwarcie linku w nowym oknie lub karcie.

        Admin

    7. Próbowałem zarówno tej wersji, jak i WP External Links, i żadna nie otwiera moich linków w nowej karcie. Próbowałem odłączyć mój plugin „wp no right click”, i to nadal nie zadziałało. Sugestia?

      • Jeśli żadna z metod opisanych w tym artykule nie pozwala na otwarcie linku w nowej karcie, zalecamy sprawdzenie, czy nie masz żadnych rozszerzeń przeglądarki, które mogą uniemożliwiać otwieranie linków.

        Admin

    8. Używam nowego edytora i pomimo Twojego doskonałego artykułu, gdy klikam przycisk „otwórz link w nowej karcie”, nie jestem pewien, który symbol wskazuje, czy link jest w nowej karcie, czy nie. Czy jest szary, czy zielony?
      Czy mam rację, że jeśli nic nie zrobisz, link nie otworzy się w nowej karcie?

      • Wygląda na to, że używasz wtyczki, która modyfikuje wyświetlanie; normalnie byłoby tak, że po wypełnieniu pola otwiera się ono w nowej karcie. Jeśli podglądniesz post, powinieneś móc przetestować, która opcja działa dla Twojej strony.

        Admin

    9. Dziękuję Scott Swanson za Twoją uwagę. U mnie nie działało, ale kiedy wyłączyłem tę wtyczkę, działa. Chyba będę musiał znaleźć inną wtyczkę ochronną, żeby sprawdzić, czy to tylko ta wtyczka.

    10. Pozdrowienia. Czy masz może taki, który sprawia, że po kliknięciu zewnętrznego linku użytkownik jest przekierowywany na nową stronę z linkiem „kliknij tutaj, aby kontynuować”? Czy możesz polecić jakiś plugin?

    11. Nie będzie działać z wtyczką WP Content Copy Protection & No Right Click

    12. Jak otworzyć zewnętrzne linki (np. reklamy), gdy osoba na Twoim blogu odtwarza filmy?

    13. Czy ktoś może mi powiedzieć, jak otworzyć element MENU w nowym oknie? Nie widzę takiej opcji na stronie Edytuj menu. Mam zewnętrzny link w menu stopki, który chciałbym otworzyć w nowym oknie.

    14. Pobrałem wtyczkę, ale wszystkie moje linki nadal otwierają się na mojej stronie WordPress.

      Na moim pasku bocznym reklam, chcę, aby otwierały się na osobnej stronie i pozostawiały moją stronę otwartą?

      Tak samo dla wszystkich linków w menu „znajdź profesjonalistę”. Chcę, aby ludzie przechodzili do swoich linków/stron, ale żeby moja strona pozostała otwarta, aby mieli ją przed sobą.

      Pomocy proszę?

      mike

    15. Myślę, że znacznie łatwiej jest po prostu obsłużyć to w jQuery dla całej witryny… i nigdy więcej się tym nie martwić. (Oczywiście zastąp moją nazwę domeny własną).

      // otwórz wszystkie zewnętrzne linki w nowym oknie

      $(“a[href^=’http’]”).not(“[href*=’demeyere.com’]”).attr(‘target’,’_blank’);

      • @demeyere Ponownie, powyższy plugin nie używa target _blank, aby upewnić się, że strona jest zgodna ze standardem XHTML strict. Ale tak, Twój kod również wykona zadanie. Informacja dla innych czytających: Teraz każdy może po prostu stworzyć plugin i wywołać ten fragment w nagłówku. Nie byłoby żadnej różnicy w czasie ładowania między ręcznym umieszczeniem go w nagłówku a wywołaniem go za pomocą pluginu w haku wp_head().

    16. Cześć

      We wcześniejszych wersjach WordPressa zaznaczałeś tekst, do którego chcesz dodać link, a następnie naciskałeś ikonę linku na pulpicie.

      Otworzyło to pole, w którym dodałeś link.

      Działało dobrze.

      W najnowszych wersjach WordPressa, gdy zaznaczę tekst i kliknę ikonę linku, a następnie wkleję link, link pojawia się na górze posta – nie otacza zaznaczonego tekstu.

      Czy robię coś źle?

      Wtyczka wygląda dobrze, ale staram się ograniczyć ich liczbę.

      • @easyP U nas to nie działa w ten sposób. Używamy wersji 3.2.1. Zaznaczamy tekst i klikamy ikonę linku, a ona dodaje link tam, gdzie powinna. Czy używasz edytora wizualnego, czy edytora HTML? Czy jest jakiś konkretny powód, dla którego próbujesz ograniczyć liczbę używanych wtyczek?

        • @wpbeginner

          Cześć chłopaki.

          Liczba wtyczek – staram się ograniczyć ze względu na czas ładowania strony.

          Kocham mój motyw, ale działa jak osioł.

          Używam edytora HTML podczas pisania postów i używam wordpress 3.2.1, ale kiedy zaznaczam tekst i naciskam ikonę linku – link zapomina podświetlony tekst i pojawia się na górze posta / strony!

          Jakieś przemyślenia?

          • @easyP Jeśli spróbujesz tego triku bez wtyczki, skończysz robiąc to samo. Wpływ tej wtyczki na czas ładowania jest ledwo zauważalny.

    Zostaw odpowiedź

    Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.