Jak utworzyć spis treści w WordPress

User Experience (UX) odwiedzającego powinno być dla Ciebie, jako właściciela lub programisty, bardzo ważne. Jednak może być trudno stwierdzić, czy uwzględniłeś wszystkie swoje bazy i co jeszcze powinieneś uwzględnić w swojej witrynie.

Jednym z elementów, który jest często pomijany, jest spis treści (TOC) dla długich treści. Dodanie spisu treści do każdego z Twoich postów nie tylko umożliwia czytelnikom znalezienie dokładnie tych sekcji, które ich interesują, ale także sprawia, że ​​Twoje treści wydają się bardziej uporządkowane.

W tym poście przedstawimy różne opcje tworzenia spisu treści WordPress (w tym wtyczki, skróty i HTML). Następnie przedstawimy dwa popularne style i sposoby ich osiągnięcia. Zacznijmy!

Dlaczego powinienem dołączyć spis treści do mojej witryny WordPress?

Chociaż spis treści może wydawać się zbędny w przypadku posta na blogu, w rzeczywistości może znacznie przyczynić się do poprawy UX Twojej witryny. Większość czytelników przychodzi do Twoich treści, szukając odpowiedzi na konkretne pytania. Spis treści umożliwia im łatwe przeskakiwanie do informacji, które są dla nich najistotniejsze, bez konieczności przewijania i przeglądania w celu znalezienia tego, czego potrzebują.

Ponadto spis treści może poprawić optymalizację Twoich postów pod kątem wyszukiwarek (SEO). Te przydatne linki są łatwym miejscem do włączenia słów kluczowych, które są bardzo ważnym czynnikiem rankingowym.

Oprócz zwiększenia gęstości słów kluczowych posiadanie spisu treści w poście może zwiększyć Twoje szanse na uzyskanie fragmentu polecanego w Google. To jest krótki fragment, który pojawia się nad główną listą wyników dla niektórych wyszukiwań:

Zdobycie polecanego fragmentu nie jest nauką ścisłą. Jednak listy (takie jak spisy treści) są często wyświetlane, ponieważ mogą przekazywać odpowiedzi na pytania wyszukiwarek w jasny i zwięzły sposób.

Dodawanie spisu treści za pomocą wtyczek

Wtyczki to doskonały sposób na rozszerzenie funkcjonalności w WordPress. Dostępnych jest kilka rozwiązań, które zapewniają łatwy sposób dodawania spisu treści WordPress do postów w Twojej witrynie.

Naszą ulubioną wtyczką spisu treści WordPress jest Fixed TOC. Możesz także użyć innych wtyczek w połączeniu z nim, takich jak Fixed Widget Q2W3, aby dalej optymalizować spisy treści w Twojej witrynie.

Instalacja wtyczki jest prosta. Wszystko co musisz zrobić to:

1. Przejdź do Wtyczki> Dodaj nowy na pulpicie nawigacyjnym WordPress.
2. Prześlij plik .zip wtyczki (darmowy lub premium) lub zainstaluj go z katalogu wtyczek (tylko darmowe wtyczki).

Po zainstalowaniu i aktywacji będziesz mieć pełny dostęp do zakresu funkcji oferowanych przez tę konkretną wtyczkę. Stamtąd proces będzie się różnić w zależności od wybranego narzędzia.

Na przykład, oto jak utworzyć spis treści po zainstalowaniu stałego spisu treści:

1. Przejdź do Ustawienia > Ustalony spis treści.
2. Na karcie Ogólne wybierz typy postów, do których chcesz zastosować spis treści, poziomy nagłówków do uwzględnienia i miejsce, w którym ma się znajdować spis treści.
3. Na karcie Kolor wybierz schemat kolorów dla swojego spisu treści.

Wtyczka automatycznie doda spis treści do każdego z odpowiednich postów i użyje istniejących nagłówków do utworzenia linków skokowych.

Dodawanie spisu treści za pomocą skrótów

Oprócz wtyczek spisu treści WordPress możesz używać skrótów, aby dodatkowo kontrolować sposób wyświetlania spisu treści WordPress. Są to małe fragmenty kodu, które można wkleić do edytora, umożliwiając wyświetlanie niestandardowej treści praktycznie w dowolnym miejscu na stronie.

Skróty ułatwiają dodawanie spisu treści do postów, stron, paska bocznego i widżetów. Oto jak:

1. Pobierz wtyczkę TOC, która używa skrótów, lub użyj wtyczki bez skrótów w połączeniu z rozwiązaniem takim jak Shortcoder.
2. Znajdź skróty oferowane przez wtyczkę lub utwórz je za pomocą Shortcoder.
3. Skopiuj skróty i wklej je w dowolnym miejscu w WordPress (na przykład w poście na blogu). Shortcoder oferuje łatwe skróty do spisu treści, dzięki czemu dodawanie ich do witryny jest dziecinnie proste.

