Jak dodać ikonę zewnętrznego linku na swojej stronie WordPress

Jasna nawigacja jest podstawą świetnego doświadczenia w witrynie. Kiedy odwiedzający mogą łatwo zrozumieć, dokąd zaprowadzi ich każdy link, czują się pewniej eksplorując Twoje treści.

Ikony linków zewnętrznych umożliwiają to, zapewniając natychmiastową informację wizualną o linkach wychodzących.

Te drobne wskaźniki pomagają odwiedzającym podejmować świadome decyzje dotyczące ich podróży po witrynie, tworząc płynniejsze i bardziej profesjonalne doświadczenie.

Po zaobserwowaniu, jak niezliczeni właściciele witryn WordPress dodają tę funkcję, widzimy, jak te drobne szczegóły mogą mieć ogromny wpływ na satysfakcję użytkowników.

Gotowy na poprawę nawigacji swojej witryny? Przeprowadzimy Cię przez naszą sprawdzoną metodę dodawania ikon linków zewnętrznych do Twojej witryny WordPress.

Dlaczego dodawać ikony zewnętrznych linków w WordPress?

Ikona zewnętrznego linku to mały obrazek, który pojawia się obok linku, który przeniesie użytkownika na inną stronę internetową.

Na przykład, możesz przewinąć na dół dowolnego artykułu w Wikipedii i zobaczyć, że większość linków w sekcji Odnośniki ma ikonę linku zewnętrznego.

Dodając linki z ikonami do swojego bloga WordPress, Twoi odwiedzający łatwo odróżnią linki zewnętrzne od wewnętrznych. Wiele witryn używa również ikon linków zewnętrznych, aby jasno zaznaczyć, że link otworzy się w nowym oknie lub karcie.

Te ikony mogą dłużej zatrzymać odwiedzających na Twojej stronie i zwiększyć liczbę wyświetleń stron, ponieważ istnieje mniejsze ryzyko, że przypadkowo klikną zewnętrzny link i opuszczą Twoją witrynę.

Mając to na uwadze, zobaczmy, jak możesz dostosować swoje linki zewnętrzne i dodać obok nich ikony na swojej stronie WordPress.

Jak dodać ikony zewnętrznych linków w WordPress

Najprostszym sposobem dodania ikon linków na Twojej stronie jest użycie WP External Links.

Możesz użyć tej wtyczki do automatycznego dodawania różnych obrazów, Dashicons i ikon Font Awesome do swoich zewnętrznych linków.

Najpierw musisz zainstalować i aktywować wtyczkę WP External Links. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem jak zainstalować wtyczkę WordPress.

Następnie po prostu kliknij nowe ustawienie WP External Links w menu po lewej stronie.

Jeśli pojawi się wyskakujące okienko z prośbą o aktualizację, możesz po prostu kliknąć w dowolne miejsce poza wyskakującym okienkiem, aby je zamknąć.

Jak widać, wtyczka może zrobić znacznie więcej niż tylko dodać ikonę linku zewnętrznego do Twojej witryny. Na przykład może automatycznie zamienić wszystkie Twoje linki zewnętrzne na linki nofollow w WordPress.

WP External Links może również zatrzymać użytkowników na Twojej stronie, otwierając wszystkie zewnętrzne linki w nowym oknie lub karcie.

Zalecamy włączenie tej funkcji, ponieważ wielu użytkowników i tak zakłada, że linki z ikoną zewnętrznego linku otworzą się w nowym oknie lub karcie.

Aby otworzyć wszystkie zewnętrzne adresy URL w nowym oknie lub karcie, otwórz menu rozwijane „Otwórz zewnętrzne linki” i kliknij „każdy w osobnym nowym oknie lub karcie”.

Domyślnie WP External Links zastosuje tę regułę do każdego nowego linku zewnętrznego, który utworzysz.

Może jednak również przeskanować Twoją witrynę i zmienić wszelkie zewnętrzne adresy URL, które wcześniej dodałeś do swojej witryny.

