How to Create a Website From Scratch

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.

Table of Contents

Table of content

how to create a website

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
6.2.6.1. 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.

6.2.6.2. 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.

6.2.6.3. 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.

Finding the best domain registrar

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.

Step 1:

Search for “SeekaHost” on Google & visit www.seekahost.com. Click on the “Client Area” which is available in the menu section.

Visit SeekaHost

8.2.a. Visit SeekaHost

Step 2:

If you already have an account with SeekaHost, you can login using that account by using the email and password.

Login for existing user

8.2.b. Login for existing user

Step 3:

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.

Creating new account in SeekaHost

8.2.c. Creating new account in SeekaHost

Step 4:

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.

Step 1:

When you login to your SeekaHost account, you will see the dashboard like which is shown in the below image (8.3.a)

SeekaHost Client Area

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”

Register a new domain

8.3.b.. Register a new domain

Step 2:

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

Registering a new domain name

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.

Step 3:

Check the domain configuration and proceed with making the payment.

Payment Processing

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.

Step 1:

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

Order New Services with SeekaHost

10.1.a. Order New Services with SeekaHost

Step 2:

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.

Web Hosting Packages

10.1.b. Web Hosting Packages

Step 3:

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.

Select the domain to host

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.

Step 4:

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.

Choosing the annual package with SeekaHost

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.

Step 5:

Now, we can just review your packages and plans. Once we confirmed everything, we can proceed with the checkout and make the payment.

Checkout

10.1.e. Checkout

Step 6:

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.

Order Confirmation

10.1.f. Order Confirmation

Step 7:

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

My Services in SeekaHost

10.1.g. My Services in SeekaHost

Step 8:

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.

Confirmation email with login 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

Step 1:

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)

Name Server Details

10.2.1.a. Name Server Details

Step 2:

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

Manage Domain

10.2.1.b. Manage Domain

Select the Nameservers

10.2.1.c. Select the Nameservers

Step 3:

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

Updating the Nameservers

10.2.1.d. Updating the Nameservers

Step 4:

Now we have updated the name servers and it will take some time to reflect in the actual settings.

Nameserver Updated

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.

Step 1:

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

Login to cPanel

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.

cPanel

10.2.2.b. cPanel

Step 2:

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.

Softaculous Apps Installer

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.

Softaculous Apps Installer Dashboard

10.2.2.d. Softaculous Apps Installer Dashboard

 

Step 3:

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

Installing WordPress

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”

Step 4:

Now we have installed the WordPress to the domain www.londonon.org and we can access and customize the site using the WordPress.

WordPress Installed Successfully

10.2.2.f. WordPress Installed Successfully

Step 5:

Now we have successfully installed the WordPress to www.londonon.org.

WordPress Successfully Installed

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.

website without 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.

Website with SSL

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.

OV Certificate

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.

EV Certificate in Barclays Bank Website

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.

Domain without SSL certificate

10.2.3.4.a. Domain without SSL certificate

Step 1:

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.

cPanel of the domain www.londonon.org


10.2.3.4.b. cPanel of the domain
www.londonon.org

Step 2:

After logging into the cPanel, we need to search for “SSL/TLS” in the cPanel and click on the same.

Search for SSL TLS in cPanel

10.2.3.4.b. Search for SSL/TLS in cPanel

Step 3:

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.

Manage SSL Sites

10.2.3.4.c. Manage SSL Sites

Step 4:

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.

Uninstalling Default SSL

10.2.3.4.c. Uninstalling Default SSL

Step 5:

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.

Click on SSL TLS Status

10.2.3.4.d. Click on SSL/TLS Status

Step 6:

Now we need to select the domain name and click on “Run Auto SSL” as shown in the image 10.2.3.4.e.

Run Auto SSL

10.2.3.4.d. Run Auto SSL

Step 7:

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.

SSL Installed to the domain

10.2.3.4.e. SSL Installed to the domain

 

SSL Installed in www.londonon.org

