Jak pokazać podgląd linków na żywo w WordPressie

Czy zauważyłeś, jak niepewni bywają czytelnicy przed kliknięciem w linki? Podglądy linków rozwiązują ten problem, dając odwiedzającym podgląd tego, co czeka na nich po drugiej stronie 💡

Widzieliśmy tę technikę często na stronach z dużą ilością treści, takich jak wiki, gdzie wizualne podglądy linków pomagają czytelnikom efektywniej nawigować po połączonych artykułach.

Kiedy czytelnicy mogą zobaczyć, co znajduje się w linku przed kliknięciem, chętniej przeglądają powiązane treści, które ich interesują. Ponadto pomaga im to unikać klikania linków, które nie są istotne dla ich potrzeb.

Wielu użytkowników WordPressa pyta nas, jak dodawać piękne podglądy linków bez dotykania kodu. Po przetestowaniu różnych rozwiązań znaleźliśmy prostą metodę bez kodu, która świetnie działa dla początkujących.

Kiedy dodać podgląd na żywo linków na swojej stronie WordPress 🤔

Na typowej stronie WordPress linki nie pokazują, co się w nich znajduje. Może to frustrować odwiedzających, gdy klikną link i okaże się, że nie jest on tym, czego się spodziewali. Właśnie tutaj przydają się podglądy linków na żywo.

Podglądy aktywnych linków zazwyczaj wyglądają jak etykietki. Ten element projektu WordPress pojawia się, gdy ktoś najeżdża myszką na link, pokazując podgląd zawartości.

W przypadku sklepów internetowych oznacza to, że możesz wyświetlać zdjęcia produktów lub krótkie opisy, aby zwiększyć sprzedaż.

Jeśli prowadzisz bloga WordPress, możesz wyświetlać obrazy podglądu postów lub krótkie teksty, aby zachęcić czytelników do dalszego czytania. W przypadku linków zewnętrznych te podglądy w postaci podpowiedzi pomagają ludziom zdecydować, czy chcą opuścić Twoją stronę.

Jednak bądź ostrożny podczas korzystania z podglądów na żywo. Zbyt wiele może zdezorientować odwiedzających. Najlepiej używać ich tylko dla ważnych linków, gdzie przyniosą najwięcej korzyści.

Mając to na uwadze, przyjrzyjmy się łatwemu sposobowi dodawania podglądów aktywnych linków do Twojej witryny WordPress. Ta metoda będzie działać niezależnie od tego, czy używasz edytora bloków Gutenberga, klasycznego edytora, czy nawet kreatora motywów. Możesz użyć poniższych szybkich linków, aby przejść przez ten samouczek:

• Krok 1: Zainstaluj wtyczkę Bright Link Previews
• Krok 2: Dostosuj projekt podglądu podpowiedzi linku
• Krok 3: Skonfiguruj ustawienia podglądu na żywo linku
• Krok 4: Zobacz podgląd podpowiedzi linku w akcji
• Bonus Tip: Clean Up Your WordPress Link Previews With Schema Markup

Krok 1: Zainstaluj wtyczkę Bright Link Previews

Najprostszym sposobem na dodanie podglądu podpowiedzi do linku w WordPress jest użycie wtyczki Bright Link Previews. Po aktywacji ta wtyczka do podglądu linków w WordPress automatycznie doda podgląd na żywo Twoich wewnętrznych i zewnętrznych linków w postach i stronach.

Najpierw zainstaluj wtyczkę w swoim obszarze administracyjnym. Szczegółowe instrukcje znajdziesz w naszym przewodniku dla początkujących na temat jak zainstalować wtyczkę WordPress.

Po zakończeniu przejdź do Ustawienia » Bright Links. Tutaj będziesz mógł skonfigurować ustawienia wtyczki.

Krok 2: Dostosuj projekt podglądu podpowiedzi linku

Najpierw skonfigurujmy projekt podglądu na żywo w zakładce Wygląd.

Na górze możesz wybrać kolor tła (po lewej stronie) i kolor tekstu (po prawej stronie).

Po prostu kliknij na pole koloru, a pojawi się narzędzie do wyboru koloru.

Możesz również wybrać kolory hotspotów cenowych, które automatycznie pojawią się dla linków e-commerce z WooCommerce, Amazon i Shopify.

Podobnie jak w przypadku etykietki, po prostu wybierz kolor tła punktu aktywnego po lewej stronie i kolor tekstu po prawej stronie.

Poniżej znajduje się opcja „Wybierz rozmiar”, gdzie możesz zmniejszyć lub powiększyć podpowiedź, przeciągając kropkę na pasku zmiany rozmiaru.

Większa podpowiedź jest łatwiejsza do odczytania, ale chcesz się upewnić, że nie nakłada się ani nie ukrywa ważnych części Twojej strony.

Zalecamy podgląd na swojej stronie, aby znaleźć idealny rozmiar pasujący do Twojego projektu.

Przewijając w dół, możesz zmienić styl samej podpowiedzi. Dostępne są 3 domyślne opcje, które zawsze można później zmienić.

Gdy będziesz zadowolony z wyglądu podpowiedzi, kliknij „Zapisz” na dole.

Krok 3: Skonfiguruj ustawienia podglądu na żywo linku

Teraz przejdź do zakładki „Ustawienia”.

Tutaj możesz skonfigurować, jak działają podglądy linków na żywo.

Bright Links Preview pozwala na stosowanie podglądów etykietek do linków w Twoich postach, stronach, a nawet w sekcji komentarzy.

Zdecydowaliśmy się dodać je tylko do naszych postów i stron, ponieważ dodanie ich wszędzie mogłoby zakłócić nasze doświadczenie użytkownika.

Inną rzeczą, którą można skonfigurować, jest to, czy mają być wyświetlane liczniki kliknięć. Zmiana tego ustawienia z „nie” na „tak” oznacza, że etykietka narzędzia poinformuje odwiedzających, ilu użytkowników kliknęło link, nad którym się znajdują.

Może to być przydatne dla Twoich wewnętrznych linków, ponieważ działa jako dowód społeczny. Kiedy odwiedzający widzą, że link jest popularny, zachęca ich to do przeglądania większej ilości Twoich treści.

Niemniej jednak nie zalecamy włączania tej funkcji, jeśli chcesz dodać podglądy na żywo również dla linków zewnętrznych. Może to przynieść odwrotny skutek i spowodować, że ludzie opuszczą Twoją witrynę.

Mówiąc o tym, możesz wybrać, czy chcesz dodać podglądy na żywo do linków wewnętrznych, zewnętrznych, czy obu.

Wybór zależy od tego, jaki rodzaj strony prowadzisz, ale zazwyczaj sugerujemy korzystanie tylko z linków wewnętrznych, aby zwiększyć liczbę wyświetleń stron i zmniejszyć współczynnik odrzuceń.

Wybór zależy od Twoich celów. Oto krótkie podsumowanie:

• Linki wewnętrzne: Jest to świetne rozwiązanie do zwiększenia zaangażowania. Podglądy zachęcają użytkowników do odkrywania większej ilości własnych treści, co może zwiększyć liczbę wyświetleń stron i obniżyć współczynnik odrzuceń.
• Linki zewnętrzne: Pomaga to budować zaufanie u odbiorców. Pokazując podgląd zewnętrznej strony, uspokajasz użytkowników, że link jest trafny i bezpieczny, co zwiększa ich pewność co do Twoich rekomendacji.

Zazwyczaj sugerujemy korzystanie tylko z linków wewnętrznych, aby zwiększyć liczbę wyświetleń stron i zmniejszyć współczynnik odrzuceń.

Następnie możesz wybrać buforowanie podglądów, aby poprawić wydajność swojej strony. Zdecydowanie zalecamy pozostawienie tej opcji włączonej.

Buforowanie zapisuje tymczasową kopię podglądów linków, co zapobiega spowolnieniu Twojej witryny i zapewnia szybkie działanie dla Twoich odwiedzających.

Jeśli wyświetlasz podglądy dla linków zewnętrznych, możesz wymusić, aby te linki otwierały się w nowej karcie. Sugerujemy włączenie tej funkcji, aby użytkownicy nie opuszczali przypadkowo Twojej witryny.

