Spis treści lub spis odnośników na stronie internetowej

Zmęczony powolnymi hostowaniami? Kliknij tutaj i naucz się korzystać z Digital Ocean, zdobądź również 100 dolarów na swoje chmurowe hostowanie! Dowiedz się, jak ją skonfigurować bez dostępu do terminali i kodów!

W tym artykule wyjaśnimy, dlaczego ważne jest posiadanie spisu treści lub indeksu we wszystkich swoich artykułach i postach na stronie internetowej. Wyjaśnimy również, jak możesz stworzyć spis treści w WordPress lub w HTML. Zacznijmy od spisu treści:

Dokładnie tak robię spisy treści moich artykułów w WordPress. Ręcznie i bez wtyczek, mogę używać dowolnych słów kluczowych i identyfikatorów. Wszystko to w wybranych przeze mnie artykułach, bez obciążania WordPressa setkami wtyczek.

Co to jest indeks lub spis treści?

W artykule lub poście chodzi o wewnętrzne linki kotwicowe, które kierują czytelnika bezpośrednio do podtytułu (zazwyczaj H2) swojego postu. Może to sprawić, że nie straci on dużo czasu na czytanie artykułów o 2 000 słowach lub zawierających wiele różnych tematów w jednym poście.

Jeśli chodzi o ogólną definicję, indeks to lista słów, która może być zorganizowana alfabetycznie, systematycznie, chronologicznie, numerycznie lub alfanumerycznie.

Um indeks jest to to samo co wskaźnik, znak lub objaw, odniesienie służące do porównania, wyjaśnienia określonej sytuacji lub warunków, wskazując również ich odpowiednie strony w książce lub listę rzeczy.

spis treści to lista zawierająca na początku artykułu, [pracy dyplomowej, książki itp.] wszystkie rozdziały dzieła. Spis treści to wyliczenie głównych sekcji i podrozdziałów innego dokumentu, w kolejności, w jakiej materiał się pojawia., będąc więc krótkim, prostym, zwięzłym i treściwym streszczeniem.

Tłumacząc, oba są tym samym, ale osobiście wolę nazywać to spisem treści. Niektórzy prawdopodobnie szukali indeksów w WordPressie, inni szukali spisu treści, a jeszcze inni zakotwiczeń.

Głównym powodem, dla którego używam obu wyrażeń w tym artykule, jest poprawa pozycji i rankingów w Google oraz dotarcie do większej liczby osób. W rzeczywistości jest to cel stosowania streszczeń i indeksów w artykułach.

Znaczenie kotwicowych ogniw i spisu treści

Linki zakotwiczenia to dowolny link, który prowadzi do fragmentu twojej strony lub nawet do innej strony na witrynie. Są one bardzo ważne i nie powinny w żadnym wypadku być ignorowane, jeśli chcesz wyróżnić się na tle konkurencji.

Spisy i indeksy są dość ważne w przypadku artykułu lub postu. Dzieje się tak dlatego, że zakotwiczone odnośniki ułatwiają indeksowanie twojego artykułu i pozwalają mu pojawiać się częściej pod alternatywnymi słowami kluczowymi.

Índice ou sumário de links âncoras em seu site

W ten sposób zawsze dodawaj podsumowanie do swojego artykułu, aby poprawić SEO. Robię to ręcznie, wielu ludzi używa wtyczek, ale uważam, że ręczne dodawanie linków zakotwiczonych pozwala mi lepiej dostosować identyfikatory.

Jak powinien wyglądać indeks z kotwicami linków?

Wskaźniki powinny być wymienione w bloku wyróżniającym się, z innym kolorem tła i pogrubionym tytułem (używam bloku preformatowanego). Lista spisu treści może być ułożona z myślnikiem [-] przed tematem, który ma mieć odnośnik kotwicy.

Czy możesz lub nie utworzyć listy tematów spisu treści za pomocą tych samych słów co w podtytule. Czasami wolę trochę różnić indeks i podtytuł H2. Staram się użyć różnych słów, aby tekst miał większe szanse na znalezienie w Google.

Índice ou sumário de links âncoras em seu site

