Mapa witryny HTML jest jak mapa drogowa, która pokazuje ludziom, dokąd się udać. Działa jak wizualny przewodnik, który prezentuje wszystkie twoje treści w przejrzysty, zorganizowany sposób, ułatwiając odwiedzającym eksplorację i znalezienie dokładnie tego, czego szukają.
W przeciwieństwie do map witryn XML używanych przez wyszukiwarki, mapy witryn HTML są zaprojektowane tak, aby ułatwić odwiedzającym twoją witrynę internetową przeglądanie treści i znajdowanie tego, czego szukają.
W tym przewodniku pokażemy ci, jak utworzyć pomocną mapę witryny HTML dla twojej witryny internetowej WordPress, przekształcając twoje treści w przyjazną dla użytkownika i dostępną bibliotekę dla czytelników….
Jaka jest różnica między mapami witryn XML i HTML?
Mapa witryny XML to plik zawierający treść twojej witryny internetowej w formacie XML dla wyszukiwarek takich jak Google i innych.
Możesz przesłać swoją mapę witryny XML w narzędziach dla webmasterów, aby poprawić i kontrolować sposób indeksowania witryny internetowej przez wyszukiwarki.
Z drugiej strony, mapa witryny HTML jest przeznaczona dla odwiedzających twoją witrynę internetową. Jest to prosta strona, która zawiera listę wszystkich twoich wpisów i stron w zorganizowany sposób.
Teraz, gdy znasz już różnicę, przyjrzyjmy się, jak dodać stronę mapy witryny HTML do WordPressa za pomocą dwóch różnych wtyczek WordPress. Możesz skorzystać z poniższych odnośników, aby przejść bezpośrednio do wybranej metody:
Film instruktażowy
Jeśli wolisz pisemne instrukcje, czytaj dalej.
Metoda 1: Dodanie strony mapy witryny HTML w WordPress z All in One SEO
Zalecamy użycie wtyczki All in One SEO do dodania strony mapy witryny HTML w WordPress. Jest to najlepsza wtyczka WordPress SEO na rynku, używana przez ponad 3 miliony witryn internetowych i umożliwia utworzenie mapy witryny HTML za pomocą kilku kliknięć.
Uwaga: Dostępna jest darmowa wersja All in One SEO Lite, która zawiera poniższą funkcję mapy witryny HTML, ale w naszych zrzutach ekranu będziemy używać wersji premium, ponieważ zawiera ona zaawansowane funkcje, takie jak inteligentne mapy witryn, menedżer przekierowań, schemat SEO i wiele innych.
Pierwszą rzeczą, którą musisz zrobić, to zainstalować wtyczkę All in One SEO. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po włączaniu otworzy się kreator konfiguracji AIOSEO, który poprowadzi cię przez konfigurację wtyczki i prawidłowe ustawienia SEO.
Wystarczy kliknąć przycisk „Let’s Get Started” i postępować zgodnie z instrukcjami.
Następnie zostaniesz przeniesiony do menu administratora WordPress, gdzie pojawi się nowa opcja menu o nazwie „All in One SEO”.
Następnie należy przejść do All in One SEO ” Mapy witryn, kliknąć opcję menu „Mapa witryny HTML” i upewnić się, że przełącznik „Włącz mapę witryny” jest włączony.
Następnie możesz wybrać sposób wyświetlania twojej mapy witryny HTML.
W tym poradniku wybierzemy opcję „Dedykowana strona”, ale można ją również dodać jako krótki kod, blok, widżet i inne.
Następnie wpisz adres URL strony, na której ma być wyświetlana mapa witryny HTML. Wtyczka automatycznie utworzy nową stronę.
Gdy to zrobisz, przewiń w dół do sekcji „Ustawienia mapy witryny HTML”.
Tutaj możesz dostosować sposób wyświetlania twojej mapy witryny HTML. Masz kontrolę nad tym, jakie wpisy i strony będą wyświetlane, taksonomie, takie jak kategorie i tagi, kolejność sortowania i wiele innych.
Można również włączyć opcję „Kompaktowe archiwa”, aby wyświetlić twoją mapę witryny HTML w formacie kompaktowego archiwum z datami.
Jest to podobne do tego, jak wyświetlamy nasze kompaktowe archiwa na naszych stronach 404 w WPBeginner.
Po dostosowaniu własnych ustawień mapy witryny HTML, kliknij przycisk „Zapisz zmiany”.
Teraz odwiedzający twoją stronę mogą zobaczyć mapę witryny HTML i łatwiej poruszać się po witrynie internetowej.
Jeśli wybrałeś opcję „Dedykowana strona” powyżej, możesz przejść na stronę klikając przycisk „Otwórz mapę witryny HTML”.
Metoda 2: Dodanie strony mapy witryny HTML w WordPress z prostą mapą witryny
Simple Sitemap to darmowa wtyczka, która pozwala łatwo dodać mapę witryny HTML do twojej witryny internetowej WordPress.
Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i włączanie wtyczki Simple Sitemap. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.
Po włączeniu wtyczki można otworzyć istniejącą stronę lub utworzyć nową stronę mapy witryny HTML, przechodząc do Strony ” Dodaj nowy.
Dodawanie mapy witryny HTML za pomocą prostej mapy witryny przy użyciu bloków
Ta wtyczka ma bloki Gutenberg, których można użyć do prostego dodania strony mapy witryny HTML.
Wystarczy kliknąć ikonkę „+”, a następnie wybrać opcję „Simple Sitemap”.
Innym blokiem dołączonym do tej wtyczki jest „Simple Sitemap Group”, który tworzy rozgałęzioną wizualną mapę witryny. W tym poradniku użyjemy jednak bloku „Simple Sitemap”.
Po dodaniu bloku zostanie automatycznie utworzona twoja mapa witryny HTML.
W menu po prawej stronie dostępne są opcje konfiguratora, w których można wybrać wyświetlanie wpisów, stron lub obu tych elementów razem.
W polu „Wybierz typy treści do wyświetlenia” wpisz po prostu „Wpis” lub „Strona”, aby wybrać, co chcesz wyświetlić.
Następnie możesz zmienić sposób wyświetlania listy, zmieniając listy rozwijane „Orderby” lub „Order”.
Można również wyświetlić zajawkę dla wymienionych stron lub wpisów oraz włączyć lub wyłączyć odnośniki. Zamierzamy jednak zachować domyślne ustawienia wtyczki, aby nasza mapa witryny HTML była prosta i łatwa do przeglądania.
Po zakończeniu konfiguratora własnej strony mapy witryny HTML, kliknij „Opublikuj” lub „Zapisz”, jeśli aktualizujesz starszą stronę.
Kiedy odwiedzający twoją stronę przejdą do mapy witryny HTML, zobaczą stronę nawigacyjną, która wygląda podobnie do tej poniżej.
Dodawanie mapy witryny HTML za pomocą prostej mapy witryny przy użyciu krótkich kodów
Innym sposobem dodania mapy witryny HTML do WordPressa jest użycie krótkiego kodu. Daje to większą kontrolę nad umieszczeniem twojej mapy witryny HTML i działa dla tych, którzy używają klasycznego edytora.
Wystarczy utworzyć nową stronę, przechodząc do menu Strony ” Utwórz nową, a następnie nadać jej nazwę.
Następnie kliknij ikonkę „Plus”, aby utworzyć nowy blok na twojej stronie.
Następnie wpisz „krótki kod” w polu wyszukiwania i wybierz blok „Krótki kod”.
Następnie wystarczy skopiować i wkleić jeden z poniższych krótkich kodów do edytora tekstu. Pierwszy krótki kod wyświetli twoje wpisy według kategorii, a drugi krótki kod wyświetli twoje strony.
[simple-sitemap-group]
[simple-sitemap]
Gdy to zrobisz, kliknij „Opublikuj” lub „Aktualizuj”, aby zapisać twoje zmiany.
Jeśli potrzebujesz więcej pomocy, zapoznaj się z naszym przewodnikiem na temat dodawania krótkiego kodu do WordPressa.
W ten sposób wtyczka wyświetli twoją mapę witryny odwiedzającym witrynę internetową.
Tworzenie mapy witryny HTML za pomocą prostej mapy witryny tylko dla najważniejszych stron
Wielu właścicieli witryn używa WordPressa jako systemu CMS, a ich główne treści publikowane są jako strony zamiast wpisów. Aby uzyskać więcej informacji, zobacz różnicę między wpisami i stronami w WordPress.
W tym przypadku chciałbyś, aby twoja mapa witryny HTML pokazywała strony w odpowiednim porządku hierarchicznym.
Oto jak można dodać mapę witryny HTML zawierającą tylko strony.
Po prostu dodaj ten krótki kod do strony, na której chcesz wyświetlać twoją mapę witryny HTML. Wykonaj te same kroki powyżej, aby dodać krótki kod do nowej strony WordPress:
[simple-sitemap]
W ten sposób wyświetli twoją mapę witryny HTML ze wszystkimi twoimi stronami WordPress wymienionymi na hierarchicznej liście.
Obejmuje ona również twoje strony nadrzędne i podrzędne wymienione w sposób zagnieżdżony. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat tworzenia stron podrzędnych w WordPress.
Przewodniki ekspertów dotyczące poprawy nawigacji WordPress
Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak dodać stronę mapy witryny HTML w WordPress. Możesz również zapoznać się z innymi przewodnikami związanymi z ulepszaniem nawigacji WordPress:
- Jak utworzyć wizualną mapę witryny w WordPress
- Jak wyświetlić okruszki odnośników nawigacyjnych w WordPress?
- Jak dodać następne / poprzednie odnośniki w WordPress (przewodnik)
- Jak dodać nawigację za pomocą klawiszy strzałek w WordPress?
- Jak utworzyć spis treści we wpisach i na stronach WordPressa?
- Jak dodać menu nawigacyjne w WordPress (przewodnik dla początkujących)
- Jak utworzyć pionowe menu nawigacyjne w WordPress
- Jak stworzyć przypięte pływające menu nawigacyjne w WordPress?
- Jak dodać Mega Menu na twojej witrynie WordPress (krok po kroku)
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Robert Thompson
WordPress wants me to pay them $300 just to upgrade to their business plan so that I can have access to their plugins. I’ll pass on their offer.
WPBeginner Support
That would be a limitation if you are on WordPress.com, our tutorials are for WordPress.org sites. You can see the difference between the two in our article below!
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Administrator
faraz ahmed
How can i show sitemap specific category wise?
WPBeginner Support
The second plugin from this article should allow you to separate the content by category.
Administrator
Carol
Cannot get POSTS to show like pages do, so it’s useless for me. On my site, pages are static stuff, About, etc. But posts are the new items that people want to see right away. I do research on various topics and that is the heart and soul of my blog. I want them to see the new stuff in order on that subject, in a list. I really don’t care about Pages, Privacy, Cookies, About, stuff you look at once, maybe, if ever
I have experimented with the code, get only the CODE on the finished page.
What can I do?
WPBeginner Support
Hi Carol,
Please see our article on how to add topics in WordPress navigation menus.
Administrator
Shawn
I’d like to generate a sitemap page with all my woocommerce shop categories and products. Can this plugin do that?
Raghvendra singh Jadon
can’t we make a sitemap page like privacy policy or contact us
deepa
is it possible if we can create our own sitemap
shirish
really very nice and useful article.
ibu solihatun
The article is very interesting. Helped me understand many things and will be happy soon to write like again.
Memory
Thank you so very much, this site map is amazingly fine-tuned, absolutely perfect, and saved me a great deal of time.
srekanth
how can i create the xml sitemap like html site is there any possibilites
adilop
Sir, sitemap of yoast plugin isn’t enough?
WPBeginner Support
Please read the section about the difference between XML and HTML sitemaps.
Administrator
adilop
Thanks for your suggestion sir.
Blane Beckwith
I added an HTML site map to my webpage, and it made a very nice looking, and functional archive page.
Connor Rickett
Never a bad idea to have a sitemap for your visitors. Just as a side note, when/if you submit your sitemap to Google, make sure it’s the XML one!
Natascha
What I do miss though is, why would someone need a HTML sitemap or when is it recommended? Maybe a short pro and cons list would help. Thanks
WPBeginner Support
It is more useful for sites with static and non-chronological content, i.e. pages. A sitemap page can help users see all the pages in their hierarchical order.
Administrator