Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak dodać stronę mapy witryny HTML w WordPress (2 sposoby)

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….

How to add an HTML sitemap page in WordPress

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

Subscribe to WPBeginner

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.

AIOSEO setup wizard

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.

Enable HTML sitemap

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ę.

Enter URL for HTML sitemap page

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.

Customize HTML sitemap settings

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”.

Save custom HTML page settings

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”.

HTML sitemap example page

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”.

Add simple sitemap block

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ć.

Sitemap created add posts or pages

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.

Customize sitemap order and appearance

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.

Final block sitemap example

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ę.

Add new block for HTML sitemap

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”.

Add shortcode block

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]
Paste shortcode and publish

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ą.

HTML sitemap posts and pages

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.

HTML sitemap page example

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:

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

21 komentarzyZostaw odpowiedź

  1. 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!

  2. 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.

  3. 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

  4. 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?

  5. Shawn

    I’d like to generate a sitemap page with all my woocommerce shop categories and products. Can this plugin do that?

  6. Raghvendra singh Jadon

    can’t we make a sitemap page like privacy policy or contact us

  7. deepa

    is it possible if we can create our own sitemap

  8. shirish

    really very nice and useful article.

  9. ibu solihatun

    The article is very interesting. Helped me understand many things and will be happy soon to write like again.

  10. Memory

    Thank you so very much, this site map is amazingly fine-tuned, absolutely perfect, and saved me a great deal of time.

  11. srekanth

    how can i create the xml sitemap like html site is there any possibilites

  12. adilop

    Sir, sitemap of yoast plugin isn’t enough?

  13. Blane Beckwith

    I added an HTML site map to my webpage, and it made a very nice looking, and functional archive page.

  14. 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!

  15. 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

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.