7 Basic On Page SEO Tutorials

There is 3 million blog post per day. These have attractive, uniques, and more creative idea inside. The goal of this all is being the number one in Google result.

Nevertheless, become the number one is hard.

When you open the browser and search “On-page SEO”, you will found the digested countless tips and tricks for improving the blog post.

basic on-page SEO

I know, you’ve heard enough about meta tags, keyword density, and all about them. Therefore, I will share the most simple, informative, actionable tips about On-page SEO. Check this out:

Allows, disallow, and sitemap crawling

It’s a part of robots.txt.

The basic format at robots.txt is:

User-agent: [user-agent name]
Disallow: [URL string not to be crawled]

Robots.txt will send the crawl instructions to user agents (web-crawling software) about can or cannot crawl parts of a website.

These crawl instructions are specified by “disallowing” or “allowing”. So make sure the robots.txt can crawl your page using the robots.txt format:

User-agent: * 
Allow: /

This crawl instruction will notify the web-crawling to catch whatever in your website. But, this format is so general. You need something specific too.

Go to the next step.

Allowing the web crawling to crawl all of your website folders it’s harmful. The reason is, they can access your data privacy in the website such as user data, transaction data, etc.

So you need a more specific robots.txt format to disallowing the web crawling access your personal or sensitive data.

Here’s the example:

Disallow: /wp-content/plugins/
Disallow: /wp-admin/

This format is compatible with WordPress robots.txt only.

If you have installed the “Allow and disallow” robots.txt, it’s time to set the sitemap in robots.txt.

See the sample below:

User-Agent: *
Allow: /wp-content/uploads/
Disallow: /wp-content/plugins/
Disallow: /wp-admin/
Sitemap: https://example.com/sitemap_index.xml

The robots.txt format above is compatible with WordPress robots.txt only.

If you still confuse about the robots.txt format, you can try to imitate from other website similar ones.

Here’s the way:


Replace the example.com with the website target. Make sure the folder is compatible with yours.

If you have done, insert the robots.txt to your website. Follow this way!

Method 01: Yoast SEO

Point the cursor at Plugins Click Add New Type Yoast SEO in the field Click Install Now and Activate

basic on-page SEO

Go to SEO, click Tools

Click File editor and click Create robots.txt file

basic on-page SEO

Insert your robots.txt script. Save it. It’s done.

basic on-page SEO

Method 02. All in One SEO Pack

Point the cursor at Plugins Click Add New Type All in One SEO Pack in the field Click Install Now and Activate

basic on-page SEO

Click All in One SEO then Feature Manager Find Robots.txt. Click Activate

basic on-page SEO

Go to Robots.txt in the menu

Set the robots.txt script

basic on-page SEO

Click save robots.txt file. Finish!

Method 03. FTP

Go to your root domain via FileZilla Find the robots.txt in the public_html

basic on-page SEO

Click View / Edit Put your robots.txt script here Save

If you don’t see robots.txt file, then you likely don’t have a robots.txt file. Create one and go ahead. Click on the right mouse and click Create new file. Enter the robots.txt name’s You can see the robots.txt Click View / Edit Put your robots.txt script here Save.

Next, it’s time to test your robots.txt. Go to Robots Testing Tools

basic on-page SEO

Choose a verified property on the dropdown menu

basic on-page SEO

The robots.txt testing will appears

basic on-page SEO

There are 2 options:

  • Put the code. Put your script in the field and submit
  • URL test. Type robots.txt URL. Choose the web crawl robot in the dropdown menu. Click Test

Generally, there are 3 script types in the robots txt such as allowing, disallowing, and sitemap script. This is the robots.txt basic script:

Sitemap: https://example.com/sitemap.xml
User-agent: *
Allow: /
User-agent: Mediapartners-Google
Allow: /
User-agent: Googlebot-Mobile
Allow: /
Disallow: /cgi-bin
Disallow: /wp-admin
Disallow: /wp-includes
Disallow: /wp-content

Schema markup

It’s how stealing CTR from the top web page in the Google result.

basic on-page SEO