Na koniec możesz wyłączyć etykietkę na urządzeniach mobilnych, ponieważ etykietki mogą negatywnie wpływać na doświadczenie użytkownika na mniejszych ekranach. Zalecamy przetestowanie tej funkcji i sprawdzenie, co najlepiej działa dla Twojej witryny.

Możesz zapoznać się z naszym przewodnikiem jak wyświetlić swoją stronę WordPress na urządzeniu mobilnym z poziomu komputera, aby uzyskać więcej informacji.

Gdy będziesz zadowolony z ustawień podglądu na żywo, kliknij „Zapisz”.

Krok 4: Zobacz podgląd podpowiedzi linku w akcji

Na tym etapie możesz przejść dalej i wyświetlić podgląd swojej strony, aby zobaczyć, jak wygląda etykietka.

Oto jak wygląda nasz bez licznika kliknięć:

Jeśli zdecydujesz się dodać licznik kliknięć, pojawi się mała notatka pokazująca liczbę kliknięć, które link otrzymał do tej pory.

Ten wybór będzie wyglądał następująco:

Wspaniałe w Bright Links Preview jest to, że posiada darmową funkcję analityczną pokazującą, ilu użytkowników kliknęło lub nawet najechało kursorem na Twoje linki.

Może to być pomocne w zobaczeniu, które posty najbardziej interesują użytkowników lub w zdecydowaniu, które nowe posty wyróżnić.

Aby zobaczyć te liczby, przejdź do Ustawienia » Jasne Linki w swoim panelu administracyjnym WordPress i przejdź do zakładki „Statystyki”.

Wskazówka bonusowa: Uporządkuj podglądy linków w WordPressie za pomocą znacznika Schema

Kiedy ktoś udostępnia Twój kontent, WordPress często pobiera tytuł strony, opis i obraz, aby pokazać podgląd. Ale jeśli te informacje nie są poprawnie ustawione, wynik może wyglądać nieprofesjonalnie lub być zepsuty.

Wtyczka Bright Links Preview pomaga, automatycznie generując bogate podglądy linków przy użyciu metadanych z Twoich stron.

Aby kontrolować te metadane i sprawić, by Twoje podglądy błyszczały, zalecamy użycie All in One SEO.

Ułatwia ustawianie tagów meta Open Graph (używanych przez Facebooka, LinkedIn itp.), a nawet pozwala ustawić domyślny obraz Open Graph, dostosować tagi tytułu i opisu oraz dodać znaczniki Schema dla lepszego SEO i kontekstu.

Łącząc Bright Links Preview z AIOSEO, nie tylko poprawiasz SEO swojego WordPressa, ale także zapewniasz, że Twoje linki wyglądają czysto i są klikalne w sieci.

👉 Aby dowiedzieć się więcej, zapoznaj się z naszymi poradnikami:

• Jak dodać znacznik schematu w WordPress
• Jak poprawnie dodać przyjazny dla SEO znacznik schematu „Jak to zrobić” w WordPress
• Jak dodać metadane Facebook Open Graph w WordPress

Odkryj więcej funkcji projektowania WordPress

Chcesz, aby projekt Twojej strony WordPress był jeszcze ciekawszy? Sprawdź te pomocne przewodniki:

• Użyj prostych i eleganckich przypisów w swoich postach na blogu, aby dodać dodatkowe informacje.
• Pokaż linki nawigacji typu „breadcrumb”, aby pomóc odwiedzającym zrozumieć, gdzie się znajdują na Twojej stronie
• Utwórz przewijany ticker wiadomości, aby udostępniać ważne aktualizacje odwiedzającym
• Użyj widżetu odliczania, aby wzbudzić ekscytację przed specjalnymi wydarzeniami
• Dodaj pasek postępu czytania do swoich postów, aby utrzymać zaangażowanie czytelników
• Twórz niestandardowe separatory kształtu, aby uczynić projekt swojej strony bardziej interesującym

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak pokazywać podglądy linków na żywo w WordPressie. Możesz również zapoznać się z naszą listą najlepszych kreatorów stron typu „przeciągnij i upuść” w WordPressie oraz naszym przewodnikiem jak edytować stronę 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.