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.

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

Ladda upp din HTML-fil (eller mapp) till din webbplats rotkatalog via FTP eller filhanteraren. Åtkomst till den via example.com/dinfil.html eller example.com/dinmapp/. Om du får ett 404-fel, lägg till en omskrivningsregel i din .htaccess-fil. För 403-fel, ställ in filrättigheter till 755.

Varför ladda upp HTML-sidor till WordPress?

Ibland behöver du lägga till en statisk HTML-sida från en gammal webbplats eller en anpassad mall som WordPress inte genererar på egen hand.

• Återanvänd äldre sidor – migrera statiskt innehåll från äldre webbplatser utan att bygga om från grunden
• Anpassade landningssidor – ladda upp förbyggda HTML-mallar som inte passar standardteman för WordPress

De flesta teman kommer med fördesignade mallar, och plugins för landningssidor i WordPress som SeedProd låter dig designa sidor med ett dra-och-släpp-gränssnitt. Så i de flesta fall behöver du inte manuellt ladda upp en HTML-sida.

Experttips: Om du behöver en anpassad siddesign rekommenderar vi SeedProd, det bästa pluginet för sidbyggare i WordPress. Med dess dra-och-släpp-redigerare har vi skapat landningssidor med hög konvertering på några minuter. Dessutom kommer det med professionella mallar, så du behöver inte börja från noll. Se vår detaljerade recension av SeedProd för mer information.

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

Steg 1. Förbered din HTML-fil eller mapp

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.

Steg 2: Anslut via FTP eller filhanteraren

Därefter behöver du ansluta till din WordPress-webbplats med en FTP-klient eller filhanteraren i din webbhotells kontrollpanel (som cPanel).

Steg 3: Ladda upp till rotkatalogen

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.

Steg 4: Besök din HTML-sida

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.

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

Här är en snabb jämförelse av de två vanligaste felen och deras lösningar:

Fel	Orsak	Lösning
404 Hittades ej	Konflikt med WordPress omskrivningsregler	Lägg till en omskrivningsregel i .htaccess
403 Förbjuden	Felaktiga filrättigheter	Ställ in rättigheter till 755

Å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]

Åtgärda 403-fel efter uppladdning av 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 du åtgärdar fel i fil- och mappbehörigheter i WordPress.

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

Steg 1: Installera All in One SEO

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 ställt in webbplatskartor än, följ instruktionerna i vår artikel om hur du lägger till XML-webbplatskartor 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 att installera ett WordPress-plugin.

Steg 2: Aktivera webbplatskartor och lägg till din sida

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.

Vanliga frågor

Kan jag ladda upp flera HTML-sidor till WordPress samtidigt?

Ja. Placera alla dina HTML-filer, CSS och bilder i en mapp och ladda upp hela mappen till din WordPress rotkatalog via FTP. Varje sida kommer att vara tillgänglig på example.com/mappnamn/filnamn.html.

Påverkar uppladdning av en HTML-sida min WordPress-webbplats prestanda?

Nej. Statiska HTML-sidor serveras direkt av din webbserver utan att använda PHP eller din WordPress-databas, så de laddas faktiskt snabbare än vanliga WordPress-sidor.

Behöver jag uppdatera min HTML-sida när jag uppdaterar WordPress?

Nej. Din uppladdade HTML-sida är helt separat från WordPress kärnfiler. WordPress-uppdateringar kommer inte att skriva över eller påverka dina anpassade HTML-sidor.

Kan jag använda mitt WordPress-temas sidhuvud och sidfot på en HTML-sida?

Inte direkt. Uppladdade HTML-sidor är fristående och kommer inte att ärva ditt WordPress-temas design. Om du vill ha ett konsekvent utseende, överväg att använda ett sidbyggarplugin istället.

Vad är skillnaden mellan att ladda upp en HTML-sida och att skapa en WordPress-sida?

En WordPress-sida lagras i din databas och hanteras via instrumentpanelen. En uppladdad HTML-sida är en statisk fil på din server. WordPress-sidor är enklare att redigera, medan HTML-sidor ger dig fullständig kontroll över koden.

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 gärna på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.