Schema markup is the latest Google algorithm. That makes Google crawling and indexing the website easier. The Schema markup looks like this:

 "@context": "https://schema.org",
 "@type": "NewsArticle",
 "mainEntityOfPage": {
 "@type": "WebPage",
 "@id": "https://google.com/article"
 "headline": "Article headline",
 "image": [
 "datePublished": "2015-02-05T08:00:00+08:00",
 "dateModified": "2015-02-05T09:20:00+08:00",
 "author": {
 "@type": "Person",
 "name": "John Doe"
 "publisher": {
 "@type": "Organization",
 "name": "Google",
 "logo": {
 "@type": "ImageObject",
 "url": "https://google.com/logo.jpg"
 "description": "A most wonderful article"

In the Google result, the script will be like this:

basic on-page SEO

The script above will appear as a rich snippet and increase your web page CTR in the Google result.

Use the schema markup in the site with 2 methods.

Method 01: Rank Math

Go to Plugins Click Add new Type Rank Math in the search box Install and Activate

basic on-page SEO

Next step, add The scheme markup in the page or post. Go to page or post Click Add new Scroll down and find the Rich Snipped Click it and add a rich snippet type you want to be

basic on-page SEO

Method 02: Manual

Use the Insert Headers and Footers plugin. Follow this step:

Go to Plugins Click Add new Type the Insert Headers and Footers in the search box Install and Activate

basic on-page SEO

Put the Schema markup on the plugin. Here we go: Go to Settings Click Insert Headers and Footers Put the schema markup type in the box Click Save

Nowadays, there are over 28 schema markup type. You can use more than one markup and choose which matching with your content.


An SSL certificate will protect sensitive information such as logins, passwords, account details and cardholders information.

Google makes SSL as a top priority. At 06/08/2014, Google was announced that:

…Installing an SSL certificate on your website will increase the ranking position.

The website with SSL certificate looks like this:

basic on-page SEO

On other hands, a website without SSL certificate looks like this:

basic on-page SEO

If you haven’t installed an SSL certificate on your site, website visitors will see a warning in the address bar saying ‘Not Secure!’ overlaid with a red X for all pages that don’t have HTTPS set up correctly.

Let’s install the SSL using Cloudflare.

Step 01. Cloudflare

Go to Cloudflare.com Signup using your email and set the password too. Click Add a Site

basic on-page SEO

Type your URL and click Add site

basic on-page SEO

Select a plan and click Confirm plan

basic on-page SEO

Your DNS records will come up

Scroll down and click Confirm (or Continue)

basic on-page SEO

Copy the nameserver: albert.ns.cloudflare.com and grace.ns.cloudflare.com

basic on-page SEO

Step 02. Put the nameserver to the registrar

Move to your domain registrar dashboard. Log in and open the nameserver. Change the nameserver and put with:


Save the setting.

basic on-page SEO

Back to Cloudflare dashboard. Click Done, check nameserver.

basic on-page SEO

If the screen close, come back to your Cloudflare dashboard and click Re-check now

basic on-page SEO

Cloudflare will send an email confirmation if your site is connected. If the site was connected, go to Crypto menu on Cloudflare

In the SSL dropdown menu, click Full

basic on-page SEO

Scroll down and find the “Always Use HTTPS”. Swift On.

basic on-page SEO

Scroll down to Automatic HTTPS Rewrites. Swift On too. This set up will rewrite all of your HTTP url become HTTPS. Please edit your custom url using HTTPS before.

basic on-page SEO

You will get the Cloudflare Universal SSL. And that’s FREE SSL.

Step 03. WordPress domain setting

Go to your WordPress Admin Login Click Settings on the left menu Click General Edit the “HTTP” to “HTTPS” in the WordPress Address (URL) and Site Address (URL) box.

basic on-page SEO

And then, click Save changes

Step 04. Google Analytics

When your site has an SSL, the Google Analytics won’t monitor your traffic source. It’s because your site default URL is HTTP, not SSL. So you have to change the default URL to HTTPS.

Go to your Google Analytics dashboard Click Admin Click Property Settings

basic on-page SEO

Change the default URL to HTTPS

WWW or non-WWW

Choose one version of your domain as the “true canonical” and then 301 redirect the others at the server level.

That’s will help Google to crawl and identify your page.

According to CognitiveSEO:

… remove WWW makes easy to implementation CDN, flexible DNS options, and limiting cookies to one place.

It means, your site will speed up moreover! Moz has the evidence about. They test a separate page load test version (WWW and non-WWW) and show the result:

A page with WWW

basic on-page SEO

A page non-WWW

basic on-page SEO

The different load speed happens because your internal storage (PC or Laptop) only save the one CDN host. When you load the separate domain, it will be saving as a new site.

Is it clear?

In the next step, set your site with one of WWW or non-WWW version. Here is to do:

Method 01: Cloudflare

I love Cloudflare. So I suggest it as the first.

Open your Cloudflare account Click your domain you wanna setup

basic on-page SEO

Click Page rules Click Create Page Rules

basic on-page SEO

Type the domain version you want to change Click Add a settings

basic on-page SEO

Choose the Forwarding URL in the dropdown menu Select 301 – Permanent redirect in the Select status code dropdown menu Type the domain destination in the available box

basic on-page SEO

Click Save and Deploy

Method 02: The .htaccess

Open your FTP software (FileZilla) Go to Public_html folder Find and Open the .htaccess file Put this script:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www.yourdomain.com [NC]
RewriteRule ^(.*)$ http://yourdomain.com/$1 [L,R=301]

Save and Done.

Boost page speed

A single second delay in the page response time can reduce yield 7% in conversions.

In the Google result, page speed affects rankings.

The reason is, loading time is one of page abandonment factor. The slower loading time will increase the abandonment.

basic on-page SEO

Because of that, pay attention to the page speed like this:

Step 01. Tools

Use various tools to audit page speed such as:

Step 02: Fixed the problems

There are some problems you will find in page speed audit. Maybe like this:

basic on-page SEO

The page audit tools show the difference a page result but this problem is always shown:

The how-to boost page speed is complex and needs longly words to describe. So I gave you an active link in the list above. In the next moment, I will create more comprehensive a how-to article about that.

Mobile-friendly (responsive)

There are 5 billion people have mobile devices, and over half of these connections are smartphones.

The fact is, smartphone ownership is growing fast. Statista shows that the total number of smartphone ownership worldwide in 2020 goes to 4.78 billion.

basic on-page SEO

And this is the most important for you:

  • Over 4.33 billion people were active internet users as of July 2019
  • At least 52.7 percent of the global smartphone ownership access the internet from their mobile phone.
  • Over 49.73 percent of web page views worldwide from mobile devices excluding tablets

That’s why mobile-friendly (responsive) is a must.

SERP Audit

It’s crucial for SEO.

For content marketing, SERP is the first step before you produce awesome content. In here SERP works to evaluate whats your target keyword is relevant and the possibility to outrank your competitors.

If the content has published, SERP is a means to optimize the page and spy your competitor. At this moment, SERP became an entry point. That’s because stealing the top-ranking need multiple analysis such as content quality, backlink, the related keyword (LSI keyword), etc.

In the Google result, SERP shows over 28 features. It’s an example:

Rich Snippets:

basic on-page SEO

Paid Results:

basic on-page SEO

Universal Results:

basic on-page SEO

Local SERP:

basic on-page SEO

Vertical Search:

basic on-page SEO

Knowledge Graph data:

basic on-page SEO

SERP is a part of Schema markup. As you know, schema markup is Google ways to understand the page and appear it results as SERP features.

The headline about SERP is:

  • Stealing the CTR from the Google result top-rank
  • Appear as eye-catching content in Google result and make your site more visible than the top-rank
  • Increasing new site rank in Search result even though has a low-quality backlink

Because of that, you have to do the SERP audit now.

Final touch

This article contains at least 6 on-page SEO subtopic. There are over 70 subtopics.

I will share it in the next moment.

Table of Contents