10.2.3.4.e. SSL Installed in www.londonon.org

 

Step 8:

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)

Adding new plugin to the website

10.2.3.4.f. Adding new plugin to the website

Step 9:

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”

Installing the Really Simple SSL plugin
10.2.3.4.g. Installing the Really Simple SSL plugin

Step 10:

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.

Configuring the SSL

10.2.3.4.h. Configuring the SSL

 

Step 11:

Now we need to just click on “Go ahead, Activate SSL” option as shown in the image 10.2.3.4.i

Configuring the SSL with Really simple SSL

10.2.3.4.i. Configuring the SSL with Really simple SSL

 

Step 12:

Now the SSL is successfully enabled on our newly hosted domain www.londonon.org

SSL enabled in our 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

11.1.a. WordPress

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.

Features of WordPress

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.

Customizable Themes in WordPress

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.

Customize Options in WordPress Theme

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.

WordPress is SEO Friendly

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.

Page Speed Insights

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.

Step 1:

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

www.londonon.org – live website

11.3.1.a. www.londonon.org – live website

Step 2:

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.

www.londonon.org – Login URL for WordPress Dashboard

11.3.1.b. www.londonon.org – Login URL for WordPress Dashboard

Step 3:

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.

www.londonon.org – Login Details

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.

Step 4:

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.

www.londonon.org – Logging into WordPress

11.3.1.d. www.londonon.org – Logging into WordPress

Step 5:

Now we have logged into the WordPress dashboard of the website www.londonon.org

www.londonon.org – WordPress Dashboard

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.

Step 1:

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

Step 2:

Click on “Appearance” in the left options panel in WordPress dashboard and then select “Themes” as shown in the image 11.3.2.a.

Installing a new theme

11.3.2.a. Installing a new theme

Step 3:

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.

Adding new theme in WordPress

11.3.2.b. Adding new theme in WordPress

Step 4:

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.

Themes in WordPress

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.

Step 5:

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.

Business related themes

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.

Step 6:

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.

Installing Business Lander Theme

11.3.2.e. Installing Business Lander Theme

Step 7:

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.

www.londonon.org is live with the new theme

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.

Step 1:

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.

Customize the website

11.3.3.a. Customize the website

Step 2:

Now we will be taken to the theme customization dashboard as shown in the image 11.3.3.b.

Theme Customization Options in WordPress

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.

Step 3:

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.

Elegant Theme – Paid WordPress Theme

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.

Elementor - WordPress Page Builder

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

WordPress Plugins

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.

Step 1:

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

WordPress dashboard of www.londonon.org

11.4.1.a. WordPress dashboard of www.londonon.org

Step 2:

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

Adding new plugin to www.londonon.org

11.4.1.b. Adding new plugin to www.londonon.org

Step 3:

Now we are in the plugins section in the WordPress dashboard. We can search & install the plugin that we are in need of.

Installing WordPress Plugin www.londonon.org

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.

Step 4:

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.

Installing Contact Form 7 WordPress Plugin www.londonon.org

11.4.1.d. Installing Contact Form 7 WordPress Plugin www.londonon.org

Step 5:

Now we have successfully installed the “Contact Form 7” plugin to our WordPress Website – www.londonon.org

Contact Form 7 WordPress Plugin Installed in www.londonon.org

 

11.4.1.e. Contact Form 7 WordPress Plugin Installed in www.londonon.org

Step 6:

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.

Installed, Live, Active & Inactive plugins in www.londonon.org

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.

Contact form in the website

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
  • Wordfence
  • Really Simple SSL
11.4.2.1. 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.

Contact Form 7 WordPress Plugin

11.4.2.1.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

Step 1:

Repeat the steps which we have seen in the “Installing a Plugin” section 11.4.1

Step 2:

Click on the “Installed Plugins” option under “Plugins” and select the “Settings” option under the Contact Form 7 plugin as shown in the image 11.4.2.1.b.

Contact Form 7 Settings

