Większość witryn WordPress nie ma jednej strony, która zawiera wszystko w jednym miejscu, więc odwiedzający muszą polegać na menu lub wyszukiwaniu, aby natrafić na właściwą treść.
Mapa witryny HTML rozwiązuje ten problem, umieszczając wszystkie ważne treści na jednej stronie. W tym przewodniku pokażemy, jak utworzyć ją za pomocą wtyczki i bez fragmentów kodu.
Jaka jest różnica między mapami witryn XML a HTML?
Mapa witryny XML to plik, który zawiera wszystkie treści Twojej witryny w formacie, który wyszukiwarki takie jak Google mogą odczytać. Możesz przesłać ją w Google Search Console, aby pomóc wyszukiwarkom szybciej znajdować i indeksować Twoje strony.
Mapa witryny HTML działa inaczej. Pomyśl o niej jak o tablicy informacyjnej w centrum handlowym.
Zamiast kierować wyszukiwarki, kieruje ona Twoich odwiedzających, wymieniając Twoje posty i strony na jednej zorganizowanej stronie, dzięki czemu ludzie mogą szybko znaleźć to, po co przyszli.
Teraz, gdy znasz różnicę, przyjrzyjmy się, jak dodać mapę witryny HTML do Twojej witryny WordPress. Możesz skorzystać z poniższych szybkich linków, aby przejść bezpośrednio do metody, której chcesz użyć:
Metoda 1: Dodaj stronę mapy strony HTML w WordPressie za pomocą All in One SEO
Korzystanie z wtyczki SEO WordPress, takiej jak bezpłatna wtyczka All in One SEO, to najłatwiejszy sposób na dodanie strony mapy witryny HTML za pomocą kilku kliknięć.
Ponieważ wtyczka już obsługuje Twoją mapę witryny XML i podstawowe ustawienia SEO, możesz zarządzać obiema z nich z tego samego miejsca, zamiast instalować osobne narzędzie tylko do tego celu.
Najpierw musisz zainstalować i aktywować wtyczkę. Po aktywacji otworzy się kreator konfiguracji, w którym możesz kliknąć przycisk „Rozpocznij”.
Jeśli chcesz pełnego przewodnika po każdym ustawieniu, zobacz nasz poradnik, jak skonfigurować All in One SEO dla WordPress.
Po zakończeniu przejdź do All in One SEO » Mapy witryny i kliknij zakładkę „Mapa witryny HTML”. Następnie włącz przełącznik „Włącz mapę witryny”.
Następnie wybierz, w jaki sposób chcesz wyświetlić swoją mapę witryny. W tym samouczku wybierzemy opcję „Dedykowana strona”. Alternatywnie możesz dodać ją jako skrócony kod, blok lub widżet.
Po wykonaniu tej czynności wprowadź adres URL, pod którym chcesz, aby pojawiła się Twoja mapa witryny, a wtyczka automatycznie utworzy dla Ciebie tę stronę.
Uwaga: Ponieważ All in One SEO tworzy tę stronę dynamicznie, nie pojawi się ona na liście Twoich stron w obszarze administracyjnym WordPress. Zawsze możesz wrócić do tego ekranu ustawień, aby wprowadzić zmiany.
Następnie przewiń w dół do sekcji „Ustawienia mapy witryny HTML”. Tutaj możesz wybrać, które typy postów i taksonomie, takie jak kategorie i tagi, mają być wyświetlane na Twojej mapie witryny.
Jeśli chcesz mieć większą kontrolę, „Ustawienia zaawansowane” pozwalają wykluczyć określone posty, strony lub terminy z listy.
Możesz także włączyć „Kompaktowe archiwa”, jeśli wolisz wyświetlać swoją mapę witryny jako skompaktowane archiwum dat zamiast pełnej listy. Gdy będziesz zadowolony z ustawień, kliknij „Zapisz zmiany”.
Twoja mapa strony HTML jest już dostępna. Jeśli wybrałeś opcję „Dedykowana strona”, możesz ją wyświetlić, klikając przycisk „Otwórz mapę strony HTML”.
Metoda 2: Dodaj stronę mapy witryny HTML w WordPress za pomocą kodu
Jeśli nie chcesz używać All in One SEO, ponieważ nie potrzebujesz wszystkich jego innych funkcji, możesz utworzyć mapę strony HTML, dodając niestandardowy kod do pliku functions.php swojego motywu potomnego.
Jednak najmniejszy błąd może zrujnować całą Twoją witrynę i spowodować biały ekran śmierci WordPress.
Dlatego zalecamy używanie wtyczki do fragmentów kodu, takiej jak WPCode. Jej darmowa wersja pozwala bezpiecznie dodawać i zarządzać kodem bez dotykania plików motywu.
Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki WPCode. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.
Po jej aktywacji przejdź do Fragmenty kodu » + Dodaj fragment z panelu administratora WordPress. Najedź kursorem na „Dodaj własny kod (nowy fragment)” i kliknij „Użyj fragmentu”.
Na nowym ekranie wybierz „Fragment PHP” jako typ kodu i nadaj fragmentowi tytuł, aby można go było później znaleźć. Może to być coś w stylu „Mapa strony HTML”.
Następnie wklej poniższy kod do pola „Podgląd kodu”.
function custom_html_sitemap() {
$out = '<ul class="custom-sitemap">';
// Pages
$pages = get_pages(
array(
'sort_column' => 'menu_order,post_title',
'post_status' => 'publish',
)
);
foreach ( $pages as $page ) {
$out .= sprintf(
'<li><a href="%s">%s</a></li>',
esc_url( get_permalink( $page->ID ) ),
esc_html( get_the_title( $page->ID ) )
);
}
// Recent posts
$recent_posts = get_posts(
array(
'posts_per_page' => 50,
'post_status' => 'publish',
'orderby' => 'date',
'order' => 'DESC',
'post_type' => 'post',
'ignore_sticky_posts' => true,
)
);
foreach ( $recent_posts as $p ) {
$out .= sprintf(
'<li><a href="%s">%s</a></li>',
esc_url( get_permalink( $p->ID ) ),
esc_html( get_the_title( $p->ID ) )
);
}
$out .= '</ul>';
return $out;
}
add_shortcode( 'custom_html_sitemap', 'custom_html_sitemap' );
Ten kod najpierw wymienia wszystkie opublikowane strony, następnie 50 najnowszych wpisów, a wszystko to opakowuje w krótki kod [custom_html_sitemap], który można umieścić na dowolnej stronie.
Po zakończeniu przełącz przełącznik u góry z „Nieaktywny” na „Aktywny”, a następnie kliknij „Zapisz fragment”.
Teraz utwórz nową stronę, przechodząc do Strony » Dodaj nową, lub otwórz istniejącą stronę, na której chcesz wyświetlić swoją mapę strony. Dodaj blok „Krótki kod” i wklej do niego następujący krótki kod:
[custom_html_sitemap]
Po opublikowaniu strony odwiedzający zobaczą prostą listę Twoich stron i najnowszych wpisów, wszystkie połączone i gotowe do przeglądania.
FAQ dotyczące mapy witryny HTML
Czy mapa witryny HTML jest dobra dla SEO?
Tak. Mapa strony HTML dodaje wewnętrzny link do każdej ważnej strony w Twojej witrynie, co pomaga wyszukiwarkom odkrywać Twoje treści. Ułatwia również nawigację po witrynie dla odwiedzających.
Czy mapa witryny HTML aktualizuje się automatycznie po dodaniu nowej treści?
Tak. Niezależnie od tego, czy używasz All in One SEO, czy powyższej metody niestandardowego kodu, Twoja mapa strony aktualizuje się automatycznie po opublikowaniu nowego wpisu lub strony. Nie będziesz musiał nic więcej robić, aby ją aktualizować.
Gdzie powinienem umieścić moją mapę witryny HTML?
Najczęstszym miejscem do umieszczenia linku do mapy strony HTML jest stopka Twojej witryny. Dzięki temu jest ona dostępna z każdej strony, nie zaśmiecając głównego menu nawigacyjnego.
Innym dobrym miejscem jest Twoja strona błędu 404. Jeśli odwiedzający trafi na niedziałający link, link do mapy strony HTML może pomóc mu znaleźć to, czego szukał.
Jak dodać moją nową stronę mapy witryny HTML do menu nawigacyjnego?
Po opublikowaniu mapy strony przejdź do Wygląd » Menu w panelu administratora WordPress, aby dodać ją do dowolnego menu. Jeśli użyłeś metody niestandardowego kodu, zaznacz pole wyboru obok swojej nowej strony.
Jednak jeśli użyłeś All in One SEO, Twoja dynamicznie utworzona strona nie pojawi się na liście stron. Będziesz musiał kliknąć zakładkę „Linki niestandardowe”, aby wkleić adres URL swojej mapy strony.
Jeśli używasz motywu blokowego (block theme), musisz dodać link za pomocą Edytora witryny.
Samouczek wideo
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać stronę mapy witryny HTML w WordPress. Możesz również sprawdzić, jak wyświetlić nawigację okruszkową w WordPress oraz nasz kompleksowy przewodnik po SEO w 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.
Linh
Do tej pory te 2 metody nie mają zastosowania do mojej strony internetowej, ponieważ chciałbym wybrać tylko określoną kategorię do wyświetlenia na mapie witryny HTML. Ani AIOSEO, ani SimpleSitemap na to nie pozwalają. Oczywiście próbowałem Ustawień zaawansowanych (tylko AIO je ma), ale wtedy muszę ręcznie wybrać każdy pojedynczy Post lub Stronę, które zostaną wykluczone z Mapy witryny. Ten ręczny wymóg po prostu zabija cel korzystania z wtyczek do tworzenia mapy witryny HTML.
Inna sprawa z tym AIO (które wpbeginner reklamuje je cały czas i sprawia, że czuję się, jakby to była wszechmocna wtyczka) to okruszki chleba:
Ta funkcja z AIO po prostu NIE przestrzega logiki adresów URL! Mówiąc dokładniej, wygląda ładnie na Twojej stronie internetowej tylko do momentu kliknięcia w nią, aby powrócić do poprzedniej strony (lub strony nadrzędnej), co każdy człowiek robi podczas przeglądania dowolnej strony internetowej. AIO przeniesie Cię na inne strony (które są stronami archiwum). Osobiście tego nie rozumiem.
Dla mnie, poza narzędziami SEO, AIO oferuje zbyt podstawową funkcję, nie mówiąc już o tym, że jest bezużyteczna w przypadku witryn hostowanych samodzielnie.
Wsparcie WPBeginner
Dziękujemy za Twoją opinię. Jeśli chciałeś tylko kilka swoich postów i stron na konkretnej stronie zamiast kolekcji wszystkich swoich postów i stron, zalecamy ręczne utworzenie listy, której potrzebujesz, a to powinno osiągnąć to, czego chcesz, chyba że źle rozumiemy cel, do którego dążysz.
Odnośnie Twojej uwagi na temat okruszków nawigacyjnych (breadcrumbs), okruszki służą do linkowania do organizacji Twoich treści, a nie konkretnie jako przycisk wstecz. Zazwyczaj byłoby to realizowane przez przeglądarkę lub inną metodę.
Administrator
Jiří Vaněk
Zawsze uważałem mapę witryny za narzędzie do poprawy SEO i pokazywania Google lub innym botom wyszukiwarek zawartości moich stron. Ciekawe, jak czasami tak bardzo skupiasz się na wyszukiwarkach, że zapominasz o uczynieniu strony internetowej bardziej dostępną dla zwykłych użytkowników. Stworzyłem mapę witryny HTML i umieściłem ją na stronie internetowej, aby ludzie mogli łatwiej nawigować po treściach, jeśli tego chcą. Dziękuję za nowe spostrzeżenie, że mapa witryny może służyć użytkownikom równie dobrze, jak robotom.
Dennis Muthomi
Cześć WPBeginner, dziękuję za ten pouczający artykuł.
Zawsze skupiałem się na mapach witryn XML dla wyszukiwarek, ale teraz widzę wartość map witryn HTML dla nawigacji użytkownika.
Dziękuję za instrukcje dotyczące korzystania z All in One SEO.
Robert Thompson
WordPress chce, abym zapłacił im 300 USD tylko za uaktualnienie do ich planu biznesowego, abym mógł uzyskać dostęp do ich wtyczek. Odpuszczę ich ofertę.
Wsparcie WPBeginner
Byłoby to ograniczenie, jeśli korzystasz z WordPress.com, nasze poradniki są dla witryn WordPress.org. Różnicę między tymi dwoma możesz zobaczyć w naszym artykule poniżej!
https://014.leahstevensyj.workers.dev/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Administrator
Faraz Ahmed
Jak mogę wyświetlić mapę witryny według kategorii?
Wsparcie WPBeginner
Druga wtyczka z tego artykułu powinna pozwolić Ci na oddzielenie treści według kategorii.
Administrator
Carol
Nie mogę sprawić, żeby POSTY wyświetlały się tak jak strony, więc jest to dla mnie bezużyteczne. Na mojej stronie strony to statyczne rzeczy, O nas itp. Ale posty to nowe pozycje, które ludzie chcą od razu zobaczyć. Prowadzę badania na różne tematy i to jest serce i dusza mojego bloga. Chcę, żeby widzieli nowe rzeczy w kolejności na ten temat, w formie listy. Naprawdę nie obchodzą mnie Strony, Prywatność, Ciasteczka, O nas, rzeczy, które oglądasz raz, może, jeśli w ogóle.
Eksperymentowałem z kodem, na gotowej stronie pojawia się tylko KOD.
Co mogę zrobić?
Wsparcie WPBeginner
Cześć Carol,
Zobacz nasz artykuł o tym, jak dodawać tematy do menu nawigacyjnych WordPress.
Administrator
Shawn
Chciałbym wygenerować stronę mapy witryny ze wszystkimi moimi kategoriami i produktami sklepu WooCommerce. Czy ta wtyczka może to zrobić?
Raghvendra Singh Jadon
czy nie możemy stworzyć strony z mapą witryny podobnej do polityki prywatności lub kontaktu
Deepa
czy jest to możliwe, jeśli możemy stworzyć własną mapę witryny
Shirish
naprawdę bardzo miły i przydatny artykuł.
Ibu Solihatun
Artykuł jest bardzo interesujący. Pomógł mi wiele zrozumieć i wkrótce będę szczęśliwy, pisząc ponownie w ten sposób.
Pamięć
Dziękuję bardzo, ta mapa witryny jest niesamowicie dopracowana, absolutnie idealna i zaoszczędziła mi mnóstwo czasu.
Srekanth
jak mogę stworzyć mapę strony xml podobną do strony html, czy są jakieś możliwości
Adilop
Panie, mapa witryny z wtyczki Yoast nie wystarczy?
Wsparcie WPBeginner
Proszę przeczytać sekcję o różnicy między mapami witryny XML i HTML.
Administrator
Adilop
Dziękuję za sugestię, panie.
Blane Beckwith
Dodałem mapę witryny HTML do mojej strony internetowej, co stworzyło bardzo ładną i funkcjonalną stronę archiwum.
Connor Rickett
Nigdy nie zaszkodzi mieć mapy witryny dla odwiedzających. Tak na marginesie, kiedy/jeśli prześlesz swoją mapę witryny do Google, upewnij się, że jest to mapa XML!
Natascha
Czego mi jednak brakuje, to dlaczego ktoś potrzebowałby mapy witryny w formacie HTML lub kiedy jest ona zalecana? Może krótka lista plusów i minusów by pomogła. Dziękuję
Wsparcie WPBeginner
Jest bardziej przydatna dla stron o treści statycznej i niechronologicznej, tj. stron. Strona z mapą witryny może pomóc użytkownikom zobaczyć wszystkie strony w ich hierarchicznym porządku.
Administrator