Jak wstawić hiperłącza zakotwiczenia WordPress do WordPressa (3 techniki)

Mnóstwo decyzji projektowych, które podejmiesz w odniesieniu do użyteczności referencyjnej witryny i doświadczenia konsumenckiego (UX). Co więcej, zawartość witryny internetowej – w standardzie przeglądanie stron internetowych Twojej witryny – ma wysoką cenę. Jeśli poślubisz każdą z nich, często będziesz myślał o sposobach wspierania UX twoich informacji. Zakotwiczone linki zwrotne WordPress są podstawą UX Twoich treści.

Pomyśl o zakotwiczonych linkach jednokierunkowych jako wbudowanej nawigacji dla zainteresowanych artykułów. Możesz je znaleźć wszędzie, ale nagłówki są powszechnym przypadkiem użycia. To pozwala czytelnikowi podskoczyć blisko miejsca, jeśli chce, bez konieczności zgubienia drogi. Jest to wiodąca rzecz do rozważenia w zakresie UX i rzecz, o której większość właścicieli witryn internetowych powinna sobie wyobrazić.

Aby zademonstrować, jak nieskomplikowane jest ich używanie, ten artykuł pojawi się w linkach do kotwicy WordPress. Zanim przejdziemy do różnych technik, które możesz zastosować, porozmawiajmy o tym, czym one są i co mogą dla Ciebie zrobić.

Czym jest połączenie kotwiczne

W typowym sensie połączenie kotwicy to klikalny element wbudowanej nawigacji. Odróżnia się od treści i prowadzi do następnego poziomu na stronie internetowej. Używamy ich w WPKube, aby pomóc Ci przejść do różnych działań w samouczkach:

Jeśli po prostu klikniesz adres URL, witryna przejdzie do określonej przez Ciebie części. To bardzo prosta implementacja, która może mieć fantastyczny wpływ na użyteczność Twojej strony internetowej. Porozmawiamy o niektórych z tych okoliczności później.

Dlaczego chcesz korzystać z jednokierunkowych linków do kotwic w WordPress

Wspominamy użyteczność jako niezbędny czynnik motywujący do korzystania z linków zwrotnych WordPress i jest to rozsądny powód, dla którego warto je stosować. Z drugiej strony istnieje mnóstwo scenariuszy użycia do dodawania ich do Twojej witryny. Na przykład:

• Jeśli chcesz dostarczać swoim czytelnikom ogromne, długie, pisemne treści (takie jak posty na 3000 semestrów), często będziesz mieć spis treści. Jest to specjalnie stworzone zastosowanie dla linków przychodzących kotwicy.
• Kotwice mogą również działać, gdy udostępniasz posty z zakładek. Jeśli zawierasz kotwicę w adresie URL, czytelnik przeskoczy prosto na scenę, którą chcesz, aby zobaczył.
• Twój Look for Engine Optimization (Optymalizacja wyszukiwarek) może ulec poprawie, głównie dlatego, że w niektórych warunkach wyszukiwarki będą wyświetlać te osoby WordPress zakotwiczające linki jednokierunkowe jako różne wpisy.

Krótko mówiąc, jeśli chcesz, aby Twoi odbiorcy trzymali się blisko Twojej witryny i mieli interakcję z Twoimi artykułami, zakotwiczone linki przychodzące WordPress są kluczową bronią w walce o ruch. Jeśli chodzi o to, jak dodać je do swojej witryny, pokaże ci przyszła liczba sekcji.

Jak dołączyć zakotwiczone linki zwrotne do dowolnego kodu HTML?

Podstawą dołączania hiperłączy do kotwic WordPress jest HTML. Można z nich korzystać na dowolnej stronie internetowej, nie tylko w obrębie WordPressa. Są dwie części: kotwica i tag.

Po pierwsze, zwiększysz link zwrotny kotwicy, tak jak każdy inny hiperlink – wykorzystując tagi. Dla samego połączenia użyjesz „octothorpe” (inaczej znanego jako sygnał hash lub funt) tuż przed nim:

Click on further more down the web page

Powiedziawszy to, jeśli klikniesz na to, adres URL nie przejdzie nigdzie. Aby to poszło gdzieś , umieścisz identyczne hiperłącze href jako id w dalszej części artykułów, bez potrzeby używania octothorpe:

Nasz zakotwiczony nagłówek

Spowoduje to połączenie zwrotne obu tagów i zbuduje wbudowaną nawigację, którą musisz mieć. Zwróć uwagę, że w tym artykule używamy tagu nagłówka, ale może to być dowolny tag HTML. Możesz używać tagów akapitowych, tagów graficznych lub dowolnego innego aspektu kodu HTML, jeśli to przyciągnie klientów do miejsca, w którym będą musieli być.

Jak dodać linki do zakotwiczenia WordPress (metody 3)

Już teraz pokażemy Ci poważny przypadek linków zwrotnych WordPress! Oto, czym prawdopodobnie zajmiemy się w kolejnej liczbie sekcji:

• Możesz dołączyć kotwice do funkcji Edytora bloku i ustalone identyfikatory na innych komponentach. Jest to również prawdopodobne w Edytorze Klasycznym.
• Twórcy witryn, tacy jak Elementor, udostępnią moduł, który umożliwi wstawianie zakotwiczonych linków jednokierunkowych WordPress do materiału.
• Istnieją wtyczki, które mogą zwiększyć automatyczne hiperłącza kotwic do treści, co może pomóc zaoszczędzić trochę czasu na konfigurację.

Początkowo wyłączony, będziemy wydawać się metodą przewodnika. Mimo że wydaje się to trudne, zastosowanie Edytora bloków bardzo to ułatwia.

1. Użyj techniki przewodnika, aby wstawić łącza przychodzące zakotwiczenia do Edytora bloku

W przypadku większości użytkowników końcowych Edytor bloków zapewnia wszystko, czego potrzebujesz, aby zwiększyć linki przychodzące WordPress do Twoich informacji. Aby rozpocząć, wyróżnij fragment tekstu, do którego chcesz dodać link do witryny, tak jak w przypadku hiperlinku:

Następnie zamień to na link do witryny, korzystając z odpowiedniego wyboru, i wstaw swój tag kotwicy, poprzedzony octothorpe:

Będziesz wiedział, czy to dobrze, ponieważ zobaczysz słowo „wewnętrzne” obok linku zwrotnego. Jak tylko to zachowasz, przejdź do sekcji swojej pisemnej treści, do której chcesz ustawić kotwicę. Zamierzamy użyć nagłówka.

Będziesz chciał przejść do bloku > Wysoce rozwinięta część na pasku bocznym idealnej ręki i rozwijać ją. Tam zobaczysz dyscyplinę kotwicy HTML :

Tutaj dołącz tekst swojego adresu URL kotwicy WordPress, bez octothorpe. To wszystko, co musisz zrobić, a jeśli obejrzysz podgląd na żywo, zobaczysz, że link do strony kotwicy działa.

Dodaj linki Anchor Back do edytora Vintage

Metoda Typowego Edytora jest rodzajem hybrydy pomiędzy całkowicie ręcznym rozwiązaniem HTML i tym z Edytora bloków. Najpierw wstawisz hiperłącze do swojego materiału tylko na widocznej stronie…

…wtedy przełączysz się do edytora treści tekstowych i dodasz kotwicę do idealnego współczynnika:

Kiedy ponownie przejdziesz do edytora widocznego, zobaczysz wprowadzony link wsteczny, ale może on nie działać tak, jak zamierzałeś, dopóki nie zobaczysz podglądu swojego zapisu.

2. Wstaw linki do kotwicy Wstecz Korzystanie z wtyczki Site Builder

Większość wtyczek do tworzenia stron, takich jak Elementor lub Beaver Builder, oferuje moduły do ​​dołączania hiperłączy do zakotwiczenia w treści. Mogą być tak wszechstronne jak HTML, głównie dlatego, że mogą być wszędzie tam, gdzie inne moduły mogą.

Na przykład w Elementorze będziesz używać elementu Kotwica menu:

Aby tego użyć, przeciągnij go do wybranej pozycji. Sugerujemy, abyś wytyczył go przed wszelkimi aspektami kursu lub przynajmniej przed obszarem, który będziesz musiał zakotwiczyć.

Gdy pomożesz zapisać swoje odmiany, możesz sprawdzić link do kotwicy. Unikalni twórcy witryn stosują różne podejścia do wstawiania hiperłączy zakotwiczonych w WordPress, a także znajdziesz różne implementacje na interfejsie. Niemniej jednak koncepcja jest dokładna, a Ty również uzyskasz dokładne końcowe korzyści.

3. Użyj wtyczki, aby włączyć automatyczne linki wsteczne do swojej witryny

Jeśli chcesz wstawić znacznie większą wydajność do swojej strony internetowej i pomóc zabłysnąć zakotwiczonym linkom WordPress, możesz użyć wtyczki Spis treści (ToC). Istnieje wiele dostępnych, ale większość tak naprawdę nie ma ocen dla najnowszych wersji WordPressa lub nigdy nie ma częstych aktualizacji. Mimo to wtyczka SimpleTOC zaznacza wszystkie odpowiednie kontenery:

Oczywiście będziesz musiał skonfigurować i aktywować wtyczkę w zwykły sposób, a następnie przejść do Edytora bloków. Następnie zachowaj swoje artykuły, a następnie wyszukaj blok SimpleTOC:

Po dodaniu tego do publikacji natychmiast przechwyci linki do dowolnych nagłówków w twoich artykułach. ToC wyświetli poszczególne nagłówki i nie będziesz musiał wykonywać żadnych tagów przewodnika.

Mimo to możesz ograniczyć niektóre nagłówki z ToC, jeśli chcesz. Jeśli zwiększysz kurs CSS z prostym ukryciem do branży klas(y) dalszego CSS w bloku Heading Block, ukryje to przed Twoim simpletoc-concealed . Możesz natknąć się na tę dyscyplinę w podobnym miejscu, jak na dyscyplinę zakotwiczenia HTML: W bloku > Innowacyjny pasek boczny:

Jest to bardzo prosta implementacja, która może nie mieć dokładnego stopnia ogólnej elastyczności, jak procedury podręcznika, ale jest szybka i pozwala korzystać z hiperłączy zakotwiczających WordPress w normalny sposób, bez znacznej energii.

W podsumowaniu

Spotkanie użytkownika jest najważniejsze, a ponieważ tego rodzaju, będziesz chciał pomyśleć o wszystkich metodach, dzięki którym możesz poświęcić swój czas na problem ze stroną internetową. Linki przychodzące do kotwicy WordPress mogą to osiągnąć. Pomagają w tworzeniu wbudowanej nawigacji po treści, a w zamian pomoże to kupującym w przewijaniu do pisanej treści, której potrzebują, bez zamieszania i zwlekania.

Ten post pojawił się w kilku strategiach włączania linków do kotwic WordPress do Twojej witryny. Oto szybkie podsumowanie:

• Możesz włączyć je jako część znaczników HTML w dowolnej witrynie internetowej, nie tylko WordPress.
• Edytor bloku pozwala na włączenie kotwic dokładnie w taki sposób, w jaki zwiększa się hiperłącza.
• Twórcy witryn internetowych, tacy jak Elementor, zwykle mają skoncentrowane moduły, które umożliwiają włączenie kotwic do materiału.
• Wtyczka tego rodzaju jak SimpleTOC może zawierać automatyczne linki WordPress do twojego materiału. W niektórych przypadkach wtyczka zaktualizuje spis treści, aby pasował do nagłówków Twojego posta.

Czy uważasz, że linki zakotwiczające WordPress przynoszą korzyści Twojemu SEO i widzom, a jeśli nie, co pomaga im się zaangażować? Daj nam znać w poniższej części odpowiedzi!