Kotwy są linkami rozpoczynającymi się od [#], co oznacza, że ścieżka znajduje się na tej samej stronie. Niektórzy mają zwyczaj dodawania losowych linków kotwowych z cyframi lub słowami niezwiązanymi z tematem podtytułu.

Musimy pamiętać, że nawet jeśli mowa o kotwie [#exemplo], ważne jest, aby zawierała słowa kluczowe, aby lepiej pozycjonowała się w Google i innych wyszukiwarkach. Dlatego nigdy nie używaj liczb ani losowych rzeczy w swoich kotwicach.

Czy zauważyłeś, że zawsze w ikonach odnośnik jest reprezentowany przez łańcuch? Natomiast kotwica jest dosłownie reprezentowana przez kotwicę? Po prostu tłumacząc, kotwica jest końcem łańcucha lub końcowym miejscem odnośnika, który jest ustalony gdzieś indziej.

Jakie są problemy zrobienia indeksu w swoim artykule?

Mimo że jest to bardzo korzystne dla SEO i rankingowania Twojej strony, spis treści może sprawić, że czytelnik skoczy bezpośrednio do pożądanej części, spędzając mniej czasu na Twojej stronie i oglądając mniej reklam. Może to mieć wpływ lub nie na wskaźnik odrzuceń i CPC.

Indeksy w artykułach i postach z małą ilością słów mogą również wydawać się dziwne. Zazwyczaj stosuję indeksy z odnośnikami w artykułach zawierających więcej niż 800 słów i co najmniej 3 podtytuły H2.

Índice ou sumário de links âncoras em seu site

Jeśli zrobisz to ręcznie, automatycznie wygenerowane identyfikatory nie będą miały tego samego autorytetu co identyfikatory wykonane ręcznie. Wykonywanie tego ręcznie pozwala dodać niestandardowe kotwy i zmniejsza szansę, że Google uzna to za coś złego.

Jak stworzyć indeks w HTML

Przed nową wersją WordPressa z edytorem Gutenberg musieliśmy ręcznie używać kodu HTML do tworzenia spisu treści z linkami kotwicowymi. Teraz jest to o wiele łatwiejsze dzięki nowemu edytorowi Gutenberg.

Mimo to wyjaśnię szczegółowo, jak działa kotwice w HTML. Oprócz spisu treści, musisz ręcznie dodać [ID], gdzie kotwice będą prowadzić. Zazwyczaj to ID jest umieszczane w nagłówkach (H2, H3 i H4).

Najpierw w spisie treści lub indeksie kod HTML będzie wyglądać następująco:

<strong>Spis treści artykułu</strong> 
<a href="/pl/”/#nome_da_ancora”">- Tytuł kotwicy</a>
<a href="/pl/”/#nome_da_ancora2”">- Tytuł kotwicy 2</a>
<a href="/pl/”/#nome_da_ancora3”">- Tytuł kotwicy 2</a>

Wynik wyświetlania HTML będzie wyglądać mniej więcej tak:

To jest spis treści wykonany w HTML. Zauważ, że używasz tego samego znacznika linków <a>, ale zamiast linku dodajesz href=#blabla gdzie znajduje się hashtag [#] wskazuje, że link znajduje się na tej samej stronie i dotyczy ID - tożsamość.

Dodaj hashtag do swojego podtytułu H2 lub innego miejsca, do którego chcesz, aby spis treści Cię przekierował. Zazwyczaj wynik w formacie HTML wygląda następująco:

<h2 id="nome_da_ancora"> 

Jak zrobić spisy treści w WordPress bez wtyczki

O ID - tożsamość nie trzeba używać znaku hash. W edytorze WordPress możesz dodać identyfikator bez użycia cudzysłowia między słowami kluczowymi. Sam koryguje ten problem automatycznie, myślę, że większość czytelników i edytorów HTML może zrozumieć to bez użycia cudzysłowu.

Teraz, jak już wiesz, jak działa spis treści, sugeruję zrobić coś lepszego w nowym edytorze Gutenberg. Po napisaniu wszystkich artykułów ze wszystkimi nagłówkami H2, możesz po prostu kliknąć przycisk informacji i skopiować cały spis treści, który się tam pojawi na dole. Przegląd dokumentu.

Ten spis będzie już zawierał hasztagi i wewnętrzne identyfikatory edytora Gutenberg. Po prostu skopiuj i wklej wszystko do sformatowanego pola w WordPress, które ma szary tło, usuń nadchodzące razem z wklejeniem H2 i zakończ, dodając myślnik [-].

Índice ou sumário de links âncoras em seu site

Wystarczy więc edytować linki w spisie treści i dodać własne hashtagi, aż do uzyskania efektu podobnego do tego, który pokazaliśmy powyżej. Po zrobieniu tego, wystarczy przemieszczać się po artykule za pomocą nagłówków H2, zaznaczać je i przejść do opcji bloku.

W opcjach bloków H2 i innych nagłówków znajdziesz się w karcie zaawansowany wybór anchor w HTMLWystarczy wpisać ID, które dodałeś do spisu treści w tym polu, nie używając "a". hasztag [#]. WordPress automatycznie doda to bez potrzeby edycji HTML.

Tabela de conteúdos - Wtyczka do tworzenia spisów treści w WordPress

Przez cały artykuł mówiłem o tworzeniu spisów treści ręcznie i moim stanowczym odmowie korzystania z wtyczek, aby utrzymać hiperłącza w czystości. Niestety zmieniłem zdanie i aby uniknąć marnowania pracy i czasu, ostatecznie zdecydowałem się skorzystać z wtyczki.

Obecnie używam wtyczki LuckyWP Spis Treści i ustawić go w taki sposób, aby link zakotwiczenia był pisany małą literą, bez znaków diakrytycznych i równy tytułowi H2 i H3. Nie mam zbyt wiele do powiedzenia o wtyczce, jeśli szukałeś czegoś, to uważam, że jest najlepsza.

Kotwice w gigantycznych spisach treści za pomocą Edytora Tekstu

Istnieją edytory tekstu posiadające narzędzia do zastępowania zmiennych, co pozwala na automatyczne dodawanie hashtagów i identyfikatorów do spisów treści w WordPressie lub innym tekście w formacie HTML.

Jak mam system MacOS, korzystam z edytora tekstu CODA 2. Był to jedyny, który znalazłem i pozwala łatwo dodać identyfikatory do nagłówków bez konieczności ciągłego przeskakiwania między początkiem i końcem artykułu. Myślę, że Dreamweaver również ma świetne opcje lokalizacji i zamiany tekstu.

Z pomocą programu do edycji tekstu, który obsługuje zmienne lokalne i ich zamianę, dodaj następujący kod do lokalizacji i zamiany tekstu. Zmienne będą umieszczone między [].

<a href="#[1]- [2]</a>[3]<h2>

Pierwsza zmienna zlokalizuje i zapamięta identyfikator streszczenia. Druga zmienna dopasuje pozostałą część linii wewnątrz streszczenia, a trzecia zmienna przeniesie pozostałą część artykułu do nagłówka, który jeszcze nie został dodany. ID - tożsamość. Zastąp przez:

<a lol href=”#[1]- [2]</a>[3]<h2 id="[1]">
Índice ou sumário de links âncoras em seu site

Czasami twój lokalizator może kolidować z jakąś przestrzenią lub symbolem, ale zazwyczaj zastąpi go tylko raz. Musisz kilka razy kliknąć przycisk „zastąp” żeby zrobił to ze wszystkimi nagłówkami artykułu.

To ważne, aby to zrobić tylko z nagłówkami jednego rodzaju, takimi jak

, nie możesz również dodać żadnego znacznika między nagłówkami H2 w kodzie artykułu. Jeśli coś jest nie tak, edytor będzie przypisywał złe zmienne za każdym razem, gdy dokonasz zastępstwa.

Zastąpienie pobierze informacje z pierwszej tabeli. O lol w tekście służy do zapobiegania powtórzeniu procesu w tej samej linii listy (nie zapomnij go usunąć potem). W przypadku powtórzenia procesu przeskoczy on

com ID i od razu idzie do odpowiedniego nagłówka.

To może wydawać się trochę mylące, ale myślę, że wszystko to można by lepiej wyjaśnić wideo. W każdym razie, pomyśl trochę, przyspiesz swoją pracę i zamieść indeksy we wszystkich swoich artykułach, aby wyróżnić się spośród konkurencji i poprawić swoje SEO.

Ja też zrobiłem bardzo długi film instruktażowy mówiący o jak napisać moje artykuły. Możesz go obejrzeć poniżej: