What Is On-Page Optimization? How Does It Work?

What Is The First SEO Activity Of A New Website?
What Is The Main SEO Benefits Of Responsive Website?

In recent years, Google has released several updates to their algorithm, including Panda, Penguin and Hummingbird which were the largest. These updates set very specific rules on how owners should structure their sites for SEO, in order to build inbound links and use anchor text for outbound links.

Despite the updates, however, SEO on-page has not really changed that much. Every On-Page SEO criterion is really in the interest of the user. Still, most SEOs still do not come to terms with this fact.

Google wants the user to be satisfied with the results he provided when he visits your webpage. The only way that Google will know your users are satisfied, is when they are engaged. How long do they spend reading your content?

This page is made to help you understand On-Page SEO and show you the essential things to pay attention to on-page SEO. These once-in-place optimizations will improve your search traffic, boost your rankings and allow you to make SEO Off-Page a lot easier.

Definition of SEO On-Page

On-page SEO is the practice of optimizing web pages to improve their positioning and gain more relevant traffic from search engines. On-page refers to both the content and HTML source code of a page that can be optimized, as opposed to SEO off-page that refers to links and other external signals. On-page referencing has changed over the past few years, so it’s important to follow the latest practices.

Why do SEO On-page

Google takes into account all aspects of the On-page that, when all these factors are added together, helps improve the ranking of a website in the search results. As Google becomes more sophisticated, one of the main factors that affect the optimization of a page is relevance. What is the relevance of your page with the request of the user? This is how you should think when you develop a page.

Think of these criteria as a benefit to the end user. You have about seven seconds to influence a visitor to interact with your website. The more interactions and engagement your visitors have, the more they stay on the site, so the better their experience.

If you correctly complete all the factors of On-Page SEO, you will see a boost in traffic and an increase in the presence on the keywords you target. Once you understand all the criteria to put on a page, conduct a SEO audit of your site to see how the structure of your page is performing.

The criteria for referencing On-page

On-Page SEO is a set of SEO criteria in search engines that can be modified directly on the site. The criteria for the “on site” break down into 2 large families:

  • Technical criteria
  • Editorial criteria

Speed ​​page

The speed of the page is often confused with the “speed of the site” which is actually the page speed for a sample of page views on a site. The speed of the page can be described in both “loading times” (the time it takes to fully display the content on a specific page) or “first-byte time” (how long it takes for your browser to receive the first byte of information from the web server).

No matter how you measure, a faster page speed is better. Many people found that faster pages got and converted better.

Best practices

Google said that the speed of a site (and therefore the speed of a page) is one of the signals used by its algorithm to classify pages. Some research shows that Google could specifically measure the loading time of the first bytes to consider the speed of a page. In addition, a slow page speed means that search engines can crawl fewer pages using their allocated exploration budgets, which could be detrimental to indexing.

The speed of a page is as important as the user experience. Pages with higher loading time tend to have higher bounce rates. Longer loading times also showed a negative effect on conversions.

Here are some of the many ways to increase the speed of a page:

Enable compression

Use Gzip, a software for file compression, to reduce the size of your CSS, HTML, and JavaScript files that are larger than 150 bytes.

Do not use gzip on image files. Instead, you need to compress them into editing software like Photoshop where you can maintain control over the quality of the image. See “Optimize Images” below.

Minify CSS, JavaScript and HTML

By optimizing your code (including removing spaces, commas, and other unnecessary characters), you can dramatically increase the speed of your page. Also delete comments in the code, formatting if needed. Google recommends using YUI Compressor for CSS and JavaScript.

Reduce redirects

Whenever one page redirects to another page, your visitor faces more waiting time for the HTTP request-response cycle to complete. For example, if your portable redirect model looks like this: “example.com -> www.example.com -> m.example.com -> m.example.com/home,” each of these two additional redirects makes the Slower page loading.

Browser cache

The browser cache stores a lot of information (stylesheets, images, JavaScript files, etc.) so that when a visitor comes to the site, the browser does not have to reload the page entirely. Use a tool like YSlow to see if you already have a fixed expiration date for your cache. Then, set your * for how long you want this information to be cached. In many cases, unless the design of your site changes frequently, a year is a reasonable period of time. Google has more information on caching here.

