How to build an SEO friendly landing page

Basic SEO Friendly HTML

It is very important to understand that the web pages are built for users not search engines. The web page should be attractive, engage users and function properly. We can build websites with HTML coding and little CSS, JavaScript to make sure that search engines can crawl the data properly. But your end user will get bored quickly and bounce rate.
In that case the medium to please both the user and search engine.

Meta Robots Tag

SEO friendly landing page

There are various cases in which a stunning site template, great content does not help creating traffic towards the website.
But the main thing to keep in mind
Check the head section of your page such that your pages are not set to index. If you see the lines  <Meta name=”robots” content=”noindex, nofollow”> then immediately delete it.

Other Meta tags

These meta tags integrate your content with social sharing very well.

Intermediate SEO Friendly Markup

Responsive design
Responsive design

Today responsive design is very important. Initially start with the viewport meta tag so that our pages will deliver the proper responsive them that is designed.
<meta name=”viewport” content=”width=device-width” />

Then the next thing to keep in mind is to put proper media queries into CSS so that it is easy to call CSS based on viewpoint size. Remember you can add as many queries as you want but structure remains same.

@media screen and (max-width: 960px)
/* CSS goes here */
@media screen and (min-width: 960px)
{ selector {   /* CSS goes here */ }}

Use CSS rather than JavaScript

Search engines are good at reading and interpreting CSS rather than JavaScript.


Make sure to use target keywords in right places. Remember to write user friendly content.
The most important place to use keywords

  • Page heading or h1 tag
  • Title tag
  • Strong tag
  • em tag
  • P tag in the body of content

Advanced SEO Techniques

The two URL structures that could produce the same content.
Using keyword in the URL is something that you should look

301 Redirects
301 Redirect

301 redirects plays an important part in SEO and is a necessary step to ensure that any content that has moved location do not lost value.
There are many ways for creating a 310 redirect and many CMS provide easy option for creating them.
In case you have to create them using scratch and you are hosted on Apache web server, then the best way is to write the redirect at the .htaccess

Single page

Redirect 301 /oldpage.html 301 /old/page/path/

Entire site:

Redirect 301 /


The best way is to use keyword in content so that it is easy for search engine to locate your page in the results.

Leave a Reply

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