If you try to convert HTML to WordPress following our free yet robust methods, you have to work a bit but the method to convert HTML to WordPress outline here is free and anyone can do it. Those web masters and site owners who have very old websites, wants to convert HTML to WordPress and integrate it for easy manageability of a CMS.
Convert HTML to WordPress : Understand what you need to do
The first step to convert your whole site is to take a full backup, use a separate test domain and use a robots.txt file to robot out the full website. This small payment for the domain name gives you a big flexibility to correct your own mistakes and you will be able to convert HTML to WordPress just like a pro.
Convert HTML to WordPress : Hard words should be understood
If you are dreaming at one click you will convert the whole website fully in a flawless manner – you will wrong. Take your time and for that we have suggested to get a test domain first.
Forget about old design
Most have nostalgia with the old HTML website, forget about the design, the design is nothing but external appearance – the main need to convert HTML to WordPress is the need for easy manageability and good SEO. If you want to stick to the old design or rather want to convert HTML to WordPress from the CSS part, you have to compromise with SEO. It is not what you will like. If you have too much love for the old design, rather design the new WordPress website on the test domain like your HTML site.
Understand your old website
Probably the only part of your website was the content and the titles. Most uses a flat structure like :
Very few uses :
More few uses :
Understand things before you are going to convert HTML to WordPress
Traffic wise less important pages like contact-us.html has no problem to totally forget about because there are very few backlinks for them plus they are not the pages which visitors comes from the search engines. You can use WordPress’s Page with appropriate plugins to create such pages, you can copy paste the old texts you wrote there. Finally, create a .htaccees file in the root and redirect contact-us.html to /contact-us/ of WordPress. You will you use a permanent redirection, so even if small number of visitors were coming from anywhere, they will be redirected to the new page.
The most difficult part to convert HTML to WordPress
The most difficult part to convert HTML to WordPress is the content itself. The problem is not due to technical issue. For example, for your old url, example.com/category-folder-name/contact-us.html you can easily be created via a page named contact-us and place it under page category named category-folder-name. You can easily copy paste the raw HTML of content to WordPress WYSIWYG Editor like this :
But the main problem of doing this with an old HTML content page is the URL itself, in WordPress you will get example.com/category-folder-name/contact-us/ not like your old example.com/category-folder-name/contact-us.html ; two are different, that is why we said to use .htaccess redirection for those less important pages. You can not change thousands of banklinks to point towards the new example.com/category-folder-name/contact-us/ and this will definitely decrease SERP for the content pages.
You can Convert HTML to WordPress for the whole website in the above way with .htaccess redirection, compromising with the above points.
So, basically you two options :
- Compromising with the probable backlink disaster and converting the whole website in this way
- Keeping the old HTML pages as HTML but looking like new WordPress website.
The first way is already said, the second is :
After making your test domain’s design final, open any page with content in your browser and see its source code :
Copy the full page’s code, paste it in a powerful text editor like gedit. Save it as template.html and replace the content area’s code with suppose your page-1.html‘s one, change the H1, Title, relationship tags – everything and save it with the same name of the old file in a different directory on your hard disk. Now put it on your server’s root (or subfolder if needed) and access it – it is your test domain, you can open it now by – yourtestdomain.com/page-1.html.
This method has many advantages :
- The old content pages looks absolutely like your new WordPress site.
- No need to worry about new sidebar, footer etc.
- It will act as cached version – will be loaded fast than WordPress page itself if not cached.
- No risk of loss of backlinks, if fact there is enough chance for getting better as you are adding many new relationship tags – you are practically optimizing your old HTML website.
Never to these to convert HTML to WordPress :
- Automated softwares : No automated software can do more than you can do in hand. When you are thinking to convert HTML to WordPress, you have to keep in mind, you are converting the format, the extension of the pages – it was HTML and if you Convert HTML to WordPress it will be rendered by php.
- Do not call PHP in HTML – be it CSS or sidebar unless it is a dynamic content like “Recent Posts”.
After you are satisfied with the test domain, take the FTP / sFTP backup and MySQL backup and its time to install WordPress on your old domain and delete all the old files before installing and restoring you old site with new look.