On-page Optimization SEO Basic Techniques

On-page Optimization Techniques

On-page and Off-page SEO

Search engine optimization is divided in two categories On-page Optimization and Off-page SEO both factors have to do with elements of your website. On-page factors include the quality of your code – textual and visual content and user-friendliness of your website. On the other side there are off-page factors, like links from other websites, social media attention and other marketing activities outside your website. If you focus on off-page SEO you mostly aim to get more links to your site. The more relevant links you get the higher ranking in search engines.

Let’s do On-page Optimization Webpage

Now we have selected main 3 keywords

  • Weight Loss Program
  • Weight Loss Product
  • Safe Weight Loss

Note: All of the keyword contains the word “weight loss”. This will make things easier for us.

What is WordPress

Step 1 – The pag-e title for our website

The page title should:

Include only main keywords. The least amount of words you can place in the title, the more weight Google will give to each of the keywords and the higher you will rank.

When creating page title, it should not look like this: Welcome to our website!

It should not even look like this, which does contain main keywords, but contains an unnecessary number of words: Weight Loss Program and Weight Loss Product and Safe Weight Loss

Title is not horrible and does contain all of your main keywords; you should do a couple of things to cut down on words used.

This is a perfect title for your webpage: Weight Loss product | Safe Weight Loss Program


  • Taken out all of the “ands”
  • Replaced one of the “ands” with a “|” character
  • Combined the keywords “Safe Weight Loss Program”
  • Always combine your keyword when possible to cut down on the total number of words that are in your title!
  • Create unique title tags for each page
  • Use brief, but descriptive titles

Step 2 – Make use of the “description” meta tag

Write a description that would both inform and interest users if they saw your description meta tag as a snippet in a search result.

Avoid using a single description meta tag across all of your site’s pages or a large group of pages

Having a different description meta tag for each page helps both users and Google, especially in searches where users may bring up multiple pages on your domain (e.g. searches using the site: operator). If your site has thousands or even millions of pages, hand-crafting description meta tags probably isn’t feasible. In this case, you could automatically generate description meta tags based on each page’s content.

Step 3 – Add <h1> header tags and place our most important keyword there

The <h1> header tag should be as far towards the top left hand side of the page as possible. When Google reads a webpage, it views the text from the top left hand side of the page, it’s best place to your <h1> header tag on the top left hand or top/middle portion of your page.

You can include only your main keyword in the <h1> header tags.

<h1> Weight Loss Product</h1> would be a perfect header tag.

Step 4 – Add <h2> header tags

This can be thought of as a sub heading for our webpage. You should place your 2nd most important keyword in the <h2> header tag. The <h2> tag should be placed somewhere towards the top half of your webpage.

<h2>weight loss program</h2>

After we have done this, we need to actually create the content for our webpage. When writing the content try to evenly sprinkle your main keywords throughout the copy.

Try to mention each keyword in a natural way as you are writing. Be sure do include at least one of the keywords per 1-2 paragraphs, depending on how large your page is.

Step 5 – Bolding, italicizing and underlining

Once we have finished writing the copy, we should go through and bold, underline or italicize some of the keywords only 1 time each, maximum. Only do 1 per keyword or it will hurt you more than it helps.

Include <alt> attribute in <img> image tag

Add alt attribute in image tag to the very top image of your webpage. Use the <alt> image tag using the text “weight loss header”

The html code used to add an <alt> image tag would look like this:

<img src=”YourGraphic.jpg” width=”503″ height=”93″ alt=”weight loss story”>

Step 6 – Fast loading pages

Search engines wants to help its users find what they’re looking for as quickly as possible to provide the best user experience. You can check your web page speed in online tools like Google Page-speed Insights, Gtmatrix and web-page test.

Step 7 – Internal Linking

Internally link to other pages on your website. This useful to visitors and it is also useful to search engines. Here’s an internal link to another blog post, blog page and web page on our site that talks more about internal linking.


Hi I am a web designer and developer focused on crafting great web experiences. Designing and Coding have been my passion since the days I started working with computers but I found myself into web design and development since 2009. I enjoy creating beautifully designed, intuitive and functional websites.

For over last 9 years, I have worked for some of the best digital agencies and wonderful clients.
In addition to being the founder of this website.

Articles: 36

Leave a Reply

Your email address will not be published. Required fields are marked *