Spis treści artykułu w WordPress – jak zrobić?

Co znajdziesz w artykule?

• Co to jest spis treści artykułu?
• Czy warto dodać spis treści do artykułu na blogu?
• Jak można dodać spis treści do artykułu w WordPress?
• Jak w prosty sposób dodać spis treści w edytorze Gutenberg?
• Podsumowanie

Co to jest spis treści artykułu?

Spróbuj przypomnieć sobie ostatnio przeczytany artykuł w internecie. Czego dotyczył? Czy znalazłeś tam to czego szukałeś? Czy został przez Ciebie przeczytałeś go od początku do końca?

Jeśli jesteś jak większość dzisiejszych internetowych czytelników, zapewne jedynie przeskanowałeś tekst w poszukiwaniu interesujących Cię zagadnień. Zgaduję, że przeczytałeś nagłówki i próbowałeś wyłapać z nich to co wydawało się dla Ciebie najważniesze.

Większość internautów nie czyta artykułów blogowych od początku do końca, a jedynie je scrolluje i skanuje.

Potwierdzją to liczne badania  m.in. badanie NNGroup z 2008 roku, które pokazuje, że użytkownicy zapoznają się jedynie z 20-28% treści na stronie. Podobne badanie przeprowadzili analitycy z Chartbeat w 2013 roku, potwierdza ono, że większość użytkowników jedynie skroluje artykuły, a nie zapoznaje się z ich treścią. 

A jak jest z książkami? Mam tutaj na myśli głównie książki branżowe lub naukowe. Takie książki czytasz zazwyczaj w całości. A gdy chcesz szybko znaleźć jakieś zagadnienie korzystasz ze SPISU TREŚCI – dzięki niemu nie musisz kartkować całego podręcznika. Od razu trafiasz do rozdziału, w którym jest opisane interesujące Cię zagadnienie.

Dlaczego więc większość artykułów internetowych nie ma takiego spisu treści? Prawdopodobnie odpowiesz, że są zbyt krótkie i go nie potrzebują. Zgadzam się z Tobą w 100%. Większość jednak tekstów, na które ja trafiam jest naprawdę obszernych i spis treści znacznie usprawniłby poruszanie się po nich.

Dodatkowo długie tekst szybciej się pozycjonują (osiągają wyższe pozycje w wynikach wyszukiwania takich jak Google). Idąc dalej Tim Brown (właściciel agencji IDEO, w której narodził się design thinking) twierdzi, że im dłuższy tekst tym lepszy. Na podstawie przeprowadzonej analizy uważa, że 1000 słów to jedynie minimum, a celem jest 2500 wyrazów. Popularny blog buffer podał, że wpis powinno się czytać w 7 min. Co daje nam około 1600 wyrazów.

Tekst, który teraz czytasz ma 1117 słów.

Taki spis treści artykułu internetowego zazwyczaj składa się z podlinkowanych tytułów i podtytułów znajdujących się w jego treści.

Spis umieszczany jest bezpośrednio pod tytułem głównym (podobnie jak u mnie) lub w sidebarze (lewej lub prawej kolumnie ). Można też spotkać się z tak zwanym „pływającym” spisem treści, który „podąża” za czytelnikiem wraz ze scrollowaniem artykułu.

Czy warto dodać spis treści do artykułu na blogu?

Jestem ciekawa Twojego zdania na ten temat. Czy nie brakuje Ci takiego elementu na blogach, które odwiedzasz? A jak jest na Twoim blogu? Moim zdaniem spis treści znacznie usprawnia poruszanie się po tekście internetowym podobnie jak po książce.

Dzięki niemu wystarczy szybki rzut oka i już wiem czy w treści artykułu znajdę to czego właśnie szukam. To ogromna oszczędność czasu!

Jednym kliknięciem mogę przenieść się bezpośrednio do fragmentu, który mnie interesuje bez konieczności scrollowania całego tekstu.

Niewątpliwą zaletą tego elementu jest również dobry wpływ na pozycję w wynikach wyszukiwania Google, a na tym wszystkim nam zależy, prawda?  😉

Dowodem na to, że Google lubi spisy treści jest uwzględnienie ich w wynikach wyszukiwania. Na poniższym screenie z wyszukiwarki, możesz zaobserwować, że artykuł ze spisem zyskał bonusowy wiersz i linki co dodatkowo wyróżnia go na tle innych pozycji.

Jak dodać spis treści do artykułu w WordPress?

Spis treści w WordPress możesz dodać na dwa sposoby. Możesz to zrobić ręcznie lub korzystając z odpowiedniej wtyczki. Zobacz, który sposób jest dla Ciebie lepszy.

Jeśli czytasz ten akapit zapewnie zdecydowałeś, że chcesz mieć spis treści na swoim blogu. Sposobów na umieszczenie go jest kilka. Jeżeli jesteś koderem możesz zaplanować go w kodzie motywu. Jeżeli jednak do kodowania Ci daleko możesz skorzystać z jednej z dostępnych wtyczek lub zrobić taki spis ręcznie w edytorze WordPress. Ja najczęściej korzystam ze spisu treści utworzonym w edytorze Gutenberg (nowy edytor WordPress). Bez kodowania i bez dodatkowych wtyczek.