Improve server response time

The response time of the server is affected by the amount of traffic that the site receives, the resources of each page that are used, the software that the server uses, and the hosting solution that is used. To improve the response time of the server, it is necessary to look for performance negatives such as slow database queries, slow routing, or lack of adequate memory and correct them. The response time of the optimal server is under 200ms.

Use a content distribution network

Content distribution networks (CDNs), also known as content delivery networks, are networks of servers that are used to spread the load of content. Essentially, these are copies of the site that are stored in several geographically diverse data centers so that users have faster and more reliable access to the site.

Optimize images

Make sure that the images are not larger than they should be, whether they are in the correct file format (PNGs are usually better for graphics with less than 16 colors in JPEG are usually better for them. photographs) and that they are compressed for the web.

Use CSS sprites to create a template for images that you use frequently on your site like buttons and icons. CSS sprites combine images into a single large image that loads all at once (which means fewer HTTP requests), and then display only the sections you want to display.

Related tools

speed diagnostics Page

Use this tool to analyze the performance of your page in Firefox.

Moz Crawl Test 
Summarize your redirects to see if there are areas where you can reduce the number of redirects you use.

Get Google browser extensions for Firefox and Chrome to help you identify problems that slow your site.

This add-on Firefox has a scoring system to help you quickly see how your site works and provide insight on how to improve the speed of the site. It must be used in conjunction with Firebug.

Get a quick report of how a page is performing.

compressor code

YUI Compressor 
Use this option to minify both CSS and Javascript.

Meta tag

META tags  are snippets of text that describe the content of a page; meta tags do not appear on the page itself, but only in the code of the page. Meta tags describe the content of the page and help search engines understand what’s on the page.

The only difference between the tags you can see (on a blogpost, for example) and the tags you can not see is the location: meta tags exist only in HTML, they are always present in the head of the page, and are only visible to search engines (and people who know where to look). The “meta” means “metadata”, which is the type of data that these tags provide, that is the data of the subject of the page.

Do you use Metadata?

If you want to know if a particular page uses meta tags, right-click anywhere on the page and select “source of the page.” “

A new tab is open in Chrome (in Firefox, it will be a pop-up window). The top part, or “head” of the page, is where the meta tags could be.

META tags will look something like this:

Meta Tags

There are four main types of meta tags to know and we will discuss them all here. Some Meta are not as useful as they once were. Others are worth using, they will most likely increase your traffic by telling Google who you are and what you are providing. (There are more than four types of meta tags, but some are less frequent or irrelevant to webmarketing).

The four types we are going to discuss here are:

Meta Keywords Attribute  is a series of keywords that you consider relevant for the page in question.

Title  is the text you will see at the top of your browser. Search engines regard this text as the “title” of your page.

Meta Description  is a brief description of the page.

Meta Robots  is an indication for the robots of the engines (robots or “bots”) of what they have to do with the page.

Meta Keywords

The Meta Keywords tag is an example of a meta tag that no longer makes sense today. Years ago, the meta keyword tags may have been beneficial but they are not currently.

There are years, webmasters eager to get a lot of traffic would insert keywords totally unrelated to their pages to try to get traffic from popular pages, those who have actually  been  about Lindsay Lohan, or the one who then has a tendency. This has been known as “keyword stuffing. Google has finally found it wiser to no longer consider the meta Keyword of a site since it was easy to abuse.


The title tag is the most important of all Meta tags to use. They have a real impact on positioning and are visible to users. You can find the title tag of a page at the top of the browser and also in the natural search results.

Meta Description

The Meta Description tag is very useful for users, when it is displayed in a search result, it allows to explain to the user what he will find on the page. Let’s say that a person who wants to know more about SEO, does a search with expression “meta title”, for example. It may have to meet the following results:

It is important to note that the description tag does not appear all the time in the results of a Google search as it is populated. Google often takes a snippet of text from the page itself. Google has also stated that the keywords present in the meta descriptions do not affect the ranking of a site. However, a convincing meta description tag might encourage people to click on it from search results, especially if the description includes the keywords they are looking for.

Meta Robots

