Jak utworzyć spis treści w WordPress

Spis treści dowolnego wpisu na blogu lub artykułu odgrywa znaczącą rolę w poprawianiu komfortu użytkowania. Jest to szczególnie ważne, ponieważ średnia długość treści branżowych waha się od 1500 do 2000 słów, a w niektórych branżach nawet więcej.

Szczegółowe przewodniki i obszerne tematy zazwyczaj stanowią wartość dodaną dla czytelników, ale niestety tylko nieliczni mają cierpliwość, aby przeczytać cały post.

W tym miejscu kluczowy staje się spis treści, oferujący listę głównych poruszanych tematów, dzięki czemu czytelnicy mogą bezpośrednio przejść do sekcji, które uważają za najbardziej istotne i wartościowe.

Dlatego, aby zapewnić lepsze doświadczenie użytkownika dużej grupie odbiorców, musisz zamieścić spis treści w swoim artykule lub blogu. Powinien być klikalny, podświetlony i dobrze zorganizowany.

Aby było to możliwe, przygotowaliśmy obszerny artykuł, który poprowadzi Cię przez proces tworzenia spisu treści w WordPress. Zatem bez dalszej zwłoki zaczynajmy!

Jakie jest znaczenie spisu treści?

Spis treści (TOC) przypomina plan działania dowolnego dokumentu, artykułu lub książki. Daje przegląd zawartości i pomaga szybko znaleźć określone sekcje, które Cię interesują. Zamiast przewijać długą treść, możesz użyć spisu treści, aby przejść bezpośrednio do części, która jest dla Ciebie najważniejsza.

W formatach cyfrowych spis treści często zawiera klikalne łącza, co jeszcze bardziej ułatwia poruszanie się po treści i bezproblemowe dotarcie tam, gdzie chcesz. To prosty sposób na uczynienie długich treści bardziej przyjaznymi dla czytelnika.

Sprawdzimy szczegółowo te dwie metody, a Ty wybierzesz tę, która najbardziej Ci odpowiada.

1. Tworzenie spisu treści w WordPress metodą ręczną

Edytor bloków Gutenberga w WordPress umożliwia dodanie spisu treści (TOC) bez potrzeby stosowania dodatkowych wtyczek. Jest wbudowany w WordPress, więc nie trzeba nic nowego instalować ani konfigurować.

Chociaż ręczne dodanie spisu treści za pomocą Gutenberga może zająć nieco więcej czasu i wysiłku niż użycie wtyczki, ma to swoje zalety. Dużą zaletą jest to, że pomaga szybciej ładować witrynę, ponieważ nie dodajesz wtyczek, które mogą spowalniać działanie.

Ostatecznie jest to kompromis między wygodą a wydajnością, ale warto to rozważyć, jeśli chcesz szybszej witryny.

Metoda ręczna krok po kroku:

• Zaloguj się do WordPressa:
  • Najpierw musisz zalogować się do panelu WordPress. Tutaj możesz zarządzać wszystkimi swoimi postami i stronami.
  • Po zalogowaniu przejdź do Posty > Wszystkie posty z lewego menu, a następnie znajdź i wybierz post, do którego chcesz dodać spis treści.

• Dodaj nagłówki do każdej sekcji swojego posta:
  • Spis treści jest zbudowany wokół nagłówków, które tworzysz dla różnych sekcji swojego wpisu. Nagłówki te dzielą treść i organizują ją dla czytelników.
  • Aby dodać nagłówek:
    • Umieść kursor w miejscu, w którym chcesz dodać tytuł lub nagłówek sekcji posta.
    • Naciśnij Enter , aby utworzyć nową linię.
    • Kliknij znak + wyświetlony po prawej stronie, a następnie wybierz z opcji Nagłówek .

• Wybierz odpowiedni poziom nagłówka. Ogólnie rzecz biorąc, H2 jest używany w sekcjach głównych, a H3 może być używany w podsekcjach.
• Wpisz żądany nagłówek dla tej sekcji (na przykład „Wprowadzenie” lub „Krok 1: Dodawanie nagłówków”).
• Powtórz ten proces dla każdej sekcji artykułu, która ma pojawić się w spisie treści.
• Dlaczego to ma znaczenie: Te nagłówki utworzą podstawową strukturę spisu treści i ułatwią czytelnikom znalezienie określonych sekcji w długich artykułach.
• Dodaj unikalne identyfikatory do każdego nagłówka (kotwice HTML):
  • Teraz musisz utworzyć unikalne identyfikatory (tzw. kotwice HTML ) dla każdego nagłówka, aby linki do spisu treści po kliknięciu mogły kierować czytelników do określonych sekcji.

