Jak stworzyć wizualną mapę strony w WordPress (łatwy sposób)

Czy kiedykolwiek odwiedziłeś dużą, złożoną stronę internetową i czułeś się zagubiony, próbując znaleźć to, czego potrzebujesz? Zauważyliśmy ten problem na kilku dużych stronach, takich jak publikacje informacyjne czy sklepy internetowe, nawet jeśli mają już przydatne menu nawigacyjne 😅

Dobra wiadomość jest taka, że odkryliśmy proste rozwiązanie tego problemu: wizualna mapa witryny. Jest to przyjazny dla użytkownika przewodnik, który pomaga odwiedzającym nawigować po strukturze witryny.

W tym poście pokażemy Ci, jak utworzyć wizualną mapę witryny w WordPress za pomocą łatwej w użyciu wtyczki.

Czy moja witryna naprawdę potrzebuje wizualnej mapy witryny?

Mapa witryny jest jak mapa drogowa dla Twojej strony internetowej, pokazująca wszystkie ważne strony i sposób ich połączenia.

Jeśli znasz zasady SEO WordPress, prawdopodobnie znasz już termin mapy witryn XML. Są one przeznaczone dla wyszukiwarek, pomagając im znaleźć i zrozumieć Twoje treści.

Z drugiej strony, istnieje również mapa witryny HTML.

W tym poście skupimy się na wizualnych mapach witryny, które są rodzajem mapy witryny HTML wyświetlającej strukturę Twojej witryny w bardziej atrakcyjny wizualnie i łatwy do zrozumienia sposób niż mapa witryny XML.

Jeśli masz stronę internetową, która obsługuje różne typy użytkowników, wizualna mapa strony może pomóc skierować każdego odwiedzającego do strony lub posta najbardziej odpowiadającego jego zainteresowaniom. To jak posiadanie przyjaznego przewodnika, który pokazuje wszystkim, dokąd iść.

Wizualne mapy stron mogą być również świetne dla stron edukacyjnych lub kursów online. Mogą pokazywać ścieżkę nauki i pomagać studentom zrozumieć, jak różne tematy są ze sobą powiązane.

W przypadku sklepów internetowych z wieloma kategoriami produktów, wizualna mapa witryny może pomóc kupującym w szybkim zrozumieniu Twojej oferty produktowej i łatwiejszym znalezieniu interesujących ich kategorii. Oto świetny przykład, który znaleźliśmy na stronie The Good Guys:

Mając to na uwadze, przyjrzyjmy się, jak stworzyć wizualną mapę witryny w WordPressie.

Jak utworzyć wizualną mapę witryny w WordPress bez kodu (przyjazne dla początkujących) 🗺️

Kiedyś polecaliśmy wtyczkę Slick Sitemap do tworzenia wizualnych map witryn, ale nie była ona aktualizowana od dłuższego czasu. A kiedy ostatnio ją testowaliśmy, okazało się, że nie działa tak dobrze, jak kiedyś.

Próbowaliśmy również użyć Gutenberga i trochę niestandardowego CSS, aby stworzyć mapę witryny. Działało to na początku, ale gdy dodaliśmy więcej stron do naszej witryny, mapa witryny zaczęła wyglądać dziwnie, ponieważ CSS nie nadążał za zmianami.

Lubimy znajdować proste rozwiązania, które oszczędzają Twój czas i nie komplikują spraw tutaj, w WPBeginner. I na szczęście znaleźliśmy świetny zamiennik wtyczki o nazwie Simple Sitemap, która dobrze wykonuje swoje zadanie.

Aby rozpocząć, musisz zainstalować i aktywować wtyczkę WordPress na swojej stronie internetowej. Po wykonaniu tej czynności możesz utworzyć nowy wpis lub stronę dla swojej mapy witryny. Możesz też otworzyć istniejący za pomocą edytora blokowego Gutenberga.

W naszym przypadku zdecydowaliśmy się utworzyć nową stronę o nazwie „Mapa witryny”.

Po otwarciu edytora bloków kliknij przycisk „+” w dowolnym miejscu strony i wybierz blok „Prosta mapa witryny”.

Domyślnie wtyczka tworzy mapę witryny Twoich stron i ich podstron, ale nie Twoich wpisów.

Jeśli chcesz dodać posty do mapy witryny, przejdź do „Ustawień ogólnych” w zakładce „Blok”. Tutaj wpisz „Post” w polu „Wybierz typy postów do wyświetlenia”.