Zapewni to bardziej spójne doświadczenie dla Twoich użytkowników, dlatego warto zaznaczyć pole „Nadpisz istniejące wartości”.

Gdy to zrobisz, będziesz gotowy do utworzenia ikony dla swoich linków zewnętrznych. Aby rozpocząć, przewiń do sekcji „Wybierz typ ikony”.

Teraz możesz kliknąć tam, gdzie jest napisane „brak ikony”, aby otworzyć listę rozwijaną.

Twoje opcje to Obraz, Font Awesome lub Dashicon.

Zarówno Font Awesome, jak i Dashicon mają ikonę pojedynczego pola ze strzałką, której możesz użyć jako ikony zewnętrznego linku.

Ta ikona zawsze będzie wyświetlana na niebiesko na Twojej stronie, jak widać na poniższym obrazku.

To jest dokładnie ta ikona, której wiele stron internetowych używa do oznaczania linków zewnętrznych, więc większość odwiedzających zrozumie, co oznacza ikona pudełka ze strzałką.

Jednak opcja „Obraz” pozwala wybierać spośród kilku ikon pudełka ze strzałką, w tym niektórych o nieco innym stylu i kolorze.

Na poniższym obrazku możesz zobaczyć przykład, jak ikona kolorowego pudełka ze strzałką będzie wyglądać na Twojej stronie WordPress.

Jeśli chcesz dodać kolorowy przycisk z linkiem do swojej witryny, musisz wybrać „Obraz” z menu rozwijanego „Wybierz typ ikony”.

Następnie możesz kliknąć ten, którego chcesz użyć dla swoich linków zewnętrznych. Upewnij się, że ikona dobrze komponuje się z Twoim motywem WordPress.

Gdy już to zrobisz, otwórz menu rozwijane „Pozycja ikony”.

Tutaj wybierz, czy ikona ma pojawić się po „Prawej stronie linku” czy po „Lewej stronie linku”. Większość stron internetowych wyświetla ikonę zewnętrzną po prawej stronie linku.

Czy chcesz zamiast tego użyć standardowej ikony niebieskiego pola ze strzałką?

Następnie możesz otworzyć menu rozwijane „Wybierz typ ikony” i zamiast tego kliknąć „Font Awesome” lub „Dashicon”.

Następnie otwórz menu rozwijane obok opcji „Wybierz Dashicon” lub „Wybierz FA”, a następnie kliknij ikonę pola ze strzałką.

Uwaga: Zarówno Font Awesome, jak i Dashicons zapewniają dostęp do dziesiątek innych ikon. Zalecamy jednak użycie ikony pudełka ze strzałką, ponieważ więcej osób rozpozna ją jako ikonę zewnętrznego linku.

Po kliknięciu na ikonę Font Awesome lub Dashicon, którą chcesz użyć, możesz określić, czy powinna ona pojawić się po prawej czy po lewej stronie linku, postępując zgodnie z dokładnie tym samym procesem opisanym powyżej.

Gdy będziesz zadowolony z wybranej ikony linku zewnętrznego, po prostu kliknij „Zapisz zmiany”.

Wtyczka automatycznie doda ikony linków do wszystkich zewnętrznych adresów URL w Twojej witrynie.

Poznaj więcej wskazówek i sztuczek, aby dostosować swoją witrynę WordPress

Jeśli podobał Ci się ten artykuł o dostosowywaniu ikon zewnętrznych linków, poniższe wskazówki mogą okazać się przydatne.

Na przykład przypisy są świetnym sposobem na dostarczenie dodatkowych informacji lub cytatów bez zakłócania przepływu tekstu. Mamy pomocny przewodnik na temat jak dodać proste i eleganckie przypisy w WordPress, aby Ci to pokazać.

Poza tym, czy rozważałeś dostosowanie wyglądu swoich linków? Zmiana koloru linków może pomóc im wyróżnić się na tle otaczającego tekstu i uczynić je bardziej atrakcyjnymi wizualnie.

Podświetlanie tekstu to świetny sposób na zwrócenie uwagi czytelników na ważne informacje. Mamy pomocny przewodnik na temat jak podświetlać tekst w WordPress, który pokaże Ci różne metody, których możesz użyć.

Chcesz dodać odrobinę elegancji do swoich wpisów na blogu? Inicjały to duże, ozdobne litery używane na początku akapitu. Mogą nadać Twoim treściom unikalny i stylowy wygląd.

Wreszcie, poprawa nawigacji w Twojej witrynie może znacząco poprawić doświadczenie użytkownika. Nawigacja typu breadcrumb pokazuje lokalizację użytkownika w hierarchii Twojej witryny, ułatwiając mu poruszanie się po niej.

Najczęściej zadawane pytania: Dodawanie ikon linków zewnętrznych w WordPress

Oto kilka pytań, które często zadają nasi czytelnicy dotyczące dodawania ikony zewnętrznego linku do Twojej witryny WordPress:

Czy ikony linków zewnętrznych wpływają na SEO?

Nie, same ikony linków zewnętrznych nie wpływają bezpośrednio na Twoje SEO. Są one jedynie wizualnym ulepszeniem poprawiającym doświadczenie użytkownika.

Jednak sposób, w jaki obsługujesz zewnętrzne linki, może znacząco wpłynąć na SEO. Na przykład:

• Otwieranie linków w nowej karcie (target="_blank") zapobiega opuszczaniu Twojej witryny przez użytkowników.
• Dodanie atrybutów rel="nofollow" lub rel="sponsored" może pomóc w zarządzaniu wartością linków, szczególnie w przypadku linków partnerskich.
• Używanie ikon ułatwia użytkownikom identyfikację linków stron trzecich, co może zmniejszyć współczynnik odrzuceń, jeśli Twoja witryna wydaje się bardziej godna zaufania.

Więc chociaż ikony nie są czynnikiem rankingowym, zachowanie użytkownika, które wspierają, może przyczynić się do lepszego zaangażowania.

Czy dodanie ikony do linków zewnętrznych spowolni moją stronę internetową?

Niekoniecznie. Jeśli używasz lekkiej wtyczki, takiej jak WP External Links, lub dodajesz ikonę za pomocą CSS, wpływ na wydajność jest minimalny. Po prostu pamiętaj o kilku rzeczach:

• Unikaj używania dużych lub niezoptymalizowanych obrazów jako ikon. Zamiast tego używaj SVG lub czcionek ikon, takich jak Font Awesome.
• Nie ładuj całej biblioteki ikon tylko po to, aby uzyskać pojedynczą ikonę zewnętrznego linku — to przesada.
• Wtyczki z wieloma funkcjami (takimi jak monitorowanie linków, przekierowania itp.) mogą być cięższe, więc jeśli szybkość jest ważna, wybierz wtyczkę skupioną tylko na ikonach linków.

Wszystkie te wskazówki pomogą upewnić się, że ikony zewnętrznych linków nie wpłyną na szybkość Twojej witryny.

Czy powinienem wyświetlać ikony linków zewnętrznych przy wszystkich linkach zewnętrznych?

Nie zawsze. W niektórych przypadkach możesz chcieć pominąć ikonę, na przykład:

• W menu lub stopkach, gdzie przestrzeń jest ograniczona
• Na ikonach mediów społecznościowych, gdzie jest to już oczywiste
• Jeśli ikona nie pasuje do projektu Twojej witryny

Wiele wtyczek pozwala na wykluczenie określonych linków za pomocą klas lub nazwy domeny. Na przykład, możesz wykluczyć linki do YouTube lub partnerów Twojej marki, jednocześnie wyświetlając ikony dla pozostałych. Wszystko zależy od kontekstu – używaj ikon tam, gdzie pomagają wyjaśnić doświadczenie użytkownika.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać ikonę zewnętrznego linku do swojej strony WordPress. Możesz również zapoznać się z naszym kompletnym przewodnikiem po najskuteczniejszych elementach projektowania WordPress oraz naszymi rekomendacjami najlepszych kreatorach stron WordPress typu przeciągnij i upuść.

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.