1. Refer similar websites in same industry, Get idea
First, you need to refer to other similar websites in the same industry and note down the similar section as a reference for what should be included or extra points you didn’t think of.
Then, you need to get an idea of what types of website you want to create. Personal or corporate website? Information or e-commerce website? This is important because the information shown on the website is totally different.
2. Choose Platform, Choose Theme, Prepare website material
Next, you can start choosing your website platform either WordPress, Shopify or etc. Then proceed with your website theme. I recommend Astra Theme because it is light to use. Refer here for how to build a successful E-commerce website using Astra Theme. With platform and theme ready, you can start to prepare your website materials. You should draft a website design framework and planning how many page(s) you want to create for your website and what is the image or content you want to include on each page. Besides, planning for font style and colors to use for the entire website. Remember a good website should have consistent web page layout, color, font style and image size as well.
Basic materials that you need to prepare for a website:
- Landing page banner
You need to study font style, color combination and select two font styles and three primary colors that are suitable for your website. It is recommended to use not more than three font styles and colors for the entire website. The minimum readable font size for the website is 16px.
3. Add content start from home page, header then footer
After that, you can start adding content from the home page with all your materials ready. Then add products or services if you have any. Include your contact details and location with the map feature. You also can consider to include video, blog page with quality content or newsletter for visitors to subscribe to your website’s latest news.
4.Extend plugin or tools needed for website
You can consider installing several plugins to extend the functionality of your website as a beginner or non-tech-savvy user.
To include a contact form in your website.
Refer here for how to setup WPForms in your website.
- Facebook Messenger
To include live chat on your website.
Refer here for how to add Facebook Messenger to your website.
- Yoast SEO
For website search engine optimisation.
Refer here for setup basic SEO with Yoast SEO plugin.
- Google Analytics
Track and report website traffic.
Refer here for how to install Google Analytics in your WordPress site.
- WP Super Cache
Make your site load faster.
5. Website Testing
You need to test form on the website and make sure both sides can receive an email notification. For an E-commerce website, make sure to test new order email notification as well. For live chat, try to send a message from a website and check in your inbox. After testing all functions on the website, remember to change back the sender or receiver email address.
Remember to remove an excessive plugin that you installed as it may affect the speed of the website. It is also compulsory to adjust the website to the mobile responsive interface. Last, user experience is very important for a website thus make sure your website has a sticky header or scroll to the top button.
- The title of the website must be H1.
All the heading tag should follow the hierarchy level.
- Add internal and external link in between the content.
An internal link is a link that links to other web pages on your website while an external link is a link that links to another website. Internal links only count when it is applied in the text. Make sure every link is open in a new tab to avoid pushing away visitors from your website.
- Add image for all web pages.
- Add image alt text that is relevant.
- Min text length for each web page is 300 words.
- Set parent page if any for the path to show in the breadcrumb.
- Make sure the carousel set to arrow, not bullet.
Pagination bullet is too small for mobile users. Not user friendly because users need to zoom in to swipe to the next image.
- Website validate tool.
Make sure to validate the website for HTML, CSS, UX and SEO.
- Make sure you submit sitemap index to Google Search Console after done edit the website for Google to understand your website structure.
If still feel complicated to develop a good website, we may help you, visit our website package now!