11.4.2.1.a. Contact Form 7 Settings

Step 3:

Click on “Add New” in the Contact Form 7 plugin settings.

Adding New Contact Form

11.4.2.1.b. Adding New Contact Form

Step 4:

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 11.4.2.1.c.

Configuring the Contact Form 7

11.4.2.1.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 11.4.2.1.d.

Additional Fields in Contact Form 7

11.4.2.1.d. Additional Fields in Contact Form 7

Step 5:

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.

e.Mail Id in Contact Form 7

11.4.2.1.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.

Saving the Contact Form

11.4.2.1.f. Saving the Contact Form

Now we can see that the Contact Form is created now in the name of “Form 1”

Contact Form Created

11.4.2.1.g. Contact Form Created

Step 6:

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 11.4.2.1.h.

Contact form appearing in the webpage

11.4.2.1.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.

11.4.2.2. 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.

All in One SEO Plugin

11.4.2.2.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

Step 1:

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”

Step 2:

Search for “All in One SEO” plugin and click on “Install” as shown in the image 11.4.2.2.b

Installing All in One SEO Plugin

11.4.2.2.b. Installing All in One SEO Plugin

Step 3:

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 11.4.2.2.c.

Activating the All in One SEO Plugin

11.4.2.2.c. Activating the All in One SEO Plugin

Step 4:

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.

All in One SEO Plugin is live on our site www.londonon.org

11.4.2.2.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.

11.4.2.3. 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.

W3 Total Cache Plugin

11.4.2.3.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.

Step 1:

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”

Step 2:

Search for “W3 Total Cache” plugin and click on “Install Now” as shown in the image 11.4.2.3.b.

Installing W3 Total Cache Plugin

11.4.2.3.b. Installing W3 Total Cache Plugin

Step 3:

We should click on “Installed Plugins” under the “Plugins” section and click on “Activate” under W3 Total Cache plugin as shown in the image 11.4.2.3.c.

Activating W3 Total Cache Plugin

11.4.2.3.c. Activating W3 Total Cache Plugin

Step 4:

Now we have successfully installed and activated the W3 Total Cache plugin.

W3 Total Cache Plugin is live on www.londonon.org

11.4.2.3.d. W3 Total Cache Plugin is live on www.londonon.org

Step 5:

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 11.4.2.3.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.

Enabling the preview mode in W3 Total Cache Plugin on www.londonon.org

11.4.2.3.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 11.4.2.3.f. So we can disable this option once we have configured the plugin.

After enabling the preview mode

11.4.2.3.e. After enabling the preview mode

Step 6:

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.

Enabling the Page Cache in W3 Total Cache Plugin on www.londonon.org

11.4.2.3.g. Enabling the Page Cache in W3 Total Cache Plugin on www.londonon.org

Step 7:

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 11.4.2.3.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”.

Enabling the Minify in W3 Total Cache Plugin on www.londonon.org

11.4.2.3.h. Enabling the Minify in W3 Total Cache Plugin on www.londonon.org

Step 8:

Next we need to “Enable” the “Database Cache” as shown in the image 11.4.2.3.i. In Database Cache Method, select the “Disk” from the drop down. Finally, we should click on “Save all settings”

Enabling the Database Cache in W3 Total Cache Plugin on www.londonon.org

11.4.2.3.i. Enabling the Database Cache in W3 Total Cache Plugin on www.londonon.org

Step 9:

Next we need to “Enable” the “Object Cache” as shown in the image 11.4.2.3.j. In Object Cache Method, select the “Disk” from the drop down. Finally, we should click on “Save all settings”

Enabling the Object Cache in W3 Total Cache Plugin on www.londonon.org

11.4.2.3.j. Enabling the Object Cache in W3 Total Cache Plugin on www.londonon.org

Step 10:

Next we need to “Enable” the “Browser Cache” as shown in the image 11.4.2.3.k. Finally, we should click on “Save all settings”

Enabling the Browser Cache in W3 Total Cache Plugin on www.londonon.org

