Are you planning to create a new website? Here is the step by step guide for you to create a new website from the scratch and rank it on Google.
How to Create a Website From Scratch
Table of content
Learning how to create a website from scratch is one of the most fundamental skills anyone can acquire. The author of this blog, Dinesh Kumar VM and the foreword writer Fernando Raymond, have all started their careers by creating websites.
This is the most up to date comprehensive guide on the web that shows everything about how to start a website with a domain name with an explanation of each aspect.
We will go into detail about the core functions of the website and what is required to start a website from scratch.
Learn how to build a website in 2020
If you are planning to start a new website, then first step is to find a perfect domain name for your business and register with one of the domain registrars like SeekaHost. Once done, you need to host the website, which will make the website to be available for all the users on the web. Here let’s see in more detailed about finding & registering the domain name, hosting the domain, making the website live on the internet.
1. What is a domain name?
In simple words, the domain name is the name of your website. Also, the users around the world will use the domain name to access your website. Ideally, the domain name will be your identity of your website.
Computers will use a series of numbers to identify a domain name, But since the users find it difficult to keep the numbers in mind to identify a domain. The domain name came into action. So normal users can easily identify or access a domain by using the domain name.
The domain is unique for each website, So no two websites can have the same domain name. Domain name can contain the letters, numbers, and the symbol ‘-‘ in it. Domain name can also be created in combination of all of these. For example, you can have the domains like www.yourdomainname.com or www.your-domain-name.com or www.yourdomainname123.com. You cant use the special characters or symbols in the domain name except ‘-‘.
Domain should be easy to remember and identified by the users. If you are planning to buy a domain name for your business, then you can buy the domain name as the same name as your brand name.
2. Are domain names free?
Domain names are available both for free and paid. But the free domain names will have some restrictions whereas you have full control over the paid domains. For example, you can register free domains using WordPress, Blogspot and many more platforms.
Here let’s take an example, If you are planning to register a domain name for free. Then the free domain name will have an extra extension like www.yourdomainname.wordpress.com. If you are registering for paid version, then you will get the domain like www.yourdomainname.com
Also, in the free domain many options are restricted and you will not have full control over the domain functionalities. But if you are going for the paid version and registering the domain with any domain name provider like SeekaHost, then you will have access to all the functionalities of the domain.
3. What is a domain extension?
The domain extension is the part of the domain name. For instance, if you take www.clickdo.co.uk domain, in this .co.uk is the domain extension. There are various types of domain extensions available like com, .org, .net and many more. Let’s see the types of domain extensions in the coming sections. You can choose the domain extension based on the objective of your website or based on the country as well. For instance if you are planning to start a blogging site targeting the UK audience, then you can go with .co.uk domain extension. If you are planning to target the Indian audience, then you can go with .in domain extension. So based on your objective, you can choose the domain extensions.
4. Different types of domain extensions
- Top Level Domains (TLD)
- Country Code Top Level Domains (ccTLD)
- Generic Top Level Domain (gTLD)
4.1. Top Level Domains (TLD)
As you know already that domain extension is a part of the domain name and it comes with many types. Top level domains (TLD) covers all type of domain extensions other than country based domain extensions. For instance the domain extensions like .com, .org, .net, .edu will come under top level domains and the country based domain extensions like .co.uk, .in, will not come under the top level domains category. So in simple words, top level domain extensions covers all the domain extensions except the country base domain extensions.
4.2. Country Code Top Level Domains (ccTLD)
All the domain extension which are represented by a country is called as country code top level domain extensions. There is a specific domain extension to represent each and every country. For example, co.uk is for the United Kingdom, .in for India, .com.au for Australia and similarly there are unique domain extension representing each country. All these country based domain extensions will come under country code top level domains (ccTLD).
4.3. Generic Top Level Domain (gTLD)
Generic top level domain is one of the type within the top level domain. There are over 1500+ top level domains at the moment and some of the most commonly used generic top level domain extensions are .com, .org, .net, .info, .pro, .biz, and many more. However the registrations of certain generic top level domains needs some proof of legibility. Generic top level domains are maintained by the Internet Assigned Numbers Authority (IANA) for use in Domain Name System of the Internet.
5. Domain Structure
A normal domain name is composed of three sections like top level domain, second level domain and third level domain.
URL (Uniform Resource Locator) of a website is usually contains three main sections like top level domain, second level domain and the third level domain. For example, here lets take www.clickdo.co.uk & classify the parts.
5.1. TLD (Top Level Domain)
In www.clickdo.co.uk top level domain is the .co.uk which is a country code top level domain extension. So in this URL .co.uk is the ccTLD
5.2. Second Level Domain
In www.clickdo.co.uk second level domain is the one which is found left of the ccTLD or TLD. That is “clickdo” which is found left to the dot of the TLD is the second level domain. ClickDo is the second level domain in the URL www.clickdo.co.uk
5.3. Third Level Domain
Third level domain is optional and in most cases it is more customizable. Based on the requirement, you can create your own third level domain name. For example, lets take an example of UK Business Blog – https://business.clickdo.co.uk. In this .co.uk is the ccTLD, ClickDo is the second level domain, business is the third level domain. So the third level domain can be customized as per the requirement.
6. Who owns a domain name?
The person who registers the particular domain name with the registrar owns that particular domain. So the domain owner who registers has the full control of that domain. The domain once registered will not be available for buying for others. For instance, we have already registered a domain called clickdo.co.uk and hence this domain will not be available for registration unless the domain owner of the clickdo.co.uk drops this domain or fails to renew.
6.1. When to renew a domain name?
By default, when you register a new domain. It comes with 1 year renewal period. After that the particular domain will expire. Hence you need to renew the domain name every year to own it. If you fail to renew the domain, then that particular domain will be available for all and anyone can buy it using any domain name registrar like SeekaHost. So if you register any new domain, you should always renew on time.
6.2. What happens if you fail to renew tour domain name?
So if you fail to renew your domain in time, then that particular domain will expire and you will not have any control/access over it. Before moving forward, you need to know about the some of the terminologies which are listed below.
- Domain Name System (DNS)
- Domain Name Registry
- Domain Registrar
- Domain Reseller
- Domain Registrant
6.2.1. Domain Name System (DNS)
DNS – Domain Name System is the decentralized naming system for the computers and the other resources connected to the internet. Ideally, domain name system will map the IP addresses to the easily remember-able domain names in the internet.
As you know that human’s use domain names to access the website. But the computers uses series of numbers called IP addressed to access the website. So when the user types in and searches for any domain name in the web browser. DNS finds the appropriate IP address of the domain name which is typed by the users and loads that particular website in the users computers. Domain Name System can also be called as a phone book of internet where one can find all the domain names and the associated IP’s.
6.2.2. Domain Name Registry
Domain name registry is the central database which contains the collection of all the domain names and the associated registrant information in it. Domain name registry is a organization which manages the top level domain names. Domain name registry will create the domain extensions along with the rules for the usage of the same. Then the domain name registry will work with the domain name registrars like SeekaHost, Godaddy to sell the domain names for the normal users.
6.2.3. Domain Registrar
Domain name registrar is the authorized place to register the domain names. For example, SeekaHost is an authorized domain name registrar. If you are planning to register any new domain name, you can just go ahead and create an account in SeekaHost and register the new domain. Domain name registrar is an authorized place to register a new domain.
6.2.4. Domain Reseller
Domain name reseller can be anyone. In simple words, Domain name resellers will register and own many domains. The domain name reseller will resale the domains which he owns. Ideally, reseller will sale the domain for higher price. Reseller’s will hunt the best expired domains with good stats and will sell them to the normal users for better price.
6.3.5. Domain Registrant
Domain Registrant is you. Yes, you are the domain registrant who registers a new domain and owns it. Registrants will either buy the domain name from the domain name registrars directly or they will buy from the domain name reseller’s. Domain name registrant will manage his/her domain with the domain name registrar
6.3.6. After Domain Expiry?
Domain registrars will notify you about your domain expiry. So you can renew the domains in time when you receive such notifications. Even you can put your domains in auto renew mode, so it will renew every year automatically. Even if you fail to renew your domain, then some process will occur after that as below
- Grace Period
- Redemption Grace Period
- Expired Domain
188.8.131.52. Grace Period
Even if you have missed the domain renewal date, Still there is a chance for you to renew it and get the domain back. This is called grace period and it may vary from registrar to registrar. Grace period comes after the domain renewal date and if you didn’t renew the domain before the renewal date, still you can renew and own the domain before the grace period ends.
184.108.40.206. Redemption Grace Period
Once the normal grace period is over, then you will enter into the redemption grace period window. This redemption grace period window is the final time allowance of 30 days for you to renew the domain and keep it. If you are planning to renew the domain in this redemption grace period, then you will be charged additionally on top of the normal domain renewal fee. This fee is charged by the domain registry.
220.127.116.11. Expired domain
If you have missed both the grace period and the redemption grace period. Then you will lose the ownership of your domain and it will be available in public for the others to register and own it. After the grace period and the redemption grace period, the domain name will be either available in backorder, auction, etc.
7. Tips to follow when picking a domain name
Before choosing a domain name, you need to go through many factors and decide based upon that. Domain name has higher contribution in success of your website growth, especially if you are planning to buy an expired domain. Here let’s see some common factors which you need to look into before buying a domain name.
7.1. Choose the domain extension
When you are planning to buy a new domain, the first thing you need to decide is the domain extension. You can choose the domain extension for your website based on the purpose of the website. Say if you are planning to start a blog, then your ultimate goal would be to drive traffic to your website and start earning from either AdSense or affiliate links or through guest posting. In this case, you can go with .com domain extension. Also, if you are planning to target any specific country to gain the traffic, then you can choose that particular countries ccTLD. For instance, this domain www.dirbusiness.co.uk targets the UK. This is a UK Business Blog targeting massively the UK audience.
In the other hand, if you are planning to start a website for your business. Then you can choose the domain extension based on the country which you are targeting on. For instance, if you are planning to start a cleaning company in UK, then you can go with .co.uk ccTLD domain extension. For instance, this domain www.quickcleaningservices.co.uk is a website which is started to offer cleaning services in UK. So it is created using the .co.uk ccTLD domain extension.
So based on the purpose of the website, you need to choose the domain name. Choosing the domain extension based on the business goal will highly help you in SEO and getting the right visitors to your website.
7.2. Choose the domain name
So choosing the domain name is more important. Again it depends on the goal of the website. If you are planning to start a blog, then either you can go with the keyword focused domain name or the domain name with the brand name.
If you are planning to start a business website, then its must for you to have the brand name as the domain name. For instance, if you take www.clickdo.co.uk, you can see the brand name ClickDo is present in the domain name.
On the other hand, while choosing the domain name for your brand, It’s highly positive if you try to have the target keyword along with the brand name in the domain. For instance, if you check www.quickcleaningservices.co.uk, in this domain name target keyword “cleaning services” comes in accordance with the brand name. So this kind of domain names will greatly help you with SEO if you are planning to rank for highly competitive terms.
So based on the business purpose and goal you need to choose the best domain name for your business.
7.3. Length of the domain name
Even though if you are planning to start a domain for business purpose or just as a blog. You should make sure that the domain name should be short enough. But the length of the domain name is not under control in some cases. But its always recommended to have the short domain names. But if you are planning to rank for highly competitive term and trying to go with keyword focused domain name, In that case, you can go with long domain names.
It’s always recommended to have the short domain name, but it doesn’t mean that the long domain names are tough to rank in Google search.
7.4. Avoid numbers and hyphens in domain name
If you are planning to buy a domain name for your business, then you should avoid having the hyphens (-) in the domain name. Having the hyphens in the domain name is not a good sign. Even though its not yet proven that domain names with hyphen is a spam domain. There are some implications that the domain names with hyphen are usually created by the competitors in the business industry just to outrank the other websites.
So the domain names with hyphens should be avoided in most cases. If you are planning to register a new domain name for your business, don’t use symbols like hyphens in your domain name. In the same way, you should not use the numbers in the domain name. Hence avoid using both the numbers and the hyphens in the domain name.
7.5. Easy to pronounce
Domain names should be easy to pronounce and remembered by the users. You should not have the complicated domain names. Your domain name should be easy to be pronounced by everyone.
Ideally the objective of the creating the domain name is to make the users search your business website and access it by using the domain name. Computers are going to use the IP addresses to access your domain name. Hence the domain name should be easy to remember and pronounce by the users.
7.6. Register Soon
If you are planning to buy an expired domain, then you should not delay it. Like you, many buyers will be in the hunt for the domains all day and if you found any good domain, you should register is instantly. Delaying will result in losing the domain name. Not only the expired domains, even if you are planning to register a new domain name for your brand, you should buy it immediately. If your business focuses on many countries, then make sure that you buy the domain names with multiple country domain extensions (ccTLD), so you can build the website by targeting each country.
8. How to register a domain name?
If you are planning to register a new domain name, there are lots of steps involved in it which are listed below. You need to start with finding a best domain registrar, creating an account for you with the domain registrar and then registering the domain name under your account. Here let’s see each and every step involved in the process of domain registration in more detail.
8.1. Find the best Domain Registrar
When you are about to register a domain name, you need to choose one of the best domain registrars like SeekaHost.
Before choosing a domain registrar, you should check whether you can also host your domain with them. Also, make sure that they have good online reputation with positive client reviews.
Main thing you need to ensure is that whether the domain registrar has good customer support team to help you if you face any issues with the domain registration or hosting.
Domain registrar like SeekaHost has good customer support and also has the best affordable web hosting packages. So here I am choosing the SeekaHost (www.seekahost.com) to register my new domain.
8.1.a. Finding the best domain registrar
8.2. Signup with the Domain Registrar
Once you found the best domain registrar, you need to create an account under your name and then can register the domain name under your account.
Search for “SeekaHost” on Google & visit www.seekahost.com. Click on the “Client Area” which is available in the menu section.
8.2.a. Visit SeekaHost
If you already have an account with SeekaHost, you can login using that account by using the email and password.
8.2.b. Login for existing user
If you are new to the SeekaHost, then click on “Create a New Account” and fill the details to create a new account.
Verify it and so you have now create a new account with SeekaHost & by using which you can register a new domain now.
8.2.c. Creating new account in SeekaHost
Once you have created the account with the domain registrar. Then you can login to the account and start registering the new domain.
8.3. Register the Domain Name
Now I have already logged in my account and I am going to register a new domain called londonon.org
I am going to build this domain as a good blog with many business tips and news.
When you login to your SeekaHost account, you will see the dashboard like which is shown in the below image (8.3.a)
8.3.a. SeekaHost Client Area
Since I have already registered 100+ domains with SeekaHost, Its shows the domain count. In this you can click on the “Domains” dropdown in the left and select “Register a new domain”
8.3.b.. Register a new domain
Type in the domain name “londonon.org” and search. If the domain name is available, then the message will be displayed as shown in the image 8.3.c
8.3.c. Registering a new domain name
Click on “Add to Cart” and move to the cart section to process the payment for the domain name.
Check the domain configuration and proceed with making the payment.
8.3.d. Payment Processing
Now we have successfully registered the domain londonon.org and now we have full control over the domain.
9. What is Web Hosting?
Web Hosting provides the storage space for your website in the server on the internet. All your website data will be stored in the server. Web Servers where your website data’s are stored are the multitasking high configuration computers which is capable of handling many requests at the same time. For instance, if multiple users request to view your site from different computers at the same time, Web Servers are capable of handling all those requests and will deliver the requested webpages to all the users instantly.
In simple words, Web Hosting will help you to make your website available in internet for others to access it. Web Hosting provider will store all your files and data which belongs to your website & hosts it in the internet. So it will be available for all the users to access it.
Web Hosting provider will offer all the technologies that is needed for a website to be live on the internet. So all your files, data & emails which belongs to your website will be stored in a common place called Server. This Server is managed and maintained by your Web Hosting provider. All your website data will be available in the server.
When a user searches your website name in the internet, then the user’s computer will connect to the server and retrieve the data and will display the website in the user’s computer.
Thus Web Hosting is done by the hosting providers to store all your website data in a Server and so any normal users can access it using the Internet from their personal computer.
9.1. Different types of Web Hosting
There are many types of web hosting available and based on your requirement you can choose the best one for you. Each type is unique and has its own functionalities. Now here let’s see the different types of web hosting methods and its functionalities.
9.1.1. Shared Web Hosting
In the Shared Web Hosting, as the name suggests one web server will be shared by many websites. You will not have any information about the other websites which are hosted on the server. Each and every website will be allocated with limited resources and allowed to utilize only the allocated resources.
Shared web hosting can be a best option, if your website doesn’t have more traffic. In this case, you can go with the shared web hosting. Cost for the shared web hosting will be cheaper when compared with the other web hosting packages. The only disadvantage about the shared web hosting is that the resources will be limited for your website.
When you have hosted your website in shared web hosting, then you may feel slight lag in the load time of the website if your site receives more traffic. Hence you can go with shared web hosting packages only if your website has less traffic.
Pros of Shared Web Hosting
- Its very cheap when compared with other web hosting packages.
- Best for beginners and small website.
- Shared web hosting usually comes with a built in cPanel which is easy to manage.
- More technical knowledge is not needed to manage the Shared Web Hosting.
Cons of Shared Web Hosting
- Server resources will not be dedicated to you & it will be shared with other website.
- You may face slower loading time in some cases.
- Chances for unexpected downtime.
9.1.2. Virtual Private Server (VPS) Hosting
VPS Stands for Virtual Private Server and VPS hosting is usually best suited for the business websites where the downtime should not happen for any reasons. In VPS Hosting, you will be allocated with the dedicated resources from the other users. VPS Hosting will have multiple websites hosted in the same server, but the difference here from the shared hosting is that your website will be allocated with the dedicated recourses. Due to the allocation of the dedicated resources, the chances for downtime is very less or nil.
VPS Hosting is best for the website owners who receives medium level of traffic and at the same time when they don’t need the resources available in the completely dedicated server. In this case, VPS Hosting is the best option where the website owners can experience the improved version of the shared hosting options with the dedicated resources to them.
Pros of VPS Hosting
- VPS Hosting is cheaper than the dedicated hosting, but comes with the dedicated resources.
- More configuration options available in the server.
- Dedicated resources for your website.
- You can feel the faster loading speed of the website with the VPS Hosting.
Cons of VPS Hosting
- Its slightly expensive than the shared web hosting.
- Resources are dedicated, but still the server is shared with the other websites.
- Configuration options are available, but they are limited.
9.1.3. Dedicated Hosting
Dedicated hosting as the name suggests, you will be provided with the dedicated server which belongs completely for you. So you can host your website in the dedicated server which is allocated for you. Server belongs only for you, so the resources is fully for your website and others cannot share your resources.
Dedicated server has many technical configurations, so you need to configure everything right from the server settings, software’s, resources and many more. Hence it needs more technical knowledge to handle it.
Dedicated hosting is best suited for the websites which receives more traffic in a regular manner. Even it can be a blogging site or business website, dedicated server is capable of handling tons of requests at the same time. Also, the cost for the dedicated hosting will be high when compared with the shared or VPS hosting.
Pros of Dedicated Hosting
- You will not share the resources with the others
- You will have dedicated server for you with complete access to the resources
- Guaranteed fast load times and you will not face any slow load time
- Comes with complete security
Cons of Dedicated Hosting
- Requires more technical knowledge to configure the server settings
- Cost is high when compared with the other hosting packages
9.1.4. Cloud Hosting
Cloud hosting can also be called as the improved or the hybrid version of the VPS hosting. Cloud hosting has multiple remote servers, For instance if one server is down or fails, then the other server comes in action and improved the website performance. So Cloud hositng contains multiple remote servers and each server has different responsibilities.
When you choose the cloud hosting, the uptime rates will be high and your website will rarely face the slow load time or downtime.
When it comes to pricing, in the cloud hosting you will pay only for what you use. As you know there will be lots of fluctuations in the website traffic. You will not pay more than what you use in the cloud hosting.
Pros of Cloud Hosting
- Cloud hosting is best suited for websites with medium and high level of traffic.
- You will not face any downtime.
- You can scale up the plans whenever needed.
- You will pay only for what you use.
- Highly secured.
Cons of Cloud Hosting
- If your website traffic suddenly increases, then you need to pay more if there is more resource utilization.
- There will be fluctuations in the pricing.
9.2. How to choose the best web hosting provider?
Before choosing a web hosting provider, you need to look into many options. Here let’s see one by one. Check whether the web hosting provider has 24 by 7 customer support. Ideally, if you are buying any web hosting packages, you need technical support from the web hosting provider. Hence it’s important to make sure that the web hosting provider offers good customer support. It will also help you to sort the technical issues if you face any.
Check whether your web hosting provider has good customer reviews in the past. If any particular web hosting provider has good client reviews, then feel free to choose them.
Check whether the web hosting provider offers the affordable hosting packages when comparing with the other providers.
So you should choose your web hosting provider only after checking all these and it’s also recommended to host the website where you are registering your domain name.
In our case, I am going to choose SeekaHost my web hosting provider where I have already registered and hosted 100+ domains. Now let’s see on how to host a website with SeekaHost.
10. How to host a website?
As you know we have already registered a new domain with SeekaHost called www.londonon.org. Now let’s see how to host this newly registered domain with SeekaHost and make it live on the internet.
If you don’t have an account with SeekaHost, then you need to create a account in SeekaHost under your name and should proceed with website hosting.
10.1. Buying a web hosting plan with SeekaHost
Previously I have already registered a new domain with SeekaHost, Now I am hosting the same domain www.londonon.org with SeekaHost.
Login to your SeekaHost account and click on the “Services” in the client area. Under “Services”, select the “Order New Services” as shown in the below image 10.1.a
10.1.a. Order New Services with SeekaHost
In the next step, you can choose the best web hosting package based on your requirement. In this case, I am moving forward with the small “Small Web Hosting” package under the “Personal Web Hosting”
As you can see from the below image 10.1.b., SeekaHost offers wide range of web hosting packages and you can choose the best based on your requirement.
10.1.b. Web Hosting Packages
In the next step, we will need to choose the domain which you are planning to host. So we can just enter the domain name with the extension as shown in the below image. 10.1.c.
10.1.c. Select the domain to host
Since I have registered the domain already with SeekaHost, londonon.org is available under my account and I can choose the same.
Suppose if we are planning to register a new domain or transfer a domain from the other registrar, we can do it in this step as you can see already there are options available for that.
Now we need to select the hosting package. we can go with the monthly, quarterly, semi-annually or annual package.
Now I am going with the annual package as we can see in the below image 10.1.d.
10.1.d. Choosing the annual package with SeekaHost
Since I have chosen the personal web hosting plan, it comes with the 1GB disk space. 10GB data transfer and with 1 email account. Based on the package you choose, the specifications may vary.
Now, we can just review your packages and plans. Once we confirmed everything, we can proceed with the checkout and make the payment.
Once the payment is successful, we will get the order confirmation mail and we can move to the client area to proceed with the further steps of hosting the domain.
10.1.f. Order Confirmation
In the client area, we can click on the “Services” and under that “My Services”, Now we can see our personal web hosting plan is active for the domain www.londonon.org
10.1.g. My Services in SeekaHost
Confirmation email with the web hosting details will be sent our registered email. In that email we can find all the details regarding the domain hosting.
Below is the email which I have got when I purchased this personal web hosting package. So we can simply follow the instructions in the email to proceed with the hosting. Email will have all the login details and the name server details.
10.1.h. Confirmation email with login details
10.2. Hosting a website with SeekaHost
So far now, we have chosen the best web hosting package from SeekaHost and purchased it. Now it’s time to host the domain name www.londonon.org and make it live on the internet. Below are the step by step guide to host the website.
10.2.1. Updating the Nameservers
Login to the client area and select the “My Services” under the “Services” option. Now we can see the web hosting package which we have recently purchased.
Now we need to update the “Name Server” details. we can find the new name server details in the email which we have received from SeekaHost (refer the image 10.2.1.a)
10.2.1.a. Name Server Details
Click on “Manage Domain” in my services section as shown in the image 10.2.1.b. In the next window select the “Nameservers” option as shown in the image 10.2.1.c
10.2.1.b. Manage Domain
10.2.1.c. Select the Nameservers
You can update the first four name servers as per the email instructions and click on “Change Nameservers” as shown in the image 10.2.1.d
10.2.1.d. Updating the Nameservers
Now we have updated the name servers and it will take some time to reflect in the actual settings.
10.2.1.e. Nameserver Updated
10.2.2. Installing WordPress
Once the Nameservers are updated, we can proceed with installing the WordPress to the domain.
WordPress is the most commonly used content management system. There are many reasons for choosing the WordPress, Some of them are that WordPress is more user friendly, easy to customize, comes handy with SEO, etc. Hence we are installing the WordPress to our domain.
We should login to the client area and should select “My Services” under “Services” category. Once done, we should click on our package and select the “Login to cPanel” option as shown in the image 10.2.2.a
10.2.2.a. Login to cPanel
Once we enter the cPanel, we will see the new dashboard as shown in the below image 10.2.2.b.
In the cPanel, we should search for “Softaculous Apps Installer” to install the WordPress. We can just search for the “Softaculous” in the search bar available in the cPanel as shown in the image 10.2.2.c.
10.2.2.c. Softaculous Apps Installer
We should click on the “Softaculous Apps Installer” which is popping up and so we will get the dashboard as shown in the image 10.2.2.d.
10.2.2.d. Softaculous Apps Installer Dashboard
We should select the “WordPress” in the Softaculous installer app and click on “Install Now”. We need to select the WordPress version which we need to install in the domain www.londonon.org and also we need to give the Site name and Site Description as shown in the image 10.2.2.e
10.2.2.e. Installing WordPress
In addition to this, We need to give the WordPress username and password and then we should click on “Install”
Now we have installed the WordPress to the domain www.londonon.org and we can access and customize the site using the WordPress.
10.2.2.f. WordPress Installed Successfully
Now we have successfully installed the WordPress to www.londonon.org.
10.2.2.g. WordPress Successfully Installed
10.2.3. Installing SSL to the Domain
SSL is mandatory for all the websites. Here let’s see the importance of SSL for the websites and the step by step guide to integrate them.
10.2.3.1. What is SSL & Why it’s important?
SSL called as a Secure Sockets Layer. It is used to make the communication between the Server and the web browser Secured. SSL encrypts the communication between the server and the web browser & protects it. SSL ensures that all the communication which is happened between the server and the web browser is private and secured via encryption.
SSL encrypts and protects the data which the user is submitting in the website like contact details, login details, payment details and many more. SSL is must for all the website and even Google has released an update recently which says that the website with SSL is given more priority in the search results.
As a normal user, you can easily spot whether a website has SSL or not. Website without SSL will be loaded in http whereas the website with SSL will be loaded as https. For Example, http://www.clickdo.co.uk (Website without SSL) and https://www.clickdo.co.uk (Website with SSL)
In the web browser, you will notified with the “Not Secured” connection text if the website doesn’t have SSL.
10.2.3.1.a. Website without SSL
From the image 10.2.3.1.a., You can see that the website blogrovr.com doesn’t have SSL and hence the Google Chrome browser shows as “Not Secure” connection. As a normal user, you should be careful while entering your details in the website which doesn’t have SSL as there are chances for data theft.
If a website has the properly intergrated SSL certificate, then Google Browser will notify you with a green pad lock symbol which says it’s a secured connection.
10.2.3.1.b. Website with SSL
As you can see in the image 10.2.3.1.b., Websites with the SSL will be displayed in the web browser with a green pad lock symbol.
10.2.3.2. How SSL Secures your Website?
SSL secures the data which is transferred between the web browser and the server. For instance, if you are having an eCommerce website, then the users may tend to insert the card details for making the payment and many more personal information. These details should be transferred to the server from the browser to complete the transaction. In this case, SSL will encrypt the details which is submitted by the users and will transfer the data to the server. Here the encryption of the data between the web browser and server prevents the data theft. This is how SSL secures your website and the data. Hence SSL is must for all the websites.
Not only the card details, SSL also protects the other details which is submitted by the users like login details, contact details and many more. SSL also has a positive impact in the website in terms of SEO.
SSL can be integarted to your website with the help of the web hosting provider. Here lets see the step by step guide to integrate the SSL certficate for a website.
10.2.3.3. Types of SSL Certificates
There are mainly three types of SSL Certificates available and based on the requirement, You can choose the one. Here let’s see the different types of SSL certificates and their uses.
10.2.3.3.1. Domain Validated (DV) Certificates
Domain Validated SSL certificates are the most simple and basic level of SSL certificate. DV certificates will just establish a secure connection between the web browser and the server. DV certificates are best for the normal website. These level of certificates are provided by checking upon the registry for domain information and will not require any organizational information.
Domain Validated certificates can be integrated within minutes to a website. We need to just claim that we own the domain and have full control over it. DV certificates are the basic version of the SSL certificates which can be used for the normal websites.
In the DV certificates, no company information is submitted and its just displayed as a normal secured source.
10.2.3.3.2. Organization Validated (OV) Certificates
As the name suggests, Organization Validated certificates are one level higher than the DV certificates. OV SSL Certificates provides the secured connection between the server and the browser. Also, to avail a OV certificate, we need to provide the valid business information to ensure that the domain name belongs to a legitimate business.
Organization Validated certificates looks similar to the DV certificate. It is costlier than the DV certificates. You can go for the OV certificate if you run a legitimate business and also collecting some important information from the users through the website.
Organization Validated certificates requires lots of business information to be submitted while integrating the SSL. OV certificates can be used for the commercial websites where more security is need for the communication.
10.2.3.3.2. OV Certificate
10.2.3.3.3. Extended Validation (EV) Certificates
Extended Validation certificates provides the higher level of security to the website. To avail the EV certificates lots of documents should be submitted on top of the business information. EV certificates are the higher level of SSL certificates and also it is more expensive than the other SSL certificates.
Extended Validation Certificates are used where the higher level of data security is needed. It is used by the eCommerce website, Bank websites and in many more places.
EV certificates can be easily identified by the normal user. Extended Validation certificates will contain the brand name in along with the green pad lock symbol as shown in the image 10.2.3.3.3.a.
10.2.3.3.3.a. EV Certificate in Barclays Bank Website
In this image 10.2.3.3.3.a., You can see that Barclays bank in UK has integrated the EV SSL certificate to their website to ensure the high level of security.
So these are the three common types of SSL certificates which is used in the business websites and blogging websites. Now, let’s see the step by step guide to integrate the SSL certificate to our newly hosted domain www.londonon.org
10.2.3.4. Installing SSL with your website
Now we are going to integrate the SSL certificate to the domain www.londonon.org which we have hosted very recently with SeekaHost.
From the image 10.2.3.4.a., We can see that the domain www.londonon.org doesn’t have SSL and hence it shows as not secure in the web browser.
10.2.3.4.a. Domain without SSL certificate
Usually, SSL needs to be integrated to the domain with the help of the web hosting provider. As we have already hosted the website with SeekaHost, our job becomes easier, because SeekaHost offers the easy option to install the SSL with the “Auto SSL” using the cPanel.
Auto SSL is one of the feature in the cPanel by using which we can easily install the SSL to the domain very easily. We no need to submit any forms or no additional information is required to install the SSL. By default we will get the domain validated SSL certificate with the auto SSL to our domain.
First step is, we need to login to our cPanel of our domain. Since we are going to integrate SSL to the domain www.londonon.org. We should login to the cPanel of www.londonon.org.
10.2.3.4.b. cPanel of the domain www.londonon.org
After logging into the cPanel, we need to search for “SSL/TLS” in the cPanel and click on the same.
10.2.3.4.b. Search for SSL/TLS in cPanel
Click on the “Manage SSL Sites” under the “Install and Manage SSL for your site (HTTPS)” as shown in the image 10.2.3.4.c.
10.2.3.4.c. Manage SSL Sites
Now we need to uninstall the default SSL. Hence we need to click on “Uninstall” as shown in the image 10.2.3.4.d.
10.2.3.4.c. Uninstalling Default SSL
Now we need to go back to the cPanel and search for “SSL/TLS” and then we need to click on “SSL/TLS Status” as shown in the image 10.2.3.4.d.
10.2.3.4.d. Click on SSL/TLS Status
Now we need to select the domain name and click on “Run Auto SSL” as shown in the image 10.2.3.4.e.
10.2.3.4.d. Run Auto SSL
Now using Auto SSL in the cPanel we have installed the SSL in the newly hosted domain www.londonon.org. But still the job is not completed yet. We need to redirect the domain from without SSL to with SSL. That is from http://www.londonon.org to https://www.londonon.org
So now lets do that with a WordPress plugin called Really Simple SSL.
10.2.3.4.e. SSL Installed to the domain
10.2.3.4.e. SSL Installed in www.londonon.org
Login to the WordPress dashboard of www.londonon.org and click on “Plugins” and click on “Add New Plugin” (I have covered in more detail about the WordPress and its functionalities in later part of this book)
10.2.3.4.f. Adding new plugin to the website
We need to search for the “Really Simple SSL” and click on “Install Now” as shown in the below image 10.2.3.4.g and we should click on “Activate”
10.2.3.4.g. Installing the Really Simple SSL plugin
Now we need to click on the “SSL” under “Settings” tab in the WordPress. So now we need to configure the Really Simple SSL plugin.
10.2.3.4.h. Configuring the SSL
Now we need to just click on “Go ahead, Activate SSL” option as shown in the image 10.2.3.4.i
10.2.3.4.i. Configuring the SSL with Really simple SSL
Now the SSL is successfully enabled on our newly hosted domain www.londonon.org
10.2.3.4.j. SSL enabled in our domain www.londonon.org
So now all the HTTP version of the www.londonon.org webpages will be redirected to the HTTPS version automatically.
Thus now we have installed the SSL in the newly hosted domain www.londonon.org and the website is live now on Internet.
11. About WordPress CMS
A content management system is a software which helps to create, modify and update the content in the web with a simple and user friendly interface. There are many types of content management systems available and one of the most popular content management system is the WordPress.
By using the WordPress CMS, you can have the full control over the website. You can upload text content, media files like images & videos, documents, files and many more. Other content management systems which are similar to WordPress are Drupal, Zoomla, Magento, DotnetNuke, etc.
WordPress is the most commonly used content management system. It’s very handy and has easy to use interface which is very easy for the newbies as well. WordPress also has thousands of plugins available which makes your job more easier for you.
11.1. What is WordPress & why it is preferred over other CMS platforms?
WordPress is the most commonly used CMS platform by most of the business people, bloggers around the world. Also, a survey says that more than 35% of the websites in the web are powered by the WordPress content management system.
Eventhough the business website requires many integrations and configurations to be done in the website, the job is made simple with WordPress. Yes, WordPress will give you access to many plugins by using which all kind of integrations to any website is possible. Any kind of functionalities can be implemented to your website with the help of the WordPress plugins.
Not only the business websites, you can create all kind of websites with WordPress like blogging website, eCommerce store website, portfolio website, personal website, etc. There is no restriction with the WordPress, you can create any kind of website based on your requirement by using the WordPress CMS.
WordPress is an open source software which is available for anyone on the web. You no need to pay to use the WordPress. Also, there is no restriction to use the WordPress CMS. Anyone can use the WordPress right from the business people to the bloggers.
Even all the most popular web hosting providers like SeekaHost offers the one click WordPress installation procedure for the newly hosted domains. I have explained it in the previous section on how to install the WordPress to a newly hosted domain by using the cPanel.
So if you are planning to start a new business website or blogging website, WordPress CMS is the best option for you to get started with. On top of all, WordPress will save a lot of time in customizing the website/creating the pages. Ideally, creating a web page in the coded site will make more time when compared with creating a webpage using the WordPress.
Many integrations in the WordPress comes with the single click which makes the most of the website owners to choose the WordPress CMS for their websites. Right from publishing a post to implementing any new functionality, most of the tasks can be done in a single click.
11.2. Features of WordPress
WordPress CMS has plenty of features in it. This is the prime reason for most of the website owners to choose the WordPress for their websites.
11.2.a. Features of WordPress
11.2.1. Customizable Designs
WordPress comes with thousands of free themes by using which you can give a new look to your website in just a single click. With the help of WordPress theme, you can design your website without any coding knowledge. Yes, there are thousands of free/paid themes available for WordPress, So based on your requirement. You can use any theme and design your website.
11.2.1.a. Customizable Themes in WordPress
Even if you are planning to start a business website or blogging website, you will not require any help from the web developers to design your website. You can customize yourself by using the theme. On the other hand, if your requirements are high for your website. Then you may need the help of the web developer to build your website. In the case of simple design, you can do it by yourself with the available WordPress themes.
11.2.1.b. Customize Options in WordPress Theme
In the WordPress, You can directly search and configure the theme from the WordPress dashboard. On the other hand, you can also download the theme from any source and can upload to your site manually.
11.2.2. SEO Friendly
Well, the ultimate goal of creating new website it rank in Google for potential keywords. Incase of the business website, your goal would be rank for main business keywords and get more inquiries for your business. On the other hand, if you are creating a blogging website, then your goal would be to drive more traffic from Google by ranking for keywords with high search volume. So the goal is to rank the websites better in Google search.
11.2.2.a. WordPress is SEO Friendly
SEO – Search Engine Optimization is one of the organic method of optimizing the website and ranking the web page on the top of the Google’s search results. WordPress will help you optimize your website easily when it comes to SEO. There are many WordPress plugins available like All in SEO plugin, Yoast SEO plugin, etc. By using these plugin, you can optimize the websites in a better way for SEO and rank it easily. I have explained about the plugins and its uses in the later part of this book.
11.2.3. Responsive Mobile Sites
Google is updating their search algorithm frequently and it’s been very clear that Google is giving more priority to the websites which are mobile responsive. By using WordPress, you can configure the theme and with some plugins you can make your website more mobile friendly and load faster in mobile devices.
11.2.3.a. Page Speed Insights
There are many WordPress plugins available to make your website mobile friendly. Mobile responsive sites always have the better chances for ranking than the other sites. Hence you should always make sure that your website is mobile friendly. You can use the Google Page Speed testing tool to check whether the website is optimized for mobile. Google’s Page Speed Test Tool – https://developers.google.com/speed/pagespeed/insights/
11.2.4. Highly Secured
When it comes to website, security is the first thing which you need to focus on these days. Using the WordPress will help your website keep secured from many online security attacks. Its not about just using the WordPress, you need to properly install & configure the right security plugins available in the market to keep the website secured. One such plugin is Wordfence.
Also with the help of WordPress CMS, you can easily install and activate the SSL in your website which we have done for www.londonon.org earlier. So WordPress CMS will help you in securing your website from online hacks.
11.2.5. Easily Accessible
Even if you don’t have any technical knowledge, WordPress is easy to use and you can learn to update the website with the help of WordPress. It comes with a very simple interface where a newbie can easily understand and adapt to it.
Content management made simpler with the help of WordPress. You can add, update or modify the text content, add media’s like images, videos and even upload files to the website. WordPress is best when it comes to accessing the website and updating it. So, if you are planning to start a new business website or blogging website or any kind of website, you can feel free to choose the WordPress as that’s the best in the industry.
11.3. What is a WordPress theme?
In normal words, as the name suggests WordPress theme is a predefined template by using which we can give a different look to our websites. The main advantage of the WordPress themes is that you no need to work on the coding part, Everything comes with just a drag and drop option in one click. Thus the blog/web design made easier and simpler with the WordPress Themes.
Ideally a WordPress theme changes the appearance of your website just in single click. At the other end, its upto you to customize it a better way and make your website look more professional in terms of design.
WordPress theme contains the predefined stylesheets and templates. So it will give a different look to your website without making you work in coding part. Still WordPress allows the developers to work on the coding part and make it better.
11.3.1. How to login to WordPress Dashboard?
So now it’s time to check all the functionalities which is available in the WordPress. First step is to login to WordPress dashboard to access its features. Here are the step by step guide to login to the WordPress dashboard.
Now let’s work with the domain name which we have recently registered with SeekaHost and hosted & made it live in the internet – www.londonon.org
11.3.1.a. www.londonon.org – live website
To login to the WordPress dashboard, we need to enter the website URL followed by /wp-admin or /wp-login.php
So to login to the WordPress dashboard of https://www.londonon.org, We need to enter https://www.londonon.org/wp-admin or https://www.londonon.org/wp-login.php to login to the WordPress dashboard.
11.3.1.b. www.londonon.org – Login URL for WordPress Dashboard
When we enter https://www.londonon.org/wp-login.php, it will ask for the username and password as shown in the below image 11.3.1.c.
11.3.1.c. www.londonon.org – Login Details
Once we enter the proper login details and click on login, we will be taken to the WordPress dashboard of the website www.londonon.org.
We should enter the user name & password and should click on “login”. We have created the user name and password while installing the WordPress, so we need to use the same here. You can check the section 10.2.2. to know about WordPress Installation where will give the username and password.
11.3.1.d. www.londonon.org – Logging into WordPress
Now we have logged into the WordPress dashboard of the website www.londonon.org
11.3.1.e. www.londonon.org – WordPress Dashboard
Now we can install themes, plugins and work on the website features. WordPress will remain as the interface, so we can do any changes in the website by using the WordPress CMS.
11.3.2. How to install a theme to your website
WordPress theme will have the set of predefined templates by using which we can give a professional look to our website. Here let’s see the step by step guide to install a new theme to the WordPress website.
Login to the WordPress dashboard. To install the theme we need to login to the WordPress dashboard of the website. Now we can see how to install a new theme in the website which we have created recently – www.londonon.org
Click on “Appearance” in the left options panel in WordPress dashboard and then select “Themes” as shown in the image 11.3.2.a.
11.3.2.a. Installing a new theme
Now we can see the list of themes which are already installed. Now select “Add New” to install a new theme in to the WordPress.
11.3.2.b. Adding new theme in WordPress
Now we can see list of themes which is available. So if we find any theme is suitable for our website. Then we can just click on that particular theme and install & activate it.
11.3.2.c. Themes in WordPress
We can also download the WordPress theme manually from other sources and we can upload it to the WordPress dashboard & activate it.
For instance, if we are looking for business related themes. Then we can use the “Search Themes” option which is available and search for “business” as shown in 11.3.2.d.
11.3.2.d. Business related themes
Now the business niche related themes will be displayed in the WordPress dashboard and we can choose the best one for our site.
On top of all, everything comes with the just one click installation. But we need to customize it to make the website look more professional. For www.londonon.org, We can now install the new theme.
As shown in the image 11.3.2.e. We are now installing the “Business Lander” theme to www.londonon.org. Just click on “Install” and then “activate” it.
11.3.2.e. Installing Business Lander Theme
Now we have installed and activated the new “Business Lander” theme to the WordPress website www.londonon.org. We can see in the image 11.3.2.f., www.londonon.org is live with the new them. Site is looking incomplete as we need to update it with contents and properly customize it.
11.3.2.f. www.londonon.org is live with the new theme
So these are the steps involved in installing a new WordPress theme to a website and activating it. Everything made so simple with WordPress.
11.3.3. How to customize the theme in your website
Just installing the WordPress theme in the website will not make it look good. We need to configure the theme to make all the elements to be fit to the right place and make it perfect. Here let’s see the step by step guide to customize a WordPress theme.
We need to login to the WordPress dashboard. Click on the “Customize” option under the “Appearance” section as shown in the image 11.3.3.a.
11.3.3.a. Customize the website
Now we will be taken to the theme customization dashboard as shown in the image 11.3.3.b.
11.3.3.b. Theme Customization Options in WordPress
We can see the lots of theme customization options in the WordPress theme. The customization options may vary based on each theme. There are many Theme customization options are available like changing the site title, home page settings, creating the menu’s, creating sidebars and footers, etc.
WordPress theme customization options may vary based on the themes, but the options will be similar and will not have big differences.
Now we are into the theme customization section. Based on the requirement, we can customize and update the theme of the website. Also, live previews can be seen in the right side when we change anything.
11.3.4. WordPress Themes – Free or Paid?
As we all know WordPress is an open source platform. Themes are available both in the free and paid versions. Ideally, free themes will have literally all the options that we can use. But if we are looking for more advanced customizations, then we can go for the paid WordPress themes.
11.3.4.a. Elegant Theme – Paid WordPress Theme
There are many paid WordPress themes available like Elegant Themes, Elementor page builder, etc. These paid themes will have the best predefined templates which we can import to our website in just a single click. Its saves lots of time to design a website. Also, paid themes comes with many extra plugins & features by using which we can create dynamic landing pages with special features.
11.3.4.b. Elementor – WordPress Page Builder
So, it’s always recommended to go with the free WordPress themes if the requirements are normal.
11.4. What is a WordPress Plugin?
WordPress Plugin, it’s a piece of small functionality/software which performs a specific task in our website. WordPress Plugins can be installed and activated in the website for a purpose. For instance, If we need to build a contact form in the website, then it can be done by using a simple WordPress plugin called “Contact Form 7”
11.4.a. WordPress Plugins
Similarly, there are thousands of free/paid plugins available in the WordPress which we can use it for a specific purpose. WordPress Plugins will even make our job easier by automation the tasks and making the integration’s simpler. For instance, even if we need a pricing table to displayed in our website, then we no need to work on coding. We can just simply install a WordPress Plugin called “Responsive Pricing Table” and do it.
So based on our requirement, We can find the best WordPress plugins and install it in our website.
WordPress Plugins comes with both free and the paid versions. Ideally, we can get all the basic functionalities for our website in the free versions. We need to look for the paid options only if we are planning to do any advanced integrations with our website. Most of the WordPress plugins are available as freemium = free + premium, In this case, We can access the basic functionalities with the free version and can upgrade to premium if we need to access the advanced features of the same plugin. One such freemium plugin is All in One SEO plugin. We can access the basic functionalities of the All in One SEO plugin with the free version & can upgrade to the premium version if we are planning to access it’s advanced features.
11.4.1. How to install a WordPress Plugin?
Now let’s see the step by step guide to install a WordPress plugin in our website www.londonon.org which we have recently hosted with SeekaHost.
We need to login to the WordPress dashboard of www.londonon.org. As we did before, we need to login to the dashboard by submitting the user name & password at https://www.londonon.org/wp-admin
11.4.1.a. WordPress dashboard of www.londonon.org
We need to click on “Plugins” in the left side available options and then should select “Add New” as shown in the image 11.4.1.b
11.4.1.b. Adding new plugin to www.londonon.org
Now we are in the plugins section in the WordPress dashboard. We can search & install the plugin that we are in need of.
11.4.1.c. Installing WordPress Plugin www.londonon.org
In the other hand, We can also manually download the plugin from some other sites and can upload & install it.
Now let’s install the “Contact Form 7” plugin to the new website – www.londonon.org. Search for “contact form 7” and click on “install now” as shown in the image 11.4.1.d.
11.4.1.d. Installing Contact Form 7 WordPress Plugin www.londonon.org
Now we have successfully installed the “Contact Form 7” plugin to our WordPress Website – www.londonon.org
11.4.1.e. Contact Form 7 WordPress Plugin Installed in www.londonon.org
Now we need to activate the plugin, We can just click on “Activate” so the plugin will become live on our website www.londonon.org
Now we can just select the “Plugins” in the available options in the left site and click on “Installed plugins”. So we can see all the installed, active & inactive plugins in the site as shown in the image 11.4.1.f.
11.4.1.f. Installed, Live, Active & Inactive plugins in www.londonon.org
Now we have successfully installed the Contact Form 7 plugin to the new website – www.londonon.org.
The main objective of the contact form 7 plugin is to create the contact forms in the website as shown in the image 11.4.1.g. and make the users submit the information via website. So if user submits the contact form in the website. We will get those data in the form of email to our id. I will cover the integration of the Contact Form 7 plugin in the later part of this book.
11.4.1.g. Contact form in the website
11.4.2. Basic WordPress Plugins for a Website
If we are planning to build a new website, there are some basic WordPress plugins which we need for a website. Here are some common WordPress plugins which is mandatory for all the websites.
- Contact Form 7
- All in One SEO Plugin
- WP Total Cache
- Really Simple SSL
18.104.22.168. Contact Form 7
We have seen about the Contact Form 7 plugin in the WordPress plugin installation section earlier. The main objective of the contact form 7 plugin is to display a simple contact form in the website and making the website visitors to get in touch with us through the contact form. That is when the user submits any information in the contact form, We the website owner will receive the information in the form of Email. Ideally, all the business websites will have the contact from in their website.
22.214.171.124.a. Contact Form 7 WordPress Plugin
Contact form 7 is the best WordPress plugin which we can use for the integrating any type of contact forms in the web pages.
Here let’s see the step by step procedure involved in installing and configuring the contact form 7 in our WordPress website – www.londonon.org
Repeat the steps which we have seen in the “Installing a Plugin” section 11.4.1
Click on the “Installed Plugins” option under “Plugins” and select the “Settings” option under the Contact Form 7 plugin as shown in the image 126.96.36.199.b.
188.8.131.52.a. Contact Form 7 Settings
Click on “Add New” in the Contact Form 7 plugin settings.
184.108.40.206.b. Adding New Contact Form
Just give a simple title to the Contact Form 7. In this I am giving as “Form 1”. Now we need to configure the fields which we need in the Form. By default, we will have Name, Email, Subject & Message fields while creating a new form as shown in the image 220.127.116.11.c.
18.104.22.168.c. Configuring the Contact Form 7
Even we can add the extra fields if we need any. We can add more fields by using the Contact Form 7 plugin like drop down menu, radio buttons and many more. Everything can be added in just a single click. If we need any extra fields, we can just select them by clicking on the respective options which is already available as shown in the image 22.214.171.124.d.
126.96.36.199.d. Additional Fields in Contact Form 7
Now we need to select the “Mail” tab in the contact form settings and give the email where we would like to receive the submissions. Here I am giving as [email protected]. So all the form submissions will be received to my email.
188.8.131.52.e.Mail Id in Contact Form 7
Once the required fields are set, then we need to “Save” the form. Click on “Save”, so the Contact Form is created now.
184.108.40.206.f. Saving the Contact Form
Now we can see that the Contact Form is created now in the name of “Form 1”
220.127.116.11.g. Contact Form Created
Now we need to copy the Shortcode of the contact form & paste it in the page/post where we need to display the form.
So the contact form will appear on that page as shown in the image 18.104.22.168.h.
22.214.171.124.h. Contact form appearing in the webpage
Now when the user submits the information in the Contact Form in the website. We will receive the submission in the form of mail to [email protected]. Even we can have more than one email in the contact form section. So when the user submits the information, mail will be sent to multiple emails instantly.
126.96.36.199. All in One SEO Plugin
The main objective of the All in One SEO Plugin comes with helping the website owners with many SEO features. When it comes to the business website or just a blogging website, SEO is must for all the websites to rank well on the Google. All in One SEO Plugin, helps us with many SEO options in the website like adding title tags, mete descriptions & many more things to our webpages easily. We will talk about the SEO in the later part of the book. So then you will get an idea about the All in One SEO Plugin. For now, we can just see how to install & configure the All in One SEO Plugin to our WordPress website.
188.8.131.52.a. All in One SEO Plugin
With the help of the All in One SEO plugin we can insert title tags, Meta descriptions to the webpages. Also, we can create the XML sitemap and submit it to Google by using the All in One SEO plugin. We will see in detailed about the XML sitemap and its uses in the later part of this book. All in One SEO plugin comes both with freemium version where most of the basic features are available in the free version of the plugin.
Here let’s see the step by step guide to install the All in One SEO plugin to our WordPress website – www.londonon.org
We should login to the WordPress dashboard of www.londonon.org and click on “Plugins” from the options available in the left and then select “Add New”
Search for “All in One SEO” plugin and click on “Install” as shown in the image 184.108.40.206.b
220.127.116.11.b. Installing All in One SEO Plugin
We should click on “Installed Plugins” under the “Plugins” section and click on “Activate” under All in One SEO plugin as shown in the image 18.104.22.168.c.
22.214.171.124.c. Activating the All in One SEO Plugin
Now we have activated the “All in One SEO Plugin” and its live on the website. Now all the SEO options will be available in all the webpages. Let’s see how to do the On Page SEO for the webpages/blog pages in the later part of this book.
126.96.36.199.d. All in One SEO Plugin is live on our site www.londonon.org
Now we have installed the All in One SEO plugin to our new WordPress website www.londonon.org.
188.8.131.52. W3 Total Cache
Cache plugins are used in the WordPress website to increase the website load speed. So basically, when the website has the properly configured cache plugin. Then it will increase the loading speed of the website. So do you wonder how this happens? When the website is loaded for the first time in your browser, Cache plugin will store a copy of the site in your browser that is the cache So when the website you load the same website next time in your browser, then Google will fetch it from the cache and will load quickly in your browser.
184.108.40.206.a. W3 Total Cache Plugin
There are tons of WordPress cache plugins available, But W3 Total Cache is the most commonly used cache plugin by most of the users and the bloggers for their websites.
We should give more importance to website load speed. In a recent survey, its found the users are likely to leave the site if the website has poor loading speed. Website speed has the direct impact in the conversion rate. Hence it’s always important to have the best WordPress Cache plugin like W3 Total Cache.
Here now let’s see the steps involved in installing & configuring the W3 Total Cache plugin to the www.londonon.org site.
We should login to the WordPress dashboard of www.londonon.org and click on “Plugins” from the options available in the left and then select “Add New”
Search for “W3 Total Cache” plugin and click on “Install Now” as shown in the image 220.127.116.11.b.
18.104.22.168.b. Installing W3 Total Cache Plugin
We should click on “Installed Plugins” under the “Plugins” section and click on “Activate” under W3 Total Cache plugin as shown in the image 22.214.171.124.c.
126.96.36.199.c. Activating W3 Total Cache Plugin
Now we have successfully installed and activated the W3 Total Cache plugin.
188.8.131.52.d. W3 Total Cache Plugin is live on www.londonon.org
Configuring the W3 Total Cache plugin has lots of steps and we should implement each and everything properly to ensure that it works properly and impacts the site loading speed.
After installing the plugin we should enable certain options to make the plugin work better in our site.
Before making any changes in the plugin, “Enable” the preview mode as shown in the image 184.108.40.206.e. Enabling the preview mode is like a safety measure. So all the changes will be in preview and we will apply to our website only everything is fine. So enable the preview mode in the plugin and then we should start configuring the W3 Total Cache plugin.
220.127.116.11.e. Enabling the preview mode in W3 Total Cache Plugin on www.londonon.org
After enabling the preview mode, we will get the options like “Disable or Deploy” as shown in the image 18.104.22.168.f. So we can disable this option once we have configured the plugin.
22.214.171.124.e. After enabling the preview mode
Now we need to enable the different cache options which is available in the W3 Total Cache plugin.
We should click on “Enable” check box in Page Cache section and is page cache method, we can have the “Disk: Enhanced”. Now click on “Save all settings”. Now page cache is enabled.
126.96.36.199.g. Enabling the Page Cache in W3 Total Cache Plugin on www.londonon.org
In the next step, we need to “Enable” the “Minify” option. Also, we need to change the Minify Mode to “Manual”. We should choose the other options as like in the image 188.8.131.52.h. That is we need to keep the Minify Cache Method as “Disk” in drop down, HTML Minifier as “Minify (default)”, JS Minifier as “JSMin (Default)”, CSS Minifier as “Minify (Default)”. Finally we should “save all settings”.
184.108.40.206.h. Enabling the Minify in W3 Total Cache Plugin on www.londonon.org
Next we need to “Enable” the “Database Cache” as shown in the image 220.127.116.11.i. In Database Cache Method, select the “Disk” from the drop down. Finally, we should click on “Save all settings”
18.104.22.168.i. Enabling the Database Cache in W3 Total Cache Plugin on www.londonon.org
Next we need to “Enable” the “Object Cache” as shown in the image 22.214.171.124.j. In Object Cache Method, select the “Disk” from the drop down. Finally, we should click on “Save all settings”
126.96.36.199.j. Enabling the Object Cache in W3 Total Cache Plugin on www.londonon.org
Next we need to “Enable” the “Browser Cache” as shown in the image 188.8.131.52.k. Finally, we should click on “Save all settings”
184.108.40.206.k. Enabling the Browser Cache in W3 Total Cache Plugin on www.londonon.org
W3 Total Cache offers many options in the free version. So we can upgrade to the premium version only if we need to access the additional features. So we have now configured the W3 Total Cache to the new website www.londonon.org.
Wordfence is a plugin which is used to keep your website secured. Ideally, Wordfence is one of the best security plugin for the WordPress websites which is used by most of the bloggers/business owners. Wordfence plugin will act as a security firewall for the website and will keep the site secured from malwares & attacks. Wordfence also protects the website from hacking, malware, DDOS and brute force attacks.
220.127.116.11.a. Wordfence Security Plugin
On top of all Wordfence will notify the website owners with an email if it detects any suspicious activities in the website. Wordfence is must for all the websites and even it detects and blocks the suspicious logins.
Here let’s see the step by step procedure involved in installing and configuring the Wordfence plugin to the WordPress website – www.londonon.org
We should login to the WordPress dashboard of www.londonon.org and click on “Plugins” from the options available in the left and then select “Add New”
Search for “Wordfence” plugin and click on “Install Now” as shown in the image 18.104.22.168.b.
22.214.171.124.b. Installing Wordfence Security Plugin
We should click on “Installed Plugins” under the “Plugins” section and click on “Activate” under W3 Total Cache plugin as shown in the image 126.96.36.199.c.
188.8.131.52.c. Activating Wordfence Security Plugin
Now we have just activated the Wordfence plugin and let’s see the steps involved in configuring the plugin. Upon activation, it will ask for the “Email” where the alerts/notifications should be sent. So we need to “add the email” and just click on “Continue”
184.108.40.206.d. Adding Email Id to Wordfence Security Plugin
We need to click on the “Firewall” under the options available in Wordfence plugin as shown in 220.127.116.11.e.
18.104.22.168.e. Firewall options in Wordfence Security Plugin
Now we need to click on “Optimize The Wordfence Firewall” as shown in the image 22.214.171.124.f.
126.96.36.199.f. Optimize Wordfence Firewall
Now click on the “Download .HTAccess” file and click on continue as shown in 188.8.131.52.g.
184.108.40.206.f. Optimize Wordfence Firewall
The purpose of doing is that now the Wordfence will run before the WordPress files, Hence this will add extra layer of protection. Now click on “Continue”, we have now perfectly Optimized the Wordfence Firewall.
220.127.116.11.g. Optimize Wordfence Firewall Done
Now we have successfully installed and configured the free version of the Wordfence plugins.
Now just click on the “Scan” in the options available in the left side and select “Start New Scan” as shown in the image 18.104.22.168.h.
22.214.171.124.h. Scanning the website using Wordfence
Now our website www.londonon.org is completely scanned and we can see there is no issues with our website.
126.96.36.199.i. Scan Successful for the website www.londonon.org
We can just click on the “Tools” option under Wordfence and we can see there are lot of tracking options available in Wordfence.
188.8.131.52.j. Tools in Wordfence
Wordfence also allows “Login Security” by using which we can enable two factor authentication and keep our website logins highly secured Wordfence also provides us with some security codes, So we can able to login to the website only if we have the security codes in case of any issues.
184.108.40.206.k. Login Security in Wordfence
So we have now successfully installed and configured the Wordfence security plugin to the WordPress website www.londonon.org.
220.127.116.11. Really Simple SSL
Really Simple SSL is a WordPress plugin which is used to run the website in HTTPS, that is with SSL. We have already seen about the Installing & Configuring the Really Simple SSL plugin in the 10.2.3.4 section. We can get SSL certificate with the help of Really Simple SSL plugin. We should get the SSL for the website from the web hosting provider like we did for www.londonon.org. The purpose of the Really Simple SSL plugin is just to activate the SSL in the website and load the site only in the HTTPS version. Even all the URL’s in the HTTP version will be redirected to the HTTPS version of the website.
12. How to publish a blog post in WordPress?
So far we have seen how to register a new domain name & host it, how to install WordPress to the newly registered domain name, how to install & configure the theme, how to install & configure the basic WordPress Plugins in the WordPress. So we have done all the backend works to create a new website and make it live on Internet. Now our site www.londonon.org is live on internet. Now are moving into the front end section of publishing contents in the website to drive more visitors to our website. Now let’s see the steps involved in publishing a new post in WordPress website.
12.1. What is a Post in WordPress?
As the name suggests, Post are the information which is published frequently (daily/weekly) in a website about a particular topic/latest updates. Posts can be published with tags & categories. If you are owning a business website, Posts are the “Blog Section” in your website where you will publish news, updates, etc about your business. WordPress post is also displayed with the published date & the author name. But it can also be disabled and we can prevent showing the author name/published dates. To make you more clear, let me show you with an example. In the Quick Cleaning Services Website – https://www.quickcleaningservices.co.uk/. WordPress blog post section is https://www.quickcleaningservices.co.uk/blog/ where daily blogs are published with some new information & tips. Remaining are published as Pages in WordPress. So this is with respect to the business website. For instance if you are owning a blogging website, then all will be published as posts as like in https://business.clickdo.co.uk/, Here all the contents are published as posts since it is a blogging website.
12.1.1. What are Categories in WordPress Post?
Categories is one of the terminology available in the WordPress Posts. Using Categories, you can group the certain types of posts into one category. For instance, if you own a Sports Blogging website, then we can have a category called “Cricket” and publish all the cricket related posts under the category called “Cricket”, We can have as many as categories for each website and group the posts under each category.
For instance, In the UK Business Blog – https://business.clickdo.co.uk, we have many categories like Business News, Business Tips, etc. as shown in the image 12.1.1.a.
12.1.1.a. Categories in UK Business Blog – https://business.clickdo.co.uk/
We can publish the relevant posts under each category and also can create any number of new categories. For instance, if we are planning to publish an lifestyle related content, Then it can be published under Lifestyle Category – https://business.clickdo.co.uk/category/lifestyle/. We will have the option to select the category while publishing the post.
12.1.2. What are Tags in WordPress Post?
Tags can be added to a WordPress Post similar like the Categories. The difference between the Category and the Tag is that the Category covers the wide range of content ideas in particular topic. But the Tag is subjected to cover only specific topics. For instance “Cricket” can be a category and the Tags can be like “Sachin”, ”Dhoni”, ”IPL”, ”World Cup”, etc. Tags will narrow down the category to the specific type of post.
Tags: Sachin, Dhoni, IPL, World Cup
For instance if we click on a Specific tag, then we will be taken to the archive of the posts related to that tag. Let’s see how to add categories/tags to a WordPress post in the later part of this book.
12.1.3. Author Name & Published Date in WordPress
When publishing a WordPress post, author name and the published date will be displayed in the website. So ideally if you are blogger having a website, you can publish blogs under your name. Since the blog is about updating the latest news/updates, Blog posts will be displayed with the published dates as shown in the image 12.1.3.a.
12.1.3.a. Post with author name and published date
In this post, we can see the author name as “Dinesh Kumar VM” & the published date as well. We can also checkout all the posts published by particular author name by clicking on their name – https://business.clickdo.co.uk/author/dinesh/
We can also disable the author name & published date if we are not willing to show them in our blog.
12.2. What is a Page in WordPress?
Pages are similar to Posts in WordPress. The difference is that the contents in the pages are static. So it will not change. Also, we can’t add categories, tags in the Pages. Comments are disabled in the WordPress pages.
For instance, if we take any business website, Pages will be like, Home, About Us, Contact us, Services, etc. Let’s take Quick Cleaning Services website as example – https://www.quickcleaningservices.co.uk/. In this Home, About Us, Services & all the Services page are published as Pages. Some examples for pages in Quick Cleaning Services site are https://www.quickcleaningservices.co.uk/end-of-tenancy-cleaning/, https://www.quickcleaningservices.co.uk/about-us/.
12.2.a. Pages in WordPress
Even though pages are said to have static contents in it. It doesn’t mean that we can’t update any content in pages. We can update, modify the content in the pages anytime.
12.3. Post Vs. Page in WordPress
As we have seen about the page & post in WordPress. So post is kind of a content which will be dynamic & we can publish based on the latest news, updates, etc. In the other hand, Pages in WordPress are static content. As you can see in the below image (12.3.a) of Quick Cleaning Services website, Home, About Us, Services, Prices & Contact Us are Pages. Whereas Blog contains all the Posts.
12.3.a. Quick Cleaning Services website – Post Vs. Page in WordPress
Some of the pages in Quick Cleaning Services site:
https://www.quickcleaningservices.co.uk/end-of-tenancy-cleaning/ and so on
Some of the Posts in Quick Cleaning Services site:
https://www.quickcleaningservices.co.uk/tips-to-select-the-cleaning-services/ and so on
As we have mentioned earlier, we can see that all the pages will contain mostly the static information & will be sale oriented. But the blog posts will contain the dynamic information based on the latest news, updates, tips, etc.
12.4. Publishing a Blog Post in WordPress
So we have seen so far about the difference between the Post & the Page in the WordPress. Now let’s see the steps involved in publishing a new blog post in the WordPress with the proper On Page SEO.
Step 1: Logging into WordPress
We need to login to the WordPress dashboard of www.londonon.org & click on “Posts” & “Add New”
12.4.a. Add New Post in WordPress
Step 2: Adding New Post in WordPress
Now we will be in the section where we can add the content of the blog & publish it. We can able to insert the Title & Content in the WordPress in the available fields as shown in 12.4.b.
12.4.b. Add New Post in WordPress
Step 3: Adding Title & Content in WordPress Post
Now I have the content which is written already to publish in www.londonon.org. So now we need to just add the title and the blog content in the respective fields.
12.4.c. Adding Title & Content in WordPress Post
In the image 12.4.c., We can see that we have added the title as “Importance of Collecting Reviews our User” and update the content below which is relevant to the title. So now we have added the title and the content to the WordPress Post.
Step 4: Adding Heading Tags in WordPress Post
Now we need to add the heading tags in the content. Heading tags in the WordPress ranges from H1 to H6. Heading tags play a vital part in SEO, hence we need to add it to the content in the necessary places. By default title of the blog will be chosen as the H1. So we need to give the remaining headings from H2 in the content.
Select the text which we need to make as H2 & then we should click on the dropdown as shown in the image 12.4.d and Select “Heading 2”.
12.4.d. Heading Tags in WordPress Post
12.4.e. H2 added in WordPress Post
Now we have added the <h2> in the Post. Similarly we can add other heading tags in the relevant places. We have many subtitles in the content & hence I am updating them as <h3>
12.4.f. H3 added in WordPress Post
Now we have added the heading 3 tags in the content for the subtitles as shown in the image 12.4.f.
Step 5: Adding Media (Images & Videos) in WordPress Post
We need to select the location where we are planning to insert the image. Now we need to select the “Add Media” option as shown in the image 12.4.g.
12.4.g. Adding Media in WordPress Post
We need to click on “Select Files” option as shown in the image 12.4.h.
12.4.g. Select files to insert media
We need to select the images from the computer which we are planning to insert in the WordPress post and click on “Open” as shown in 12.4.h
12.4.h. Select image files to insert media
Now both the image files are added in the “Media Library” of the www.londonon.org site.
12.4.i. Images inserted in Media Library
Now we need to select the image which we need to insert it into the post. Give the “alt text” to the image and insert into the post.
12.4.j. Adding Alt text and inserting the image into the post
Now the media file (image) is inserted into the WordPress post.
12.4.k. Image added to the WordPress post
Similarly we can add as many as images in the WordPress blog post before publishing. Adding the “Alt Text” to the images is an added advantage for SEO. In a similar way, we can add the videos as well.
Step 6: Adding the On Page Elements to the Blog Post
The core On Page SEO factors of a WordPress post involves the terminologies listed below,
- Title Tag
- Meta Description
- Internal/External links
- Alt Text in Images
Title tag obviously is the title of the blog which we need to optimize it and make it search engine friendly. Since we have installed the All in One SEO plugin already, we can insert the title tag for the post using the All in One SEO Plugin.
We can insert the title tag by with the help of the options available in the “All in One SEO” plugin in each post. So for the post which are publishing now, We can give the title tag as shown in the image 12.4.l.
12.4.l. Title Tag in WordPress
There are certain rules for writing a title tag. Title tag can be a maximum of upto 60 characters. Title tags are the blue colored titles which appears in the Google search results when we search something.
Here we have given the title tag as “Importance of Collecting Reviews from our User”. We can see already the plugin shows the preview of how it will appear in the search results.
Meta descriptions are the short piece of descriptions which we need to give to each WordPress post. This description will say what the post is exactly about. This will appear below the title tag in the search results. We can have upto 160 characters in the meta descriptions.
12.4.m. Meta Description in WordPress
Here we have given the meta description to our blog post as shown in the image 12.4.m. We can also see that preview is also appearing on the top, so this is how it will appear in the Google search results.
Permalinks are the URL structure of the blog post. We should make sure that the URL is short and has the target keyword in it. Same way we should ensure that we have added the keyword in both the title tag and the meta description. So this will help the search engines to understand what the blog post is about.
12.4.n. Permalinks in WordPress
Here we can edit the permalink & make it short. Here I am updating the permalink as /importance-of-collecting-review/ & I have saved it.
So once we publish this blog post, the live link of the blog post will appear as https://www.londonon.org/importance-of-collecting-review/
We can use only the letters, numbers and the ‘-‘ in the URL’s. No more special characters are allowed in the URL structure.
In the search results, URL will appear between the title tag and the meta description.
Internal links are the links which points to other blog posts/pages in the same website. Internal here refers to links which is pointing to some other relevant post of our domain www.londonon.org. On the other hand, external links are the ones which links to the other websites other than the webpages/post in www.londonon.org. For instance, external link here refers to links which we may give to other external websites.
We need to just select the text which we need to insert link & click on the link icon as shown in the image 12.4.0. and we need to give the link & save it.
12.4.n. Internal Links in WordPress
In this image, we are just giving an internal link to the home page of the website www.londonon.org. In the similar way, we can select the text and place the link to external sites as well. Its recommended to have more internal links and some external links to relevant sites as well.
Alt Text in Images:
Alt text also known as the alternative text are the ones which we need to give for each image. This will help the search engine to read the image and thereby know what the content is actually about. It’s recommended to have alt texts for the images which we are adding in the blog post. Ideally, search engines can’t read the images without the alt tags. Hence, adding the alt text to the images will help the search engines to read the images and know what the content is actually about.
We have already seen what is Category in WordPress post, here now let’s see how to add a category to the WordPress post. Click on “Add New Category” & give the category name. Here I am giving the category as “Business”. Finally we need to click on “Add New Category”.
12.4.o. Adding Category in WordPress
Now our category “Business” has been added to our blog post
12.4.p. “Business” Category added in Blog Post
We have already seen about the ”Tags”. Now we can see how to add new tags to the blog post. Here I am just adding the tags like “user review”, “customer review”, “business review”. Finally we need to click on “Add” and its done. We can see that the tags are already added in 12.4.q.
12.4.q. Adding tags in Blog Post
Step 7: Publishing the Blog Post
Now we have added all the On Page factors for our blog post. We are into the final section of publishing the post. We need to just click on “Publish” and it’s done. Our blog is live now.
12.4.r. Publishing the Blog Post
12.4.s. Blog Post is live now in www.londonon.org
13. Google Search Console & its Integration
Google Search Console also called as the Google Webmaster Tool is the service offered by Google by using which we can monitor the website’s presence on Google search results. Google Search Console will also help us by notifying about the errors present in our website which prevents the site from appearing the search results. So, we can troubleshoot the error in the website and can resubmit the website to Google to make it perform well on the search results.
Here let’s see the steps involved in integrating the Google Search Console with the website and submitting the XML sitemap using the search console.
13.1. How Google Search Works?
As we all know we can find any kind of information by using the Google Search. But have you ever wondered how the Google Search functions. Ideally, Google search is composed of two main processes. One is Crawling & the other is Indexing.
Crawling is the process by which the Google search engine finds the new/updated webpages and stores it in the index. Crawler also called as the Google Bot/Spider will crawl all the webpages available in the internet and will store them in the Google Index servers. So when user searches anything in the Google Search, the information will be delivered to the end user in the form of search results from the Indexing server where the information is already stored.
Now you may think, how Google Crawler visits our website? Here comes the role of the XML sitemap. Submitting the XML sitemap of our website to the Google using the search console will help the crawler to visit our website and crawl the data & store in the indexing server. Basically, Google bot will visit our webpage and from our webpage, it will find the links (internal links/external links) which is pointing to other webpages and from that it will visit those webpages and crawls it. This process happens infinitely and the Google Bot will continue to crawl by moving to the links present in the webpages which it crawls and will store the information in the Indexing servers. So the first cycle of crawling and storing the information in the indexing server is completed now. Here starts the second cycle of fetching the information from the indexing server when user searches anything in Google & displaying it in the form of search results.
For instance, let’s take an example. Here user searches for “how to create a website” in Google search. Now the Google will go back to the indexing server and will lookup for all the information which is stored in the indexing server about “How to create a website”. After that Google will display the best results in the Search results for the user to find the information which they are looking for. Now you may think how Google actually ranks the webpages in search results, Here comes the role of SEO (Search Engine Optimization). Google will rank the webpages based on 200+ factors. It includes content quality, relevancy, uniqueness of the content, website authority and many more factors. By using this 200+ factors Google’s Search algorithm fetches the best results and displays it in the form of search results in the user’s computer.
So this is how Google search engine works and displays the best results for the users. So if we are creating a new website, our ultimate goal is to make the Google Bot to crawl and store our website information in the indexing servers and display it in the search results when the user makes any relevant search on Google. Google Search Console helps us to submit our site to Google in the form of XML sitemaps. So Google Bot can effectively crawl and index our website.
13.2. How to integrate Google Search Console with Website?
We need to integrate the Google Search Console with our website to access the functionalities of the search console. That is we need to create a link between our website and the Google Search console. Here let’s see the step by step procedure involved in integrating the Google Search Console with our website www.londonon.org
We need to search for “Search Console” on Google & login to the Search Console using your Gmail id or some other email.
13.2.a. Google Search Console
We need to click on “start now” and in the next window login to the search console using the Gmail or other email id.
13.2.b. Search Console Login
Now we have logged into the Search Console. Just click on “Add Property” as shown in the image 13.2.c.
13.2.c. Adding Property in Search Console
It already shows one more website www.blogrovr.com under my account which I have already integrated with the search console.
In the next step, we need to enter the website URL which we are planning to integrate search console with. Here we can give www.londonon.org as we are integrating search console for the same.
13.2.d. Adding Website URL in Search Console
We should enter the website URL and then click on “Continue”.
Now we need to verify with Google Search console that we have the complete access to the website www.londonon.org and we own the site. So we need to verify it by using one of the available four methods as shown in the image 13.2.e.
13.2.e. Ownership Verification Methods in Search Console
We can use any one of the method to verify. Here I am using the “Html Tag” as a verification method. We need to click on the “HTML Tag” method and then should copy the code which is popping up as shown in the image 13.2.f. and should insert it in the header of the website www.londonon.org.
13.2.f. HTML Code Verification in Search Console
We need to copy the HTML code. Login to the WordPress Dashboard of the www.londonon.org and Click on “Appearance” & then select the “Theme Editor” under it as shown in the image 13.2.g.
13.2.g. Theme Editor of www.londonon.org
Now we need to insert the copied code in the <head> section of the theme. Now we need to select the header.php file and insert the Google Search Console code before the </head> as shown in the image 13.2.h. and click on “Update file”
13.2.h. Inserting the code in the header of www.londonon.org
Now we have successfully inserted the HTML verification code of the search console in the website www.londonon.org
Now we need to go back to the search console and click on the “Verify” as shown in the image 13.2.i.
13.2.i. Verifying the code in the search console
Now we have successfully verified the ownership and the Google Search Console Integration has been done successfully.
13.2.j. Google Search Console Integrated for www.londonon.org
13.2.k. Google Search Console dashboard of www.londonon.org
Now we have linked the website www.londonon.org with the Google Search console.
13.3. What is XML Sitemap?
XML also called as the Extensible Markup Language is a text file which contains all the URL’s (Pages/Posts) of our website. That is the XML sitemap of the website www.londonon.org will have all the live URL’s present in the website. By using the XML sitemap we can make the Google Crawler to visit our website and crawl all the webpages in our website and make them index.
XML sitemap will contain all the URL’s of the website right from pages, posts, media files and other components. Hence submitting the XML sitemap will help the Google Bot to crawl our contents effectively. In the meantime, if we publish any new post, it will get added up in the sitemap automatically helping the Google bot to crawl the new content. Having the sitemap alone will not ensure that our content is crawled and indexed by Google. We should make sure that there is not crawling errors or issues in our website. This is can be verified by using the Google Search Console. Even if there is any issue in crawling, Google Search Console will notify the website owner about the error. So we can work on it and make it perfect to help Google Bot to crawl our website.
Here let’s take the website https://business.clickdo.co.uk/ & the XML site will of https://business.clickdo.co.uk/ is https://business.clickdo.co.uk/sitemap.xml
13.3.a. XML Sitemap of https://business.clickdo.co.uk/
This is how the XML Sitemap of a website will look like. In this under https://business.clickdo.co.uk/post-sitemap.xml it will contain all the URL’s of the Post in business.clickdo.co.uk. In the same way under https://business.clickdo.co.uk/page-sitemap.xml will have all the URL’s of the Pages in business.clickdo.co.uk. So when we submit this to the Search Console, Google Bot will visit all the posts, pages and the media files in the website and will crawl them & index it. This is how we use the XML sitemap to make the Google bot crawl our website.
13.4. Creating & Submitting XML Sitemap using Search Console
Now let’s see the steps involved in creating & submitting the XML sitemap using All in One SEO plugin in our new website www.londonon.org
We need to login to the WordPress dashboard of www.londonon.org and click on “Feature Manager” under “All in One SEO” plugin as shown in the image 13.4.a.
13.4.a. Feature Manager in All in One SEO Plugin
Now we need to click on “Activate” the “XML Sitemaps” as shown in the image 13.4.b.
13.4.b. Activating XML Sitemap using All in One SEO Plugin
Now we have activated the “XML Sitemap” using All in One SEO Plugin. Just select the “XML Sitemap” option under the plugin settings as shown in 13.4.c.
13.4.c. XML Sitemap Activated
We need to change the “Schedule Updates” to “Daily” as shown in the image 13.4.d. and save settings.
13.4.d. Schedule Updates in XML Sitemap
Now the sitemap will be updated daily. So all the changes that we make in our website will be updated regularly in the XML sitemap.
We can click on “View your XML Sitemap” option which is available in the plugin to view the sitemap. Also, we can check the XML Sitemap at the domain name followed by sitemap.xml. That is www.londonon.org/sitemap.xml
13.4.e. View the XML Sitemap
13.4.f. XML Sitemap of www.londonon.org
Now we have created the XML Sitemap. Next we need to submit the sitemap of our website www.londonon.org by using the Google Search Console which we have just integrated with the website.
We need to login to the Search Console of the www.londonon.org and select the “Sitemaps” as shown in the image 13.4.g.
13.4.g. Sitemap in Search Console
We need to enter the XML Sitemap URL of www.londonon.org in the available field as shown in the image 13.4.h. & click on “Submit”
13.4.h. Submitting Sitemap in Search Console
Now we have successfully submitted the XML sitemap of www.londonon.org using the Search Console.
13.4.i. XML Sitemap of www.londonon.org is submitted using Search Console
So we have integrated the search console with the www.londonon.org and have submitted the XML Sitemap.
13.4.j. XML Sitemap of www.londonon.org is submitted using Search Console
Now we can see that the “Success” message displayed. XML Sitemap submission for www.londonon.org is done now. We have submitted our site to the Google Search Engine for crawling. Now Google will crawl all the live URL’s in our website & will index them.
14. Google Analytics & Its Integration
Google Analytics is a open source web analytics tool which is offered by Google to help the website owners to monitor the traffic to their website from different sources. By using Google Analytics we can track the number of users visiting our website, traffic source, location where the visitors are from, etc. Even by using the Google Analytics we can track from which devices, browsers, the users are coming from. Ideally, Google Analytics offers all the demographic information of the users visiting our website. Google Analytics for eCommerce sites will provide us with the abundant data by using which we can optimize the website for better conversions.
Even by using the Google Analytics we can track the user’s navigation inside our website. That is where the users are navigating within our website from one page to other. So we can track the user flow and optimize the website for better conversions based on the user’s behavior. By using Google Analytics we can track the number of unique visitors to our website, repeating visitors, etc. Google Analytics gives us the abundant user information/data by using which we can optimize the website for better conversions. Now let’s see the steps involved in integrating the Google Analytics with the website.
14.1. Integrating Google Analytics with Website
We need to integrate the Google Analytics with the website which we need to track by inserting a small piece of code. Same way like how we did for Google Search Console. So, now let’s integrate the Google Analytics for our website www.londonon.org
Search for “Google Analytics” in Google & sign in using the Gmail Id or any Email.
14.1.a. Sign in to Google Analytics
Now we have logged into the Google Analytics. Now we should enter the Account name as shown in the image 14.1.b. and click on “Next”.
Account name can be the website name. So I am giving here as London On.
14.1.b. Creating Account in Google Analytics
In the next step, we need to select the source which we need to monitor. Here since we are about to integrate it with the website and monitor the traffic. We can select as “Web” & click on “Next”
14.1.c. Selecting the source in Google Analytics
Now we need to give the “Website Name”, “Website URL”, “Industry Category”, “Time Zone” and click on “Create” as shown in the image 14.1.d.
14.1.d. Adding www.londonon.org to Google Analytics
Now we have created the property for our website www.londonon.org. Now we need to add the tracking code to the header of the website in the same way like we did for the Google Search Console earlier.
14.1.e. Google Analytics Tracking Code
Now we need to add the tracking code to the website. That is we need to add in the <head>, header section.
We need to login to the WordPress dashboard of www.londonon.org. Click on “Theme Editor” under “Appearance” and then click on “header.php” as shown in the image 14.1.f.
14.1.f. header.php of www.londonon.org
Now we need to insert the Google Analytics Tracking Code before </head> tag in the theme header of www.londonon.org. That is in header.php and click on “update file” as shown in the image 14.1.g.
14.1.g. Adding tracking code in header.php of www.londonon.org
Now we have successfully integrated the code with the website www.londonon.org. Now we can click on “Home” icon in the Google Analytics to see the data.
14.1.i. Google Analytics Integrated with www.londonon.org
Now we have integrated the Google Analytics with www.londonon.org. We can see from the image 14.1.j. that integration is done perfect.
14.1.j. Google Analytics Integrated in www.londonon.org
We can see that the Google Analytics shows 2 active users in the website. In addition to this we can check more user’s data of our website www.londonon.org like real time users, user behavior, etc. So now we have integrated the Google Analytics successfully with our website www.londonon.org