How to Upload an HTML Page to WordPress Without 404 Errors
WordPress is usually used to create weblog posts and pages to your web site. Nonetheless, 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 is just not acknowledged by WordPress, and it might present a 404 error.
On this article, we are going to present you the right way to 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 type so as to add pages to your web site. Typically, WordPress themes add pre-designed web page templates to show your pages.
There are even WordPress landing page plugins that help you create lovely web page templates with a drag-and-drop builder.
Which means, generally, you shouldn’t have to add an HTML web page to your WordPress web site.
Professional Tip: We suggest utilizing SeedProd, one of the best WordPress web page builder plugin, to design customized pages. You should use its drag-and-drop interface to design your landing page. Plus, it comes with professionally designed templates to make use of as beginning factors.
Nonetheless, generally, you will have static HTML pages out of your outdated web site or a static template that you simply like and need to use.
In these situations, you have to to add your HTML web page to WordPress.
Since WordPress comes with its personal SEO-friendly URL structure, it might trigger a 404 error should you merely add your HTML web page and attempt to entry it.
That being stated, let’s have a look at the right way to add an HTML web page to your WordPress web site with out inflicting 404 errors.
Importing HTML Web page to WordPress Website
First, you should put together the HTML web page that you simply need to add.
If it’s a single HTML web page with no separate CSS or picture recordsdata, then you may go forward and add it as is.
Nonetheless, if the web page you need to add has separate CSS recordsdata and pictures, then you should place them in a listing construction.
Ideally, you’d need to place your recordsdata in a folder in your laptop.
Don’t overlook to open your major HTML file to ensure that every little thing works as anticipated.
Subsequent, you should connect with your WordPress web site using an FTP client 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 basis folder is the one which has the wp-admin, wp-content, and wp-includes folders inside it.
After importing your recordsdata, you may go to your web site to view your HTML web page.
When you uploaded the folder with HTML and accompanying CSS and picture recordsdata, then you have to so as to add the identify of the folder you uploaded to the tip of your web site deal with, like this:
https://instance.com/landing-page/
Observe: The principle HTML file in your folder must be known as index.html. In any other case, you’ll have to present the identify of the HTML file, too.
Then again, should you uploaded a standalone HTML file, then merely add the HTML filename to the tip of your web site deal with:
https://instance.com/landing-page.html
You’ll now see your uploaded HTML web page.
When you run into an error web page, then you have to to troubleshoot the error.
Troubleshooting HTML Web page Add in WordPress
Usually, you need to be capable to view your HTML web page by visiting the web page or folder immediately.
Nonetheless, as a result of rewrite guidelines utilized by WordPress or your internet server, there’s a probability that you could be run into some common WordPress errors.
1. Fixing 404 Error After HTML Web page Add in WordPress
The 404 error is without doubt one of the most typical WordPress errors. Nonetheless, it’s fairly straightforward to repair generally.
In case you are seeing a 404 error after importing your HTML web page, you then 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 can also happen attributable to file permissions in your newly uploaded HTML web page or the folder that you simply uploaded.
Merely connect with your web site utilizing an FTP shopper and click on to pick out the HTML web page or the folder you uploaded.
Subsequent, right-click after which choose the ‘File permissions’ possibility in your FTP shopper.
It will carry up a file permission popup. Enter ‘755’ into the numeric worth subject and verify the ‘Recurse into subdirectories’ possibility.
Under that, choose the ‘Apply to all recordsdata and listing’ possibility and click on on the ‘OK’ button.
It will set the file permissions to your HTML add folder and all of the recordsdata and folders inside it.
For extra particulars, see our tutorial on how to fix 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 serps know that it’s a part of your web site.
The best manner to do this is by including it to the XML sitemaps to your web site.
When you haven’t arrange sitemaps but, then comply with the directions in our article on how to add XML sitemaps in WordPress.
First, you’ll want to put in and activate the All in One SEO for WordPress plugin. For extra particulars, see our article on how to install a WordPress plugin.
Upon activation, go to the All in One search engine optimization » Sitemaps web page. Beneath the Normal Settings web page, ensure that the ‘Allow Sitemap’ toggle is turned on.
After that, scroll down just a little to the Extra 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 Adjustments’ button to retailer your settings.
All in One search engine optimization will now embrace your customized HTML web page URL in your WordPress XML sitemaps. Serps will be capable to discover the URL and deal with it as every other web page out of your web site.
We hope this text helped you learn to add an HTML web page to WordPress with out inflicting errors. You might also need to see our WordPress SEO guide to get extra visitors or check out our newbie’s information to WordPress speed and performance.
When you favored this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You too can discover us on Twitter and Facebook.