11.4.2.3.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.

11.4.2.4. Wordfence

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.

Enabling the Browser Cache in W3 Total Cache Plugin on www.londonon.org

11.4.2.4.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

Step 1:

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”

Step 2:

Search for “Wordfence” plugin and click on “Install Now” as shown in the image 11.4.2.4.b.

Installing Wordfence Security Plugin

11.4.2.4.b. Installing Wordfence Security Plugin

Step 3:

We should click on “Installed Plugins” under the “Plugins” section and click on “Activate” under W3 Total Cache plugin as shown in the image 11.4.2.4.c.

Activating Wordfence Security Plugin

11.4.2.4.c. Activating Wordfence Security Plugin

Step 4:

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”

Adding Email Id to Wordfence Security Plugin

11.4.2.4.d. Adding Email Id to Wordfence Security Plugin

Step 5:

We need to click on the “Firewall” under the options available in Wordfence plugin as shown in 11.4.2.4.e.

Firewall options in Wordfence Security Plugin

11.4.2.4.e. Firewall options in Wordfence Security Plugin

Step 6:

Now we need to click on “Optimize The Wordfence Firewall” as shown in the image 11.4.2.4.f.

Optimize Wordfence Firewall

11.4.2.4.f. Optimize Wordfence Firewall

Step 7:

Now click on the “Download .HTAccess” file and click on continue as shown in 11.4.2.4.g.

Optimize Wordfence Firewall 1

11.4.2.4.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.

Optimize Wordfence Firewall Done

11.4.2.4.g. Optimize Wordfence Firewall Done

Now we have successfully installed and configured the free version of the Wordfence plugins.

Step 8:

Now just click on the “Scan” in the options available in the left side and select “Start New Scan” as shown in the image 11.4.2.4.h.

Scanning the website using Wordfence

11.4.2.4.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.

Scan Successful for the website www.londonon.org

11.4.2.4.i. Scan Successful for the website www.londonon.org

Step 9:

We can just click on the “Tools” option under Wordfence and we can see there are lot of tracking options available in Wordfence.

Tools in Wordfence

11.4.2.4.j. Tools in Wordfence

Step 10:

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.

Login Security in Wordfence

11.4.2.4.k. Login Security in Wordfence

So we have now successfully installed and configured the Wordfence security plugin to the WordPress website www.londonon.org.

11.4.2.5. 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.

Categories in UK Business Blog

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.

Category: Cricket

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.

Post with author name and published date

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/.

Pages in WordPress

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.

Quick Cleaning Services website – Post Vs. Page in WordPress

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/
https://www.quickcleaningservices.co.uk/about-us/
https://www.quickcleaningservices.co.uk/steam-cleaning/
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/secrets-for-clean-house/
https://www.quickcleaningservices.co.uk/ideas-to-clean-your-bathtub/
https://www.quickcleaningservices.co.uk/clean-a-hotel-room-like-a-housekeeper/
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”

Add New Post in WordPress

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.

Add New Post in WordPress 1

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.

Adding Title & Content in WordPress Post

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”.

Heading Tags in WordPress Post

12.4.d. Heading Tags in WordPress Post

H2 added 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>

H3 added in WordPress Post

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.

Adding Media in WordPress Post

12.4.g. Adding Media in WordPress Post

We need to click on “Select Files” option as shown in the image 12.4.h.

Select files to insert media

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

Select image files to insert media

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.

Images inserted in Media Library

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.

Adding Alt text and inserting the image 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.

Image added to 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
  • Permalinks
  • Internal/External links
  • Alt Text in Images
  • Categories
  • Tags

Title Tag:

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.

Title Tag in WordPress

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 Description:

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.

Meta Description in WordPress

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:

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.

Permalinks in WordPress

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/External Links:

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.

Internal Links in WordPress

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.

Categories:

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”.

Adding Category in WordPress

12.4.o. Adding Category in WordPress

