Jak dodać link z kotwicą w wordpress – do miejsca na stronie

Zapewne znasz linki, w które klikając przenosi Cie do innego miejsca na tej samej podstronie?
Dzisiaj będzie właśnie o nich, a dokładniej o tym jak dodać link z kotwicą w wordpress.

Co to jest kotwica html? (eng. anchor)

Jest to nic innego jak specyficzny link kierujący do zdefiniowanego wcześniej miejsca w tekście, zwanego kotwicą. Kotwica html bazuje na konstrukcji znacznika html <a href=””></a>

Jeżeli nie chcesz czytać dalej możesz obejrzeć filmik na którym pokazuje jak dodać link z kotwicą

Jaką funkcję pełnią linki z kotwicą?

Linki z kotwicą przydatne są szczególnie w długich wpisach, w których często odnalezienie szukanej informacji jest nie lada wyzwaniem. Takie linki pozwalają użytkownikom szybciej poruszać się po tekście, dzięki czemu są wstanie szybciej dotrzeć do informacji których szukają.

Pamiętaj, że na zainteresowanie użytkownika tekstem masz zaledwie około 2 sekund. Osoba wchodząca na Twoją stronę widząc ścianę tekstu bez klarownego spisu treści opuści ją szybciej niż myślisz.

Dlatego właśnie w przypadku nieco dłuższych tekstów warto sięgnąć po linki z kotwicą.
Dzięki takiemu zabiegowi użytkownik będzie mógł wybrać już na początku tekstu zagadnienie które go interesuje, oszczędzisz w ten sposób jego czas.

Blogujesz? Mam dla Ciebie listę narzędzi które pokochasz.

Pobierz darmowy e-book.

Jak dodać link z kotwicą html w wordpress?

Tworzenie linków z kotwicą odbywa się praktycznie na takiej samej zasadzie, niezależnie od platformy na której działasz. Aby dodać taki link stosujesz schemat kodu jak poniżej.

Kotwicę html Tworzymy tak:

<a id="moja_kotwica"></a>

Taka kotwica będzie niewidoczna w tekście. Oczywiście możemy utworzyć także widoczną i dodać do istniejącego elementu tekstu wtedy będzie miała następującą postać:

Tytuł dla kotwicy

Możesz również zakotwiczyć element html np znacznik
„div” wtedy pisać będzie następująca.

<div id="moja_kotwica"></div>

Jeżeli dodajesz kotwicę html do istniejącego tekstu pamiętaj aby to zrobić musisz przejść do edytora kodu wordpress.

Następnie pozostaje tylko dodać link który będzie prowadzić do naszej kotwicy w tym celu, tworzysz go jak każdy inny link w wordpress. Kliknij ikonę odnośnika. Screen 1

link z kotwicą w wordpress
Screen 1

Następnie w polu URL wpisujesz nazwę ustalonej wcześniej kotwicy #moja_kotwica.
Screen2

linkowanie przy dłuższych tekstach
Screen 2

Stosowanie linków z kotwicą znacznie ułatwi nawigowanie po dłuższych tekstach i zapewniam Cię że zmniejszy ilośc użytkowników, którzy opuszczają stronę nie znajdując poszukiwanych informacji.