How to Upload HTML Pages to WordPress Correctly and Avoid 404 Errors

In some cases, it may be necessary to upload HTML pages to your WordPress site. For example, there may be static HTML pages from an old website or a particularly favorite static template that you wish to integrate into your current website. However, simply uploading HTML pages to WordPress can result in 404 ErrormaybeOther issuesThis article will detail how to properly upload HTML pages to a WordPress website and avoid common mistakes. This article will detail how to properly upload HTML pages to a WordPress site and avoid common mistakes.

Why upload HTML pages to WordPress?

1. Retention of old site content: Integrate static HTML pages from the old site into the new site.
2. Use of special templates: If there is a static template that you particularly like, you can upload it and use it.
3. Quick Show Page: Sometimes it's easier to create an HTML page rather than a WordPress page in order to quickly display some specific content.

How to Upload HTML Pages to WordPress Website

Preparing the HTML page

First, prepare the HTML page to be uploaded. If it is a single HTML page without separate CSS or image files, you can upload it directly. However, if there are separate CSS files and images, you will need to place them in a directory structure. Make sure all the files are in a folder on your local computer and verify that everything is in order.

Upload HTML page

Connect to your WordPress site using an FTP client or the File Manager application in your hosting account Control Panel. Upload the prepared folder to the root folder of your WordPress site. The root folder contains wp-admin,wp-content respond in singing wp-includes Folder.

For example, if your HTML page and related files are located in a file named landing-page After uploading the folder to the root directory, you can access the page using the following URL:

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

If the main HTML file in the folder is named index.html, then no file name is required. If it is another file name, such as landing.htmlFor example, if the file name is not in the URL, you need to specify the file name in the URL:

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

Troubleshooting HTML page upload in WordPress

Fix 404 errors

If you see a 404 error after uploading an HTML page, you can add a new HTML page by adding the .htaccess Add a rewrite rule to the file to resolve it:

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

Fix 403 error

Due to file permission issues, it may trigger 403 Error. Connect to the website using an FTP client, select the uploaded HTML page or folder, right-click and select "file permissions".

In the pop-up window, for the value field enter 755to select "Recursion to subdirectories", and select "Applies to all files and directories". Click "recognize"Button.

Adding custom HTML pages to XML sitemaps

To let search engines know that your HTML pages are part of your website, add them to your website's XML sitemap. Install and activate All in One SEO for WordPress Plugin. After activation, go to All in One SEO " Sitemaps page, make sure the "Enable Sitemap" switch is turned on in the General Settings.

In the Additional Pages section, activate the section and enter the HTML page or folder URL under the Page URL option. click "Add Page" button, and then click the "Save Changes"Button.

In this way, the custom HTML page URL will be included in the WordPress XML SitemapMiddle.Internet search enginewill be able to find the URL and treat it as any other page on the site.

reach a verdict

With the right steps and tools, it's easy to upload HTML pages to a WordPress site and avoid common 404 and 403 errorsBy adding custom HTML pages to the XML sitemap, you can also ensure that search engines index them correctly. By adding customized HTML pages to the XML sitemap, you can also ensure that search engines index them correctly.elevationhosting SEO Performance.