Now our category “Business” has been added to our blog post

“Business” Category added in Blog Post

12.4.p. “Business” Category added in Blog Post

Tags:

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.

Adding tags in Blog Post

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.

Publishing the Blog Post
12.4.r. Publishing the Blog Post

Now we have published our first blog post and its live now https://www.londonon.org/importance-of-collecting-reviews/

Blog Post is live now in www.londonon.org

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

Step 1:

We need to search for “Search Console” on Google & login to the Search Console using your Gmail id or some other email.

Google Search Console

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.

Search Console Login

13.2.b. Search Console Login

Step 2:

Now we have logged into the Search Console. Just click on “Add Property” as shown in the image 13.2.c.

Adding Property in Search Console

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.

Step 3:

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.

Adding Website URL in Search Console

13.2.d. Adding Website URL in Search Console

We should enter the website URL and then click on “Continue”.

Step 4:

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.

Ownership Verification Methods in Search Console

13.2.e. Ownership Verification Methods in Search Console

Step 5:

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.

HTML Code Verification in Search Console

13.2.f. HTML Code Verification in Search Console

Step 6:

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.

Theme Editor of www.londonon.org

13.2.g. Theme Editor of www.londonon.org

Step 7:

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”

Inserting the code in the header of www.londonon.org

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

Step 8:

Now we need to go back to the search console and click on the “Verify” as shown in the image 13.2.i.

Verifying the code in the search console

13.2.i. Verifying the code in the search console

Step 9:

Now we have successfully verified the ownership and the Google Search Console Integration has been done successfully.

Google Search Console Integrated for www.londonon.org

13.2.j. Google Search Console Integrated for www.londonon.org

Google Search Console dashboard of 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

XML Sitemap of UK Business Blog

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

Step 1:

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.

Feature Manager in All in One SEO Plugin

13.4.a. Feature Manager in All in One SEO Plugin

Step 2:

Now we need to click on “Activate” the “XML Sitemaps” as shown in the image 13.4.b.

Activating XML Sitemap using All in One SEO Plugin

13.4.b. Activating XML Sitemap using All in One SEO Plugin

Step 3:

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.

XML Sitemap Activated

13.4.c. XML Sitemap Activated

Step 4:

We need to change the “Schedule Updates” to “Daily” as shown in the image 13.4.d. and save settings.

Schedule Updates in XML Sitemap

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.

Step 5:

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

View the XML Sitemap

13.4.e. View the XML Sitemap

XML Sitemap of www.londonon.org

13.4.f. XML Sitemap of www.londonon.org

Step 6:

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.

Sitemap in Search Console

13.4.g. Sitemap in Search Console

Step 7:

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”

Submitting Sitemap in Search Console

13.4.h. Submitting Sitemap in Search Console

Step 8:

Now we have successfully submitted the XML sitemap of www.londonon.org using the Search Console.

XML Sitemap of www.londonon.org is submitted using 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.

XML Sitemap of www.londonon.org is submitted using Search Console 1

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

Step 1:

Search for “Google Analytics” in Google & sign in using the Gmail Id or any Email.

Sign in to Google Analytics

14.1.a. Sign in to Google Analytics

Step 2:

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.

Creating Account in Google Analytics

14.1.b. Creating Account in Google Analytics

Step 3:

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”

Selecting the source in Google Analytics

14.1.c. Selecting the source in Google Analytics

Step 4:

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.

Adding www.londonon.org to Google Analytics

14.1.d. Adding www.londonon.org to Google Analytics

Step 5:

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.

Google Analytics Tracking Code

14.1.e. Google Analytics Tracking Code

Step 6:

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

Step 7:

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.

Adding tracking code in header.php of www.londonon.org

14.1.g. Adding tracking code in header.php of www.londonon.org

Step 8:

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.

Google Analytics Integrated with www.londonon.org

14.1.i. Google Analytics Integrated with www.londonon.org

Step 9:

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.

Google Analytics Integrated in www.londonon.org

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