• Oto jak dodać kotwice HTML:
  • Kliknij nagłówek w swoim poście (ten, który utworzyłeś w poprzednim kroku).
  • Po prawej stronie edytora znajdź zakładkę Blok . W tym miejscu poszukaj sekcji Zaawansowane .
  • Kliknij strzałkę w dół, aby wyświetlić pole Kotwica HTML .
  • W polu Kotwica HTML wpisz unikalną nazwę nagłówka. Nazwa ta powinna być prosta, np. „wprowadzenie” lub „krok 1” (użyj łączników zamiast spacji).
  • Powtórz ten proces dla każdego utworzonego wcześniej nagłówka.
• Dlaczego to ma znaczenie: Kotwice HTML są niezbędne, ponieważ umożliwiają utworzenie w spisie treści klikalnych linków prowadzących czytelników bezpośrednio do określonych części treści.
• Utwórz spis treści:
  • Teraz możesz już utworzyć rzeczywisty spis treści na górze posta.
  • Oto jak to zrobić:
    • Przewiń do miejsca w swoim poście, w którym chcesz, aby pojawił się spis treści.
    • Dodaj blok listy (kliknij znak + i wybierz opcję Lista ).
    • Na liście wpisz nazwy wszystkich nagłówków, które chcesz uwzględnić (na przykład „Wprowadzenie”, „Krok 1: Dodawanie nagłówków” itp.).
    • Zaznacz każdą pozycję na liście jeden po drugim i kliknij ikonę łącza na pasku narzędzi nad blokiem.
    • W polu adresu URL wpisz #, a następnie unikalny identyfikator (kotwica HTML) nadany odpowiedniemu nagłówkowi. Na przykład, jeśli kotwicą nagłówka było „wprowadzenie”, wpisz #wprowadzenie.
    • Naciśnij Enter, aby zapisać łącze.
    • Powtórz ten proces dla wszystkich nagłówków, aby każdy element spisu treści był klikalny.
• Dlaczego to ma znaczenie: Dzięki temu spis treści jest funkcjonalny, umożliwiając użytkownikom kliknięcie i przejście bezpośrednio do interesującej ich sekcji, co poprawia ich komfort czytania.

Przykład:

• Jeśli Twój pierwszy nagłówek to „Wprowadzenie”, a jego kotwica HTML to „Wprowadzenie” w spisie treści, połączysz go jako #wprowadzenie.
• Podobnie, jeśli masz nagłówek „Krok 1” z kotwicą „krok-1”, możesz go połączyć jako #krok-1 w spisie treści.

Gdy już skończysz, spis treści będzie klikalny i przyjazny dla użytkownika, umożliwiając czytelnikom szybkie przechodzenie do sekcji, które uznają za najbardziej istotne. Ponadto, ponieważ nie korzystałeś z wtyczki, Twoja witryna będzie działać wydajniej bez dodatkowego obciążenia serwera.

2. Tworzenie spisu treści w witrynie WordPress za pomocą wtyczki WordPress

Jeśli jesteś zupełnie początkującym i nowym użytkownikiem CMS WordPress, ta metoda prawdopodobnie będzie Ci bardziej odpowiadać. Wtyczki WordPress zapewniają wydajniejszy i najłatwiejszy sposób tworzenia spisu treści niż metoda ręczna.

Wtyczki te są na tyle pomocne, że nie tylko oszczędzają czas, ale także zmniejszają wysiłek, dzięki czemu możesz skupić się na innych obszarach rozwoju witryny.

Oto niektóre korzyści, jakie uzyskasz, korzystając z wtyczki WordPress do tworzenia spisu treści.

• Automatyzacja : wtyczka automatycznie dodaje spis treści do Twojego posta, skanując i znajdując wszystkie nagłówki. Nie musisz tego robić ręcznie, co oszczędza czas.
• Spójne formatowanie : wtyczki dbają o to, aby spis treści wyglądał tak samo we wszystkich postach, dzięki czemu wszystko pozostaje schludne i jednolite, szczególnie podczas dodawania spisu treści do wielu postów.
• Automatyczne aktualizacje : jeśli dodasz nowe nagłówki lub zmienisz istniejące, wtyczka automatycznie zaktualizuje spis treści, aby dopasować go do nowej treści. Nie będziesz musiał robić tego ręcznie.
• Dostosowywanie : wtyczki często umożliwiają dostosowanie wyglądu spisu treści, dzięki czemu można dostosować jego wygląd do własnego stylu i preferencji.

