Hur man laddar upp en HTML-sida till WordPress utan 404-fel

Kommer du ihåg dagarna med statiska HTML-webbplatser? Det gör vi. Även nu, med WordPress som driver över 43% av alla webbplatser, finns det tillfällen då du behöver ladda upp en anpassad HTML-sida. Men här är grejen – WordPress fungerar inte alltid bra med HTML-uppladdningar, och möter ofta användare med den fruktade 404-felsidan.

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

Låt oss guida dig genom den beprövade processen 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 ladda upp HTML-sidor 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 till och med med fördesignade mallar, vilket gör det enkelt att skapa professionellt utseende sidor utan att röra en enda kodrad.

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

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

Vi har stött på den här situationen tidigare när vi 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 bryta din webbplats. Låt oss gå igenom stegen.

Ladda upp HTML-sida till WordPress-webbplats

Först måste du förbereda HTML-sidan du vill ladda upp.

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

Om sidan du vill ladda upp har separata CSS-filer och bilder, måste du placera dem i en katalogstruktur.

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

Glöm inte att öppna din huvudsakliga HTML-fil för att säkerställa att allt fungerar som förväntat.

Därefter behöver du ansluta till din WordPress-webbplats med en FTP-klient eller appen Filhanteraren i din värdkontos kontrollpanel.

Därefter behöver du ladda upp mappen du skapade tidigare till rotmappen på din WordPress-webbplats. Rotmappen är den som har mapparna wp-admin, wp-content och wp-includes inuti sig.

Efter att ha laddat upp dina filer kan du gå till din webbplats för att se din HTML-sida.

Om du laddade upp mappen med HTML och medföljande CSS- och bildfiler, måste du lägga till namnet på mappen du laddade upp i slutet av din webbadress, så här:

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

Notera: Huvudfilen i HTML i din mapp bör kallas index.html. Annars måste du även ange namnet på HTML-filen.

Å andra sidan, om du laddade upp en fristående HTML-fil, lägg helt enkelt till HTML-filnamnet i slutet av din webbadress:

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

Du kommer nu att se din uppladdade HTML-sida.

Om du stöter på en felsida måste du felsöka felet.

Felsökning av uppladdning av HTML-sidor i WordPress

Normalt sett bör du kunna visa din HTML-sida genom att besöka sidan eller mappen direkt.

På grund av omskrivningsreglerna som används av WordPress eller din webbserver, finns det dock en chans att du kan stöta på några vanliga WordPress-fel.

1. Åtgärda 404-fel efter uppladdning av HTML-sida i WordPress

404-felet är ett av de vanligaste WordPress-felen. Det är dock ganska enkelt att åtgärda i de flesta fall.

Om du ser ett 404-fel efter att ha laddat upp din HTML-sida, behöver du bara lägga till en omskrivningsregel i din .htaccess-fil:

RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L] 

2. Åtgärda 403-fel efter uppladdning av en HTML-sida i WordPress

Ett 403-fel kan också uppstå på grund av filrättigheter på din nyligen uppladdade HTML-sida eller din uppladdade mapp.

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

Högerklicka sedan och välj alternativet ‘File permissions’ i din FTP-klient.

Detta kommer att öppna ett popup-fönster för filbehörigheter. Ange ‘755’ i fältet för numeriskt värde och markera alternativet ‘Rekursivt i underkataloger’.

Nedanför det, välj alternativet ‘Apply to all files and directory’ och klicka på knappen ‘OK’.

Detta ställer in filrättigheterna för din HTML-uppladdningsmapp och alla filer och mappar inuti den.

För mer information, se vår handledning om hur man åtgärdar fel i fil- och mapprättigheter i WordPress.

Lägga till din anpassade HTML-sida i XML-webbplatskartor

Nu när du har laddat upp din HTML-sida är det dags att låta sökmotorerna veta att den är en del av din webbplats.

Det enklaste sättet att göra det är genom att lägga till den i webbplatsens XML-webbplatskartor.

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

Först måste du installera och aktivera pluginet All in One SEO for WordPress. För mer information, se vår artikel om hur man installerar ett WordPress-plugin.

När du har aktiverat, gå till sidan Allt i ett SEO » Webbplatser. Under sidan Allmänna inställningar, se till att reglaget 'Aktivera webbplats' är på.

Skrolla sedan ner lite till sektionen Ytterligare sidor.

Skjut reglaget för att aktivera den här sektionen och ange sedan din HTML-sida eller mappens URL under alternativet 'Sidans URL'.

Klicka på knappen 'Lägg till sida' för att lägga till den.

Glöm sedan inte att klicka på knappen 'Spara ändringar' för att lagra dina inställningar.

All in One SEO kommer nu att inkludera din anpassade HTML-sidans URL i dina WordPress XML-sitemaps. Sökmotorer kommer att kunna hitta URL:en och behandla den som vilken annan sida som helst från din webbplats.

Bonusresurser

Följande är några ytterligare resurser som du kan finna hjälpsamma när du hanterar 404-fel eller hanterar sidor på din webbplats:

• Hur du förbättrar din 404-sidmall i WordPress (2 sätt)
• Hur man får e-postaviseringar för 404-fel i WordPress
• Bästa gratis 404-omdirigeringsplugins för WordPress
• Hur man organiserar eller ordnar om WordPress-sidor med dra & släpp

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.

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.