Piękno skrótów polega na tym, jak wszechstronne może być ich rozmieszczenie. Możesz dodać je na górze, w środku lub na dole swoich stron i postów, a nawet w widżecie paska bocznego.

Jak stworzyć spis treści w WordPress bez wtyczki

Podczas gdy wtyczki są najprostszym sposobem na utworzenie spisu treści w WordPress, możesz również dodać go ręcznie. Oto dwie metody, aby to zrobić.

Tworzenie spisu treści za pomocą HTML  

Chociaż HTML może być zastraszający, tworzenie spisu treści z kodem jest w rzeczywistości świetną opcją dla każdego, kto potrzebuje prostego rozwiązania dla swojej witryny. Aby to zrobić, wstawisz tabelę w WordPress i dołączysz linki zakładek do określonych stron.

Jest to zdecydowanie najprostsza opcja ręczna – bez dodatków i objętości. Oczywiście, jeśli chcesz, możesz pójść na całość, włączając wiele kolorów, różne style czcionek i nagłówki i nie tylko. Ogranicza Cię tylko własna kreatywność i znajomość HTML.

Korzystanie z archiwów i szablonów stron z linkami dla spisu treści

Spisy treści nie zawsze muszą znajdować się w poszczególnych postach i na stronach. Zamiast tego możesz utworzyć „główny” spis treści przy użyciu szablonów WordPress. Są to gotowe projekty stron, które umożliwiają tworzenie dedykowanych stron dla elementów witryny, takich jak archiwa i łącza.

Strony te mogą być następnie używane w Twojej witrynie jako „główne” spisy treści, kierujące użytkowników do dokładnie tych treści, których szukają. Weźmy na przykład stronę archiwalną Leaving Work Behind:

Szablony tych stron noszą zwykle nazwy archives.php i links.php (chociaż możesz zmienić ich nazwy). Niektóre motywy zawierają te strony, ale nie wszystkie. Możesz jednak tworzyć własne przy bardzo niewielkiej wiedzy na temat kodowania.

Spis treści Style

Twój styl spisu treści odgrywa ogromną rolę w tym, jak dobrze poprawia UX odwiedzających. Mając to na uwadze, przyjrzyjmy się dwóm najpopularniejszym stylom spisów treści WordPress.

Pływający spis treści

Pływający spis treści to widżet, który pozostaje nieruchomy z boku strony. Jego wdrożenie wymaga dwóch kroków. Najpierw musisz skonfigurować spis treści WordPress i dodać go do swojej witryny WordPress jako widżet (przy użyciu jednej z poprzednich metod).

Gdy to zrobisz, możesz użyć wtyczki Q2W3 Fixed Widget (lub podobnego rozwiązania), aby utrzymać widżet TOC „przyklejony” z boku strony. Po zainstalowaniu tej wtyczki wróć do obszaru Widżety swojej witryny i otwórz widżet TOC. Następnie zaznacz pole wyboru Stały widżet :

Po włączeniu tej opcji spis treści nie będzie już znikał z widoku strony, gdy użytkownik przewinie stronę w dół. Zamiast tego będzie przewijać się wraz z zawartością strony, dzięki czemu będzie zawsze obecna. Jest to również domyślny styl zaimplementowany przez wspomnianą wcześniej wtyczkę Fixed TOC.

Spis treści Pasek boczny

Podobnie jak w przypadku pływającego spisu treści, w tej metodzie pasek boczny jest wyświetlany po prawej lub lewej stronie strony internetowej. Jednak zamiast przewijać się wraz z użytkownikiem, pasek boczny spisu treści pozostaje w stałej pozycji (taki jak na WPBeginner):

Pasek boczny spisu treści jest bardzo łatwy do utworzenia. Po prostu dodaj widżet spisu treści, jeśli to możliwe, lub dołącz krótki kod do istniejącego widżetu paska bocznego. Twój spis treści WordPress pojawi się wtedy jako stały aspekt paska bocznego.

Dostosuj swoją witrynę za pomocą silnika WP

Zapewnienie użytkownikom Twojej witryny najwyższej jakości UX sprawi, że będą wracać po więcej treści. Oprócz nauczenia Cię różnych metod włączania spisu treści WordPress do swoich postów i stron, nasze zasoby zawierają wiele cennych wskazówek i wskazówek dotyczących ulepszania Twojej witryny.

Oferujemy również znakomitą pomoc techniczną 24 godziny na dobę, 7 dni w tygodniu, a nasza różnorodność planów hostingowych zapewni, że znajdziesz taki, który będzie odpowiadał Twoim potrzebom. Sprawdź je już dziś!