With this attribute, you tell search engines what to do with your pages:

index / noindex   – This tells the engines whether to display the page in the search results.

Dofollow / nofollow   – This tells the engines what to do with links on the pages: if the links point to a trusted site, then it will have to be dofollow. If it is the opposite, that the site is not trusted, then it will be necessary that the links are in Nofollow.

And now?

We talked about how meta tags can impact SEO. From all the above, we can extrapolate that:

The title alone can have an impact on the ranking of a site in the search engines.

The descriptive tag can encourage users to visit your site.

Using Meta Tags for SEO

Meta tags are not difficult to implement, you can do it yourself. You do not really need a developer for this, just a little experience in HTML.

Header Tag or Tag <Hn>

Header Tag tags, as their name implies, are used to differentiate the headings and subtopics of a page from the rest of the content. These tags are also known to webmasters as title tags or just the header tags.

The most important title tag is the h1 tag and the least important is the h6 tag. In the HTML code, the title tags of h1 to h6 form a descendant hierarchy. This means that if you skip a hn title of the structure the path will be broken, which is not ideal for SEO on the page.

For example, if your site is introduced with an h1 tag followed by an h3 tag, the hierarchy will be broken, which means that the page structure is not SEO-friendly. On the other hand, this rule works only in one direction. If the structure is inverted from bottom to top, it is quite possible to jump from h4 to h2 without any problem. Ideally, each page must have a h1 tag, but never more than one.

The benefits of using title tags

The title tag is used to represent the different sections of the content of the web page. It has an impact on both SEO and usability of your site.

Header tags from an SEO point of view

Relevance:  In order to establish relevance, search engines compare words in the header tag with the content of the associated section. It is therefore important to include the keywords that you want to target in the header tags, with your main keywords in the h1 tag.

Keyword Consistency :  Robots check the consistency of keywords between header tags and other parts of the page. 

The importance of an h1:  The h1 is the most important tag and it should never be forgotten on a page. The robots pay attention to the words used in the h1 tag because it must contain a basic description of the content of the page, just as the title of the page does.

Enriched User Experience:  Title tags give the user a clear idea of ​​what topic is covered by the topic. Search engines give a lot of priority to the user experience on a site, which means that the presence of title tags becomes an important element for SEO.

Header tags from a usability point of view

  • For users who need to use a screen reader, it is easier to browse the content sections by referring to the well-structured positions on a page.
  • The h1 title tag (main header) of a page gives users a quick overview of the content that is to be followed on the page.
  • By reading the different title tags, users can scan a page and read only the section of interest.

The main use of title tags is for SEO but presenting a web page these tags is more enjoyable for reading.

What not to do with title tags

  • Do not overload your title tags with keywords.
  • Do not use more than one h1 tag on a page. Usually, the pages will have only one h1 position and two of them could suggest to search engines that you want to manipulate it to improve SEO by adding more keywords . It is best to divide the content into two separate topics on individual pages with their own h1 tags. This makes more sense for readers and search engine robots.
  • Do not repeat title tags on different pages of your site. It is good practice to have a site structure with unique titles throughout the site.
  • Do not use title tags as style text, but use them to present organized and structured content on pages. Use CSS style sheets for the purpose of style.

A note on HTML5: Pages using HTML5 can use h1 tags as section headers for content, which means that they can have one h1 tag per section. A page can have multiple h1 tags using HTML5 like this:

<h1> How to SEO On-Page </ h1> 
</ header> 
<h1> SEO Title </ h1> 
<h2> SEO Subtitles </ h2> 
<p> body text <p> 
</ article> 
</ div>

URL string

When it comes to writing URL strings, they must be short, concise and easy to read. How can we create the perfect URL string?

When looking at the length of URLs, it was found that shorter URLs tend to be better positioned. The study focused on the length of the URL and a number of files.

The report concludes that URLs with fewer files tend to be better placed. Moz’s Rand Fishkin says that several folders can “create a perception of depth for engines and users, as well as make changes to the URL chain much more complex.”

For a product, information pages or for blog posts, the way we write URLs is a SEO practice that you should consider. Each word in your URL must be separated by a hyphen (-) and not an underscore (_).