Po wykonaniu tej czynności wszystkie Twoje posty zostaną wyświetlone poniżej sekcji stron na mapie witryny.

Następnie dostosujmy kolejność, w jakiej wyświetlane są strony i wpisy. Możesz wybrać między tytułem, datą, identyfikatorem, autorem, nazwą, datą modyfikacji, kolejnością menu, losową kolejnością lub liczbą komentarzy. Możesz również wybrać między kolejnością „Rosnąco” lub „Malejąco”.

Przewijając w dół, możesz wybrać:

• Pokaż etykietę typu postu, aby wyraźnie odróżnić strony od postów na mapie witryny.
• Pokaż fragmenty postów i stron. Zdecydowaliśmy się wyłączyć tę opcję, ponieważ może ona sprawić, że mapa strony będzie długa.
• Włącz linki mapy witryny. Jeśli wyłączysz tę opcję, użytkownicy nie będą mogli klikać linków w mapie witryny.
• Spraw, aby każdy link otwierał się w nowej karcie za każdym razem, gdy zostanie kliknięty, aby użytkownicy nie opuszczali strony mapy witryny.

Wybór ustawień zależy od Twoich preferencji i potrzeb witryny, więc pamiętaj, aby dokładnie przemyśleć te opcje. Ponadto zawsze możesz włączyć lub wyłączyć te ustawienia, jeśli kiedykolwiek zmienisz zdanie.

Poniżej tej sekcji znajduje się „Etykiety typów postów”. Tutaj możesz zastąpić domyślną etykietę typu postu innym tekstem.

W naszym przykładzie zdecydowaliśmy się zastąpić etykietę „Strony” tekstem „Poznaj nasze strony” jako wezwanie do działania.

Na koniec możesz otworzyć „Ustawienia kart”.

Tutaj możesz włączyć zakładki do wyświetlania linków mapy witryny. Domyślnie linki mapy witryny będą podzielone na podstawie ich typu wpisu. Może to być świetna opcja, jeśli nie chcesz, aby strona mapy witryny była zbyt długa.

Gdy będziesz zadowolony z wyglądu strony mapy witryny, możesz kontynuować dostosowywanie strony do swoich potrzeb. Jeśli potrzebujesz pomocy, oto kilka przewodników, które pomogą Ci zacząć:

• Jak edytować stronę WordPress (kompletny przewodnik)
• Jak dodać niestandardowe czcionki w WordPress
• Jak dodać niestandardową listę przewijania do dowolnego elementu w WordPressie (jeśli blok mapy witryny jest nieco długi)

Kiedy będziesz gotowy, po prostu kliknij Zapisz, Zaktualizuj lub Opublikuj.

Upewnij się, że przeglądasz nową stronę na urządzeniach mobilnych, komputerach stacjonarnych i tabletach, aby sprawdzić, czy wygląda dobrze na wszystkich urządzeniach.

Oto jak wygląda nasza wizualna mapa witryny:

Dodatkowe wskazówki dotyczące ulepszenia nawigacji na Twojej stronie internetowej

Chcesz, aby Twoja witryna była jeszcze bardziej przyjazna dla użytkownika? Sprawdź poniższe przewodniki:

• Jak dodać pełnoekranowe responsywne menu w WordPress – Dowiedz się, jak utworzyć menu, które świetnie wygląda na wszystkich urządzeniach.
• Jak wyświetlić linki nawigacyjne typu breadcrumb w WordPress – Pomóż odwiedzającym zrozumieć, gdzie się znajdują na Twojej stronie.
• Jak dodać nawigację klawiaturą za pomocą klawiszy strzałek w WordPress – Spraw, aby Twoja witryna była bardziej dostępna dla użytkowników klawiatury.
• Jak stworzyć katalog pracowników w WordPress (z profilami pracowników) – Efektywnie organizuj informacje o swoim zespole.
• Sztuczki z paskiem bocznym WordPress, aby uzyskać maksymalne rezultaty – Zoptymalizuj swój pasek boczny, aby poprawić nawigację i zaangażowanie.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak utworzyć wizualną mapę witryny w WordPress. Możesz również zapoznać się z naszymi ekspertyzami dotyczącymi najlepszych kreatorów stron WordPress typu przeciągnij i upuść oraz naszym przewodnikiem po najskuteczniejszych elementach projektowych WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.