Te korzyści sprawiają, że wtyczki TOC są wygodną opcją. Jednak, jak w przypadku każdej wtyczki, bezpieczeństwo jest ważne.

Czy wtyczki TOC są bezpieczne?

Tak, ale tylko jeśli zainstalujesz dobrze zakodowane wtyczki z zaufanych źródeł. Zawsze aktualizuj wtyczki, aby chronić swoją witrynę przed zagrożeniami bezpieczeństwa.

Teraz, gdy masz już podstawowe pojęcie o tych wtyczkach i ich zaletach, nadszedł czas, aby dowiedzieć się, jak używać tej wtyczki do tworzenia spisu treści.

SimpleTOC – blok spisu treści

SimpleTOC – Table of Contents Block to wtyczka WordPress, która ułatwia dodawanie spisu treści (TOC) do swoich postów. Automatycznie zbiera wszystkie nagłówki Twojego postu i tworzy dla Ciebie spis treści. Możesz także zdecydować, ile poziomów nagłówków (głównych sekcji i podsekcji) chcesz uwzględnić.

Jak to działa: Po zainstalowaniu wtyczki wystarczy, że dodasz nowy blok w edytorze WordPress (Gutenberg) i z listy wybierzesz SimpleTOC . To wszystko – spis treści pojawia się bez konieczności dostosowywania skomplikowanych ustawień.

Kluczowe cechy:

• Nie jest wymagana żadna konfiguracja : po zainstalowaniu wystarczy dodać blok i gotowe.
• Pasuje do stylu Twojego motywu : Spis treści będzie wyglądał jak reszta Twojej witryny, ponieważ wykorzystuje projekt motywu WordPress.
• Płynne przewijanie : gdy użytkownik kliknie sekcję spisu treści, zostanie ona płynnie przewinięta do tej części posta, co stanowi przyjemny efekt wizualny.
• Opcja FAQ : Możesz jej również użyć do utworzenia sekcji FAQ w swoich postach.
• Współpracuje z innymi narzędziami : jest kompatybilny z popularnymi motywami, takimi jak GeneratePress i narzędziami SEO, takimi jak Rank Math .
• Obsługuje wiele języków , w tym japoński, niemiecki, holenderski, hiszpański i francuski.

Dla kogo jest to najlepsze rozwiązanie? Ta wtyczka jest świetna dla początkujących i właścicieli witryn, którzy nie mają dużo czasu. Jest idealny do szybkiego i łatwego dodawania podstawowego spisu treści.

Cena : korzystanie z niego jest całkowicie bezpłatne.

Chociaż możesz także skorzystać z wtyczek premium/płatnych, które zapewniają więcej opcji dostosowywania i inne fantazyjne funkcje.

Streszczenie

Spis treści (TOC) w WordPressie jest dobry zarówno dla Ciebie, jak i Twoich czytelników. Ułatwia odwiedzającym znalezienie tego, czego szukają w Twoich postach na blogu, zapewniając płynne i przyjemne doświadczenie. Kiedy ludzie dobrze się bawią w Twojej witrynie, pokazuje to Google, że Twoja witryna jest użyteczna.

Nawet Google uważa doświadczenie użytkownika za jeden z czynników rankingowych w wynikach wyszukiwania. Jeśli więc spis treści pomoże poprawić wygodę użytkownika, a treść będzie wysokiej jakości, może to prowadzić do lepszych rankingów w wynikach wyszukiwania Google.

Krótko mówiąc, spis treści pomaga czytelnikom w łatwym poruszaniu się po treści, co może sprawić, że Twoja witryna zostanie lepiej zauważona przez Google.

Rahul

Rahul Kumar jest entuzjastą sieci i specjalistą ds. strategii treści, specjalizującym się w WordPressie i hostingu. Dzięki wieloletniemu doświadczeniu i zaangażowaniu w bycie na bieżąco z trendami branżowymi tworzy skuteczne strategie online, które generują ruch, zwiększają zaangażowanie i zwiększają konwersję. Dbałość Rahula o szczegóły i umiejętność tworzenia atrakcyjnych treści czyni go cennym nabytkiem dla każdej marki chcącej poprawić swoją obecność w Internecie.