Kurs online
„Edytor Gutenberg”

Kus online, dzięki któremu nauczysz się pracować z edytorem wizualnym WordPressa- Gutenberg.

DOWIEDZ SIĘ WIĘCEJ

Nie zawsze jednak takie ręczne rozwiązanie się sprawdzi. Jeśli masz już dużo wpisów na swoim blogu dodanie do każdego z nich ręcznie spisu treści może okazać się bardzo czasochłonne i mało przyjemne. Dlatego pokażę Ci jedną z wtyczek, która fajnie się w takiej sytuacji sprawdzi. W tym przypadku omawianą przeze mnie wtyczką jest Easy Table Of Content z repozytorium WordPress.

Wtyczka ta jest prosta ale jednocześnie funkcjonalna. Za jej pomocą możesz dodać spis zarówno we wpisach blogowych jak i w stronach tekstowych. Możesz wybrać miejsce osadzenia, a także zdecydować czy spis ma być dodawany automatycznie do wszystkich, czy tylko do wybranych wpisów / stron.

W chwili gdy piszę ten tekst mamy WordPress w wersji 5.1. Wtyczka, którą polecam nie jest aktualizowana od 10 miesięcy. Mimo to sprawdziłam jak sobie poradzi. Okazało się, że całkiem nieźle to wygląda. Testowałam wtyczkę w wersji 1.7 z WP 5.1 i motywem Atomic Blocs. Kontaktowałam się z autorem wtyczki. Steven – zapewnił mnie, że wtyczka jest stabilna i nie wymaga częstych aktualizacji. Dlatego spokojnie mogę Ci ją polecić.

Na filmiku możesz zobaczyć jak wtyczka wygląda od środka.

Tak jak już wspomniałam moim ulubionym sposobem na dodanie spisu treści jest wstawienie go w edytorze Gutenberg,

Dlaczego nie korzystam z wtyczki? Dobrą praktyką przy pracy z WordPress jest stosowanie zasady:

Im mniej wtyczek tym lepiej.

Idąc tym tropem zawsze staram się szukać innych rozwiązań niż wtyczka.

Jak w prosty sposób dodać spis treści w edytorze Gutenberg?

Strukturę tego elementu w edytorze Gutenberg możemy ustalić dowolnie.

U mnie jest to lista punktowana. Każdy element listy to tekst nagłówka, do którego prowadzi odnośnik.

Do utworzenia linków wykorzystamy tzw. „kotwice”. Do każdego nagłówka należy taką kotwicę dodać. Jak to zrobić? Przy każdym aktywnym elemencie w sekcji „zaawansowane” mamy pole „kotwica” tutaj wpisujemy nazwę naszej kotwicy.

Kiedy powstanie już lista (nasz spis) dodajemy linki do tekstu w poszczególnych elementach. Robimy to dodając w odnośniku  nazwę kotwicy przypisanej do danego nagłówka ze znaczkiem „#” z przodu. Tak jak w przykładzie poniżej.

I gotowe, proste prawda?

Korzystając z tej metody musisz pamiętać o jeszcze jednej ważnej rzeczy. Spis tworzysz w treści wpisu. Jeśli na liście artykułów na Twoim blogu wyświetla się automatycznie początek artykułu, to pojawi się tam właśnie spis. Co raczej nie będzie dobrze wyglądało 🙂

W takiej sytuacji możesz zastosować jedno z 2 rozwiązań. Wybierz to, które będzie Ci bardziej odpowiadać.

Po pierwsze możesz skorzystać z pola „zajawka” i wyświetlać alternatywny text na liście artykułów.

Drugim sposobem jest napisanie wstępu do artykułu w postaci jednego akapitu tekstu jeszcze przed elementem ze spistem treści.

Obejrzyj ten krótki filmik i zobacz jak dodaję spis treści w edytorze WordPress.

Podsumowanie

Pomysł na ten tekst powstał z moich własnych obserwacji. Budując to miejsce w sieci, w którym teraz jesteś, starałam się zrobić to jak najlepiej. Czytając artykuły w internecie często zwyczajnie brakuje mi spisu treści.

W tekście opisałam dwa sposoby na dodanie spisu do artykułu w WordPress. Automatycznie przy pomocy wtyczki lub ręcznie w edytorze. Ja dodaję go ręcznie. Ciekawa jestem, jaki jest Twój wybór?

Podobnie jak spis treści w edytorze Gutenberg lub za pomocą wtyczki możesz wzbogacić swojego bloga o tzw. „bazę wiedzy” (słowniczek pojęć). Jak to zrobić? Przeczytaj tutaj: https://izabelakarkocha.com/jak-zrobic-baze-wiedzy-w-wordpress/

Jeżeli na swoim blogu masz nieprzetłumaczone frazy takie jak „Read more”, „Search”, „Category” itd., koniecznie przeczytaj Jak przetłumaczyć bloga WordPress.

Zobacz też Jak dodać certyfikat SSL do bloga WordPress.

Masz już swoją stronę internetową?

Czy wiesz, jak ważne jest szybkość wczytywania strony www, jej bezpieczeństwo i optymalizacja pod SEO i urządzenia mobilne?

Pobierz bezpłatną checklistę i sprawdź swoją stronę www punkt po punkcie