WordPress is usually used to create weblog posts and pages on your web site. Nevertheless, some customers may have so as to add a separate static HTML web page and make it accessible together with their basic WordPress web site.
The issue is that this web page isn’t acknowledged by WordPress, and it might present a 404 error.
On this article, we’ll present you correctly add an HTML web page to WordPress with out inflicting a 404 error.
Why Add HTML Pages to WordPress?
WordPress comes with a built-in content material kind so as to add pages to your web site. Usually, WordPress themes add pre-designed web page templates to show your pages.
There are even WordPress touchdown web page plugins that mean you can create stunning web page templates with a drag-and-drop builder.
Which means that, typically, you shouldn’t must add an HTML web page to your WordPress web site.
Knowledgeable Tip: We suggest utilizing SeedProd, the most effective WordPress web page builder plugin, to design customized pages. You should use its drag-and-drop interface to design your touchdown web page. Plus, it comes with professionally designed templates to make use of as beginning factors.
Nevertheless, typically, you’ll have static HTML pages out of your previous web site or a static template that you just like and wish to use.
In these situations, you will want to add your HTML web page to WordPress.
Since WordPress comes with its personal Search engine optimisation-friendly URL construction, it might trigger a 404 error if you happen to merely add your HTML web page and attempt to entry it.
That being stated, let’s take a look at add an HTML web page to your WordPress web site with out inflicting 404 errors.
Importing HTML Web page to WordPress Web site
First, you should put together the HTML web page that you just wish to add.
If it’s a single HTML web page with no separate CSS or picture information, then you possibly can go forward and add it as is.
Nevertheless, if the web page you wish to add has separate CSS information and pictures, then you should place them in a listing construction.
Ideally, you’d wish to place your information in a folder in your pc.
Don’t overlook to open your essential HTML file to make it possible for the whole lot works as anticipated.
Subsequent, you should hook up with your WordPress web site utilizing an FTP shopper or the File Supervisor app in your internet hosting account management panel.
After that, you should add the folder you created earlier to the basis folder of your WordPress web site. The foundation folder is the one which has the wp-admin, wp-content, and wp-includes folders inside it.
After importing your information, you possibly can go to your web site to view your HTML web page.
Should you uploaded the folder with HTML and accompanying CSS and picture information, then you will want so as to add the title of the folder you uploaded to the top of your web site handle, like this:
https://instance.com/landing-page/
Word: The principle HTML file in your folder needs to be known as index.html. In any other case, you’ll have to present the title of the HTML file, too.
Alternatively, if you happen to uploaded a standalone HTML file, then merely add the HTML filename to the top of your web site handle:
https://instance.com/landing-page.html
You’ll now see your uploaded HTML web page.
Should you run into an error web page, then you will want to troubleshoot the error.
Troubleshooting HTML Web page Add in WordPress
Usually, it’s best to be capable of view your HTML web page by visiting the web page or folder instantly.
Nevertheless, as a result of rewrite guidelines utilized by WordPress or your net server, there’s a likelihood that you could be run into some frequent WordPress errors.
1. Fixing 404 Error After HTML Web page Add in WordPress
The 404 error is among the most typical WordPress errors. Nevertheless, it’s fairly straightforward to repair typically.
If you’re seeing a 404 error after importing your HTML web page, then you definitely simply want so as to add a rewrite rule to your .htaccess file:
RewriteRule ^(.*)index.(php|html?)$ /$1 [R=301,NC,L]
2. Fixing 403 Error After Importing an HTML Web page in WordPress
A 403 error may additionally happen resulting from file permissions in your newly uploaded HTML web page or the folder that you just uploaded.
Merely hook up with your web site utilizing an FTP shopper and click on to pick the HTML web page or the folder you uploaded.
Subsequent, right-click after which choose the ‘File permissions’ possibility in your FTP shopper.
This can convey up a file permission popup. Enter ‘755’ into the numeric worth discipline and examine the ‘Recurse into subdirectories’ possibility.
Under that, choose the ‘Apply to all information and listing’ possibility and click on on the ‘OK’ button.
This can set the file permissions on your HTML add folder and all of the information and folders inside it.
For extra particulars, see our tutorial on repair file and folder permissions error in WordPress.
Including Your Customized HTML Web page to XML Sitemaps
Now that you’ve got uploaded your HTML web page, it’s time to let search engines like google know that it’s a part of your web site.
The best means to try this is by including it to the XML sitemaps on your web site.
Should you haven’t arrange sitemaps but, then comply with the directions in our article on add XML sitemaps in WordPress.
First, you’ll want to put in and activate the All in One Search engine optimisation for WordPress plugin. For extra particulars, see our article on set up a WordPress plugin.
Upon activation, go to the All in One Search engine optimisation » Sitemaps web page. Below the Normal Settings web page, make it possible for the ‘Allow Sitemap’ toggle is turned on.
After that, scroll down a bit of to the Further Pages part.
Slide the toggle to activate this part after which enter your HTML web page or folder URL beneath the ‘Web page URL’ possibility.
Click on on the ‘Add Web page’ button so as to add it.
After that, don’t overlook to click on on the ‘Save Modifications’ button to retailer your settings.
All in One Search engine optimisation will now embody your customized HTML web page URL in your WordPress XML sitemaps. Engines like google will be capable of discover the URL and deal with it as another web page out of your web site.
We hope this text helped you discover ways to add an HTML web page to WordPress with out inflicting errors. You might also wish to see our WordPress Search engine optimisation information to get extra site visitors or check out our newbie’s information to WordPress velocity and efficiency.
Should you favored this text, then please subscribe to our YouTube Channel for WordPress video tutorials. It’s also possible to discover us on Twitter and Fb.
The publish Easy methods to Add an HTML Web page to WordPress With out 404 Errors first appeared on WPBeginner.
Subscribe to MarketingSolution.
Receive web development discounts & web design tutorials.
Now! Lets GROW Together!