Att hjälpa dina besökare att utforska din webbplats med lätthet är en hög prioritet för alla ägare. Därför vill vi visa dig hur du lägger till en HTML-sitemap-sida i WordPress.
Detta är inte den tekniska sitemap som är avsedd för sökmotorer. Den här är specifikt utformad för de som surfar på ditt innehåll.
Det är en enda sida som snyggt listar alla dina viktiga inlägg och sidor. Tänk på det som en vänlig karta till allt du erbjuder.
Vi rekommenderar alltid detta som en snabb vinst för att förbättra användarupplevelsen. Det är ett enkelt steg med märkbara fördelar för din publik.
Låt oss börja tillsammans. Vi kommer att gå igenom två olika sätt att göra detta, steg för steg.
Vad är skillnaden mellan XML- och HTML-webbplatser?
En XML-sitemap är en fil som listar ditt webbplatsinnehåll i XML-format för sökmotorer som Google och andra.
Du kan skicka in din XML-webbplats i webbansvarigverktyg för att förbättra och kontrollera hur sökmotorerna genomsöker din webbplats.
Å andra sidan är en HTML-webbplatskarta för dina faktiska webbplatsbesökare. Det är en enkel sida som listar alla dina inlägg och sidor på ett organiserat sätt.
Nu när du vet skillnaden, låt oss titta på hur du lägger till en HTML-sitemap-sida i WordPress med hjälp av två olika WordPress-plugins. Du kan använda snabblänkarna nedan för att hoppa direkt till den metod du vill använda:
- Lägg till HTML-webbplatskarta i WordPress med All in One SEO
- Lägg till HTML-webbplats-sida i WordPress med Simple Sitemap
- HTML Sitemap FAQs
Metod 1: Lägg till HTML-sitemap-sida i WordPress med All in One SEO
Vi rekommenderar att använda All in One SEO-pluginet för att lägga till en HTML-sitemap-sida i WordPress. Det är det bästa WordPress SEO-pluginet på marknaden, som används av över 3 miljoner webbplatser, och det låter dig skapa en HTML-sitemap med ett par klick.
Notera: Det finns en gratisversion av All in One SEO Lite tillgänglig, som inkluderar HTML-webbplatskartsfunktionen nedan, men vi kommer att använda premiumversionen i våra skärmdumpar eftersom den inkluderar kraftfulla funktioner som smarta webbplatskartor, omdirigeringshanterare, SEO-schema och mer.
Det första du behöver göra är att installera pluginet All in One SEO. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
Vid aktivering öppnas AIOSEO installationsguiden, som guidar dig genom installationen av pluginet och inställningen av dina SEO-inställningar.
Klicka helt enkelt på knappen 'Låt oss börja' och följ stegen.
Därefter kommer du att tas till WordPress admin-instrumentpanelen, där du kommer att ha ett nytt menyalternativ som heter 'All in One SEO'.
Sedan behöver du gå till All in One SEO » Webbplatskartor, klicka på menyalternativet 'HTML-webbplatskarta' och se till att växlingsknappen 'Aktivera webbplatskarta' är påslagen.
Därefter kan du välja hur du vill visa din HTML-sitemap.
För den här handledningen väljer vi alternativet 'Dedikerad sida', men du kan också lägga till den som en kortkod, block, widget och mer.
Ange sedan sidans URL där du vill att HTML-sitemappen ska visas. Pluginet kommer automatiskt att skapa en ny sida åt dig.
När du har gjort det, scrolla ner till avsnittet ‘HTML Sitemap Settings’.
Här kan du anpassa hur din HTML-sitemap ska visas. Du har kontroll över vilka inlägg och sidor som ska visas, taxonomier som kategorier och taggar, sorteringsordning och mer.
Du kan också aktivera 'Kompakta arkiv' för att visa din HTML-webbplats i ett kompakt datumarkivformat.
Detta liknar hur vi visar våra kompakta arkiv på våra 404-sidor här på WPBeginner.
När du är klar med att anpassa dina inställningar för HTML-sitemap, se till att klicka på knappen 'Spara ändringar'.
Nu kan dina besökare se din HTML-sitemap och enklare navigera runt på din webbplats.
Om du valde alternativet 'Dedikerad sida' ovan, kan du besöka sidan genom att klicka på knappen 'Öppna HTML-sitemap'.
Metod 2: Lägg till HTML-sitemap-sida i WordPress med Simple Sitemap
Simple Sitemap är en gratis plugin som låter dig enkelt lägga till en HTML-sitemap på din WordPress-webbplats.
Det första du behöver göra är att installera och aktivera pluginet Simple Sitemap. För mer information, se vår nybörjarguide om hur man installerar ett WordPress-plugin.
När pluginet är aktiverat kan du öppna en befintlig sida eller skapa en ny HTML-webbplatskarta genom att navigera till Sidor » Lägg till ny.
Lägga till en HTML-sitemap med Simple Sitemap med hjälp av block
Den här pluginen har Gutenberg-block som du kan använda för att enkelt lägga till en HTML-sitemap-sida.
All you need to do is click the ‘+’ icon, then select the ‘Simple Sitemap’ option.
Ett annat block som ingår i detta plugin är 'Simple Sitemap Group' som skapar en visuell sitemap med förgreningar. Men vi kommer att använda blocket 'Simple Sitemap' för den här handledningen.
När du har lagt till blocket skapas din HTML-webbplatskarta automatiskt.
I den högra menyn har du anpassningsalternativ där du kan välja att visa 'Inlägg' eller 'Sidor', eller båda tillsammans.
I rutan under 'Välj inläggstyper att visa', ange helt enkelt 'Inlägg' eller 'Sida' för att välja vad du vill visa.
Sedan kan du ändra hur listan visas genom att ändra rullgardinsmenyerna ‘Orderby’ eller ‘Order’.
Du kan också visa utdraget för de listade sidorna eller inläggen och aktivera eller inaktivera länkar. Vi kommer dock att behålla standardinställningarna för plugin för att hålla vår HTML-webbplats enkel och lätt att bläddra.
Once you’ve finished customizing your HTML sitemap page, click ‘Publish’ or ‘Save’ if you are updating an older page.
När dina besökare går till din HTML-webbplats ser de en navigeringssida som liknar den nedan.
Lägga till en HTML-webbplatskarta med Simple Sitemap med hjälp av kortkoder
Ett annat sätt att lägga till en HTML-webbplatskarta i WordPress är att använda en kortkod. Detta ger dig mer kontroll över placeringen av din HTML-webbplatskarta och fungerar för dem som använder klassiska redigeraren.
Skapa helt enkelt en ny sida genom att navigera till Sidor » Lägg till ny, ge sedan din nya sida ett namn.
Klicka sedan på ikonen 'Plus' för att lägga till ett nytt block på din sida.
Skriv sedan 'shortcode' i sökfältet och välj blocket 'Shortcode'.
After that, simply copy and paste one of the following shortcodes into the text editor. The first shortcode will list your posts by category, and the second shortcode will list your pages.
[simple-sitemap-group]
[simple-sitemap]
När du har gjort det, klicka på 'Publicera' eller 'Uppdatera' för att spara dina ändringar.
Om du behöver mer hjälp, se vår guide om hur man lägger till en kortkod i WordPress.
Så här kommer pluginet att visa din webbplatskarta för dina webbplatsbesökare.
Skapa en HTML-webbplatskarta med Simple Sitemap för endast topp-sidor
Many site owners use WordPress as a CMS, with their main content published as pages instead of posts. For more details, see the difference between posts and pages in WordPress.
I det här fallet vill du att din HTML-webbplatskarta ska visa sidor i rätt hierarkisk ordning.
Här är hur du kan lägga till en HTML-sitemap med endast sidor.
Lägg helt enkelt till denna kortkod på sidan där du vill visa din HTML-webbplatskarta. Följ samma steg ovan för att lägga till kortkoden på en ny WordPress-sida:
[simple-sitemap]
This is how it will display your HTML sitemap with all your WordPress pages listed in a hierarchical list.
Den inkluderar även dina föräldra- och barnsidors listning på ett nästlat sätt. För mer information, se vår guide om hur man skapar en barn-sida i WordPress.
Vanliga frågor om HTML-webbplatskarta
Vi vet att du kanske har några fler frågor om att skapa en HTML-webbplats i WordPress. Här är svaren på några av de vanligaste vi hör.
1. Vad är den huvudsakliga skillnaden mellan en HTML-sitemap och en XML-sitemap?
En HTML-sitemap är en synlig sida på din webbplats skapad för att hjälpa dina mänskliga besökare att enkelt hitta innehåll. Däremot är en XML-sitemap en fil som är specifikt gjord för sökmotorer som Google för att hjälpa dem att upptäcka och förstå din webbplats struktur mer effektivt.
2. Är en HTML-sitemap bra för SEO?
Ja, det är det. Medan HTML-sitemappen är gjord för användare, förbättrar den användarupplevelsen genom att göra din webbplats lättare att navigera. Detta kan leda till att besökare stannar längre och tittar på fler sidor, vilket är positiva signaler som indirekt kan hjälpa till att öka dina SEO-rankingar.
3. Uppdateras HTML-webbplatskartan automatiskt när jag lägger till nytt innehåll?
Ja! Det bästa med att använda ett plugin som All in One SEO eller Simple Sitemap är att det automatiskt uppdaterar din webbplatskarta när du publicerar ett nytt inlägg eller en ny sida. Detta håller din webbplatskarta aktuell utan att du behöver göra något.
4. Var ska jag placera min HTML-sitemap?
The most common and helpful place to link to your HTML sitemap is in your website’s footer. This makes it accessible to visitors from any page on your site without cluttering your main navigation menu.
5. Hur lägger jag till min nya HTML-webbplatskartasida i min navigeringsmeny?
När din webbplats-sida har publicerats kan du lägga till den i vilken meny som helst genom att gå till Utseende » Menyer i din WordPress-adminpanel. Därifrån hittar du bara webbplats-sidan i listan till vänster, markerar rutan och lägger till den i din önskade meny.
Videohandledning
Experthandledningar för att förbättra WordPress-navigering
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till en HTML-webbplatskartsida i WordPress. Du kanske också vill se några andra guider relaterade till att förbättra WordPress-navigering:
- Hur man skapar en visuell webbplatskarta i WordPress
- Hur man visar navigeringslänkar för brödsmulor i WordPress
- Hur man lägger till Nästa / Föregående länkar i WordPress (ultimat guide)
- Hur man lägger till pilknapps-tangentbordsnavigering i WordPress
- Hur man skapar en innehållsförteckning i WordPress-inlägg och sidor
- Hur man lägger till en navigeringsmeny i WordPress (nybörjarguide)
- Hur man skapar en vertikal navigeringsmeny i WordPress
- Hur man skapar en klistrig flytande navigeringsmeny i WordPress
- Hur man lägger till en megameny på din WordPress-webbplats (steg för steg)
Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
Linh
Hittills gäller dessa 2 metoder inte min webbplats eftersom jag bara vill välja en specifik kategori som ska visas på HTML-sitemappen. Varken AIOSEO eller SimpleSitemap tillåter mig att göra det. Naturligtvis har jag provat Avancerade inställningar (bara AIO har det) men då måste jag manuellt välja varje enskilt inlägg eller sida som ska exkluderas från sitemappen. Detta manuella krav dödar helt enkelt syftet med att använda plugins för att skapa en HTML-sitemap.
En annan sak med denna AIO (som wpbeginner marknadsför den hela tiden och får mig att känna att den är som en allsmäktig plugin) är med brödsmulan:
Denna funktion från AIO följer helt enkelt INTE URL-logiken! Mer specifikt, den visas bara snyggt på din webbplats tills du klickar på den för att komma tillbaka till föregående sida (eller föräldrasidan), vilket varje människa gör när de surfar på någon webbplats. AIO kommer att föra dig till andra sidor (vilket är arkivsidan). Personligen förstår jag inte det.
För mig, förutom SEO-verktyg, erbjuder AIO en för grundläggande funktion, för att inte säga, oanvändbar när det gäller självhostade webbplatser.
WPBeginner Support
Tack för din feedback, om du bara ville ha några av dina inlägg och sidor på en specifik sida istället för en samling av alla dina inlägg och sidor skulle vi rekommendera att du manuellt skapar den lista du önskar och det bör uppnå det du vill, såvida vi inte missförstår målet du försöker uppnå.
Angående ditt uttalande om brödsmulor, brödsmulor finns där för att länka till organisationen av ditt innehåll och inte specifikt vara en bakåtknapp, normalt skulle det göras av webbläsaren eller en alternativ metod.
Admin
Jiří Vaněk
Jag har alltid ansett en sitemap som ett verktyg för att förbättra SEO och visa Google eller andra sökmotorers robotar innehållet på mina sidor. Det är intressant hur man ibland fokuserar så mycket på sökmotorer att man glömmer att göra webbplatsen mer tillgänglig för vanliga användare. Jag skapade en HTML-sitemap och placerade den på webbplatsen så att folk lättare kan navigera innehållet om de vill. Tack för den nya insikten att en sitemap kan tjäna användare lika bra som robotar.
Dennis Muthomi
Hej WPBeginner, tack för den här informativa artikeln
Jag har alltid fokuserat på XML-webbplatser för sökmotorer, men jag ser nu värdet av HTML-webbplatser för användarnavigering.
Tack för instruktionerna för att använda All in One SEO.
Robert Thompson
WordPress vill att jag ska betala dem 300 dollar bara för att uppgradera till deras företagsplan så att jag kan få tillgång till deras plugins. Jag avstår från deras erbjudande.
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/
Admin
faraz ahmed
Hur kan jag visa en webbplatskarta specifik för kategorier?
WPBeginner Support
The second plugin from this article should allow you to separate the content by category.
Admin
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
Jag har experimenterat med koden, får bara KODEN på den färdiga sidan.
Vad kan jag göra?
WPBeginner Support
Hej Carol,
Please see our article on how to add topics in WordPress navigation menus.
Admin
Shawn
Jag skulle vilja generera en webbplatskarta med alla mina woocommerce-butikskategorier och produkter. Kan detta plugin göra det?
Raghvendra singh Jadon
kan vi inte skapa en sitemap-sida som integritetspolicy eller kontakta oss
deepa
är det möjligt om vi kan skapa vår egen webbplatskarta
shirish
Riktigt mycket trevlig och användbar artikel.
ibu solihatun
Artikeln är mycket intressant. Hjälpte mig att förstå många saker och kommer snart att vara glad att skriva så igen.
Minne
Tack så mycket, den här webbplatskartan är otroligt finjusterad, absolut perfekt och har sparat mig mycket tid.
srekanth
hur kan jag skapa xml-sitemap som html-sida finns det några möjligheter
adilop
Herr, räcker inte sitemappen från Yoast-pluginen?
WPBeginner Support
Läs avsnittet om skillnaden mellan XML- och HTML-webbplatskartor.
Admin
adilop
Tack för ditt förslag, herr.
Blane Beckwith
Jag lade till en HTML-webbplatskarta till min webbsida, och det blev en mycket snygg och funktionell arkivsida.
Connor Rickett
Det är aldrig en dålig idé att ha en sitemap för dina besökare. Bara som en sidonotering, när/om du skickar din sitemap till Google, se till att det är XML-versionen!
Natascha
Vad jag dock saknar är, varför skulle någon behöva en HTML-sitemap eller när rekommenderas det? Kanske en kort lista med för- och nackdelar skulle hjälpa. Tack
WPBeginner Support
Det är mer användbart för webbplatser med statiskt och icke-kronologiskt innehåll, dvs. sidor. En sitemap-sida kan hjälpa användare att se alla sidor i sin hierarkiska ordning.
Admin