When you have two pages displaying almost the same content or information, you need to set up a canonical on the strongest page. This avoids the duplicate content and shows Google what is the page to classify.

Keep your URL short. The shorter the URL, the easier it is to share or embed while creating a better user experience. Use your main keyword in the URL. Like other on-page SEO factors, write your own URL string without forced keywords. Try to do it around five words, clearly describing the information that users will find.

Do not let your visitors wonder what happens on the page before clicking. The title, meta description and the URL must indicate this clearly.

User-Friendly and authoritative content

As Google explores your page, they seek to match the intent of the users. Your content must clearly explain what product or service you are offering or the exact subject of your blog.

The Internet is cluttered with content and it’s important to make sure yours is unique. One of the most common sayings you hear in the world of SEO and content marketing is “content is king”. In fact, SEO and content marketing overlap a lot.

They complement each other. Content involves the use of keywords and writing for human value while appeasing the search engines. That’s what makes the foundation of SEO and the vast majority of your on the page.

Think content is like having a conversation with your readers. Will they be interested or entertained? Or will they be bored and leave your site?

When you create content, you have to prove that you are an authority in your field. The best content speaks directly to your customers, shows them the value you offer, and encourages them to read more or interact with your business.

To improve on-page SEO and to increase traffic, the content must solve the problem of a user while being well written without spelling or grammatical errors.

Be aware of Google’s algorithm

To help eliminate sites that got good positions by spamming, stuffing keywords and with thin content, Google triggered the Panda algorithm in February 2011 and is updated regularly. If your site offers low quality content, it will be almost impossible for it to position itself on the keywords you targeted.

Now that Panda is integrated into Google’s algorithm the quality content has become a positioning criterion, you will receive a boost from the search engine if the site meets the expectations of users. While continuing to deploy and update, make sure that you focus on creating quality content that is written for users and optimized for a strategic keyword.

As we enter the era of artificial intelligence, SEOs and marketers have tried to understand the effects of Google RankBrain. The machine learning system was implemented around the spring of 2015, and became the third most important factor.

Search Engine Land answers frequently asked questions about RankBrain, where they certify that it is part of the Hummingbird algorithm. The main point you need to consider, what has been said over and over again, is to write in natural language. This is the best way to “position yourself” under RankBrain.

RankBrain is primarily used as a way to interpret the searches that users submit without using the correct keyword.

RankBrain has been set up to help determine how to classify queries that do not have historical data. It has since evolved and is used in almost all queries, so be sure to optimize your content to meet the ranking criteria.

Watch long-haul queries and use a conversational approach with your content. While keywords play an important role for On-page SEO, Google is using more and more semantics to deliver the best user experience.

Internal links and outgoing links

Links are what bring the most weight in SEO. Gaining links from quality sources and authority sites strengthens the domain, while linking internally through the site benefits from the user experience and improves your SEO.

The current practice of winning links is part of netlinking strategy. Use additional content marketing, e-mailing, and other creative ways to create links to your site. By focusing on On-Page, internal links to other pages on your site will strengthen the keywords and allow Google to determine where to rank a particular keyword. Internal linking between pages and blog posts helps to improve the crawlability of your site, showing Google the most important pages of the site.

The advantage of internal links gives your users new options to stay on your site. Internal links provide greater engagement and lower bounce rates. Do not put internal links in each sentence, but include several links (useful) per page to strengthen your SEO.

In order for your page to be relevant and meet the SEO criteria On-, your site must be mobile-friendly, that is to say that your site must be compatible on mobile phones and smartphones. Responsive sites provide the same browsing experience to users no matter what device they are using.

There are several benefits to making your site responsive. You’ll see a positive ranking signal thanks to the updated algorithm for mobile-friendly sites. More than 50% of users search mobile devices. Use the mobile compatibility test tool that Google makes available to webmasters.

If your site is not mobile-friendly, Google will describe what you can do to solve the problem. To continue to provide users with the fastest and best experience, Google has begun to display Accelerated Mobile Pages (AMP) in search results. Mainly beneficial for news articles or news articles, these pages load instantly and are easily identified by a lightning symbol. Remember that when users access your site or blog, there is a good chance they will be on their smartphone.