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

WordPress används vanligtvis för att skapa blogginlägg och pages för din website. Vissa användare kan dock behöva add to en separat statisk HTML page och göra den tillgänglig tillsammans med sin allmänna WordPress site.

Problemet är att denna page inte känns igen av WordPress, och det kan visa ett 404 error.

I den här artikeln kommer vi att visa dig hur du korrekt uploadar en HTML page till WordPress utan att orsaka ett 404 error.

Varför ska man uppladare HTML pages till WordPress?

WordPress har en built-in content type för att add to pages på din website. Ofta adderar WordPress themes fördesignade templates för att displayed your pages.

Det finns även WordPress landing page plugins som allow you att skapa beautiful page templates med en drag and drop builder.

Detta innebär att du i de flesta fall inte behöver uploada en HTML page till din WordPress site.

Ibland kan du dock ha statiska HTML pages från din gamla website eller en statisk template som du gillar och vill använda.

I dessa scenarier måste du uploada din HTML page till WordPress.

Eftersom WordPress har sin egen sökmotorsoptimerande URL-struktur kan det orsaka ett 404 error om du bara uploadar din HTML page och försöker komma åt den.

Med detta sagt, låt oss titta på hur du kan uploada en HTML page till din WordPress site utan att orsaka 404 error.

Uppladdning av HTML Page till WordPress Site

Först måste du förbereda den HTML page som du vill uploada.

Om det är en enda HTML page utan separata CSS eller image filer, då kan you gå vidare och uploada 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 image-filer måste du add to namnet på den folder du uploadade i slutet av adressen till din website, gillar detta:

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 uploadade en fristående HTML-fil, addar du helt enkelt HTML-filnamnet till slutet av adressen till din website:

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:

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

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

Ett 403 error kan också uppstå på grund av filbehörigheter på din nyuppladdade HTML page eller den folder som du har uploadat.

Anslut bara till din website med en FTP-klient och klicka för att selecta HTML-pagen eller foldern som du uploadade.

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 detaljer finns i vår tutorial om hur du fixar error i fil- och folderbehö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 pluginet All in One SEO för WordPress. För mer detaljer, se vår artikel om hur du installerar ett plugin för WordPress.

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.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du uploadar en HTML page till WordPress utan att orsaka error. Du kanske också vill se vår guide till sökmotorsoptimering i WordPress för att få mer trafik eller ta en titt på vår nybörjarguide till hastighet och prestanda i WordPress.

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.