Så här uppladdar du en HTML page till WordPress utan 404 error

Minns du tiden med statiska HTML-webbplatser? Ja, det gör vi. Även nu, när WordPress driver över 43% av alla webbplatser, finns det tillfällen när du behöver ladda upp en anpassad HTML-sida. Men här är grejen – WordPress spelar inte alltid snällt med HTML-uppladdningar, och hälsar ofta användarna med den fruktade 404-felsidan.

Vi har tillbringat år med att hjälpa WordPress-användare att lösa just detta problem genom WPBeginner. Vad vi har lärt oss är att de flesta människor gör samma vanliga misstag när de försöker ladda upp HTML-sidor, vilket leder till onödig huvudvärk och bortkastad tid.

Låt oss gå igenom den beprövade process vi använder för att ladda upp HTML-sidor till WordPress utan några 404-fel. Oavsett om du lägger till en speciell landningssida eller integrerar äldre innehåll, kommer dessa steg att spara dig timmar av felsökning.

Varför ska man uppladare HTML pages till WordPress?

WordPress gör det enkelt att skapa och hantera innehåll med hjälp av inbyggda sidor och inlägg. De flesta teman levereras även med fördesignade mallar, vilket gör det enkelt att skapa professionella sidor utan att röra en enda rad kod.

Vi har byggt otaliga sidor med hjälp av WordPress-plugins för landningssidor som SeedProd, som låter oss designa sidor med dra-och-släpp-gränssnitt. I de flesta fall behöver du inte ladda upp en HTML-sida manuellt till WordPress.

Det finns dock tillfällen då det är vettigt att ladda upp en HTML-sida. Du kanske har en statisk sida från en gammal webbplats som du vill återanvända, eller så har du hittat en HTML-mall som passar perfekt för dina behov.

Vi har stött på den här situationen tidigare när vi har migrerat äldre webbplatser eller integrerat anpassade landningssidor. Utmaningen är att WordPress använder sin egen SEO-vänliga URL-struktur, vilket kan orsaka ett 404-fel om HTML-sidan inte laddas upp korrekt.

Lyckligtvis har vi hittat enkla lösningar för att ladda upp HTML-sidor till WordPress utan att förstöra din webbplats. Låt oss gå igenom stegen.

Uppladdning av HTML Page till WordPress Site

Först måste du förbereda den HTML-sida som du vill ladda upp.

Om det är en enda HTML-sida utan separata CSS- eller bildfiler kan du ladda upp den som den är.

Men om den page du vill uploada har separata CSS-filer och images, måste du placera dem i en directory-struktur.

Helst vill du placera dina filer i en folder på din dator.

Glöm inte att öppna din HTML-huvudfil för att se till att allt fungerar som förväntat.

Därefter måste du ansluta till din WordPress site med hjälp av en FTP-klient eller appen File Manager i webbhotellets panel.

Därefter måste du uploada den folder som du skapade tidigare till rotmappen på din WordPress website. Rotmappen är den som har mapparna wp-admin, wp-content och wp-includes inuti sig.

När du har uppladdat dina filer kan du gå till din website och viewa din HTML page.

Om du laddade upp mappen med HTML och tillhörande CSS- och bildfiler måste du lägga till namnet på den mapp du laddade upp i slutet av din webbplatsadress så här:

https://example.com/landing-page/

Note: Den huvudsakliga HTML-filen i din folder bör vara anropad index.html. Annars måste du ange namnet på HTML-filen också.

Om du däremot har laddat upp en fristående HTML-fil lägger du bara till HTML-filnamnet i slutet av webbplatsadressen:

https://example.com/landing-page.html

You will now see your uploaded HTML page.

Om du runar på en error page måste du troubleshoota felet.

Felsökning av HTML Page Upload i WordPress

Normalt sett ska du kunna viewa din HTML-sida genom att besöka sidan eller foldern direkt.

På grund av de omskrivningsregler som används av WordPress eller din web server finns det dock en risk att du kan runna på några vanliga WordPress error.

1. Fixa 404 error efter uppladdning av HTML page i WordPress

404 error är ett av de vanligaste WordPress-felen. Det är dock ganska enkelt att fixa i de flesta fall.

Om du ser ett 404 error efter att du har uploadat din HTML page, behöver du bara add to en rewrite rule till din .htaccess fil:

2. Fix 403 Error efter uppladdning av en HTML page i WordPress

Ett 403-fel kan också uppstå på grund av filbehörigheter på din nyuppladdade HTML-sida eller din uppladdade mapp.

Anslut bara till din webbplats med en FTP-klient och klicka för att välja HTML-sidan eller mappen som du laddade upp.

Därefter högerklickar du och väljer alternativet “File permissions” i din FTP-klient.

Detta kommer att visa en popup för filbehörighet. Enter ‘755’ i det numeriska värdefältet och kontrollera alternativet ‘Recursion into subdirectories’.

Under det väljer du alternativet “Tillämpa på alla filer och directory” och klickar på knappen “OK”.

Detta kommer att ange filbehörigheterna för din HTML-mapp för upload och alla filer och mappar i den.

Mer information finns i vår handledning om hur du åtgärdar fel i fil- och mappbehörigheter i WordPress.

Lägga till din Custom HTML Page till XML Sitemaps

Nu när du har uploadat din HTML page är det dags att låta search engines veta att den är en del av your website.

Det enklaste sättet att göra det är att lägga till det i XML-sitemaps för din website.

Om du inte har ställt in sitemaps ännu, följ instruktionerna i vår artikel om hur du lägger till XML-sitemaps i WordPress.

Först måste du installera och aktivera plugin-programmet All in One SEO för WordPress. Mer information finns i vår artikel om hur du installerar ett WordPress-plugin.

När du är aktiverad går du till All in One SEO ” Sitemaps page. Under sidan Allmänna Settings, se till att “Aktivera Sitemap” toggle är aktiverad.

Efter det rullar du ner lite till Additional Pages section.

Slide the toggle to activate this section and then enter your HTML page or folder URL under the “Page URL” alternative.

Klicka på knappen “Add Page” för att lägga till den.

Glöm sedan inte att klicka på knappen “Save Changes” för att spara dina inställningar.

All in One SEO kommer nu att inkludera URL:en för din custom HTML-sida i dina XML-sitemaps i WordPress. Search engines kommer att kunna hitta URL:en och behandla den som vilken annan page som helst på din website.

Bonusresurser

Här följer några ytterligare resurser som du kan ha nytta av när du hanterar 404-fel eller hanterar sidor på din webbplats:

• Så här förbättrar du din 404-sidmall i WordPress (2 sätt)
• Så här får du e-postvarningar för 404-fel i WordPress
• Bästa gratis 404-omdirigeringsplugin för WordPress
• Så här organiserar eller omorganiserar du WordPress-sidor med Drag & Drop

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du laddar upp en HTML-sida till WordPress utan att orsaka fel. Du kanske också vill se vår WordPress SEO-guide för att få mer trafik eller vår nybörjarguide till WordPress hastighet och prestanda.

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.