Make Your Web Development Project, Google Search’s Best Friend

Grow your online business with us

Get A Quote

Make Your Web Development Project, Google Search’s Best Friend

Almost all of my developer friends would vouch for the importance of on-site SEO for a happy and profitable client. Getting an SEO site up and running is a true effort involving a web designer, SEO strategist, backend and frontend coding, and information architect. Their joint collaboration is what creates a truly lasting web experience that results in satisfied end customers and a delighted client.

Gourav Verma

Let’s look at some ways in which different stakeholders can add value to the development work and make Google Search their website’s new best friend.

How front end coders can implement SEO friendliness

  1. CSS over tables – This not only facilitates enhancement in the way elements are ordered in the site, but is also preferred by Google spiders.
  2. Use of heading tabs – Use the h1 to h4 tag only for content that is used once on the site. For repetitive content, it’s better to use <div> tags
  3. Machine-friendly fonts – This one is where I see most developers faltering. I have got equal SEO success with @font-face and using machine-readable fonts.
  4. Images – Using <img src> within <a href=’#’> gives a good way to display the right alternative text. So if CSS is turned off, the image is still displayed. If both are turned off, the ‘alt’ text is shown.
  5. Website load time – Use the general rule of taking 3 secs to load a site on 10MB connection. The coders can control some part of the website load speed by combining CSS/javascript, using image sprites, loading javascript etc.
  6. Dynamic content loading – Avoid loading content dynamically after site loading is done (by using AJAX or <script> tags). Google search crawlers do not easily pick up such dynamic loaded content.

How back end developers can implement SEO friendliness

  1. Canonical URLs – A canonical link element is used to inform Google search bots of the preferred version of a webpage. So ideally all webpages should have only one URL. But for individual parameters added/removed from the URL, canonicalization helps developers specify the ‘preferred’ version of a page. This can be done in one of the below was –
  1. Usage of www – Ideally all three below should redirect to the same page

i.   myhome.com

ii.   www.myhome.com/index.php

iii.   myhome.com/index.php

 

  1. Usage of trailing slashes – Both of the below non-root URLs should redirect to the same page

i.   www.myhome.com/about-us

ii.   www.myhome.com/about-us/

  • Usage of canonical link tags – This is especially true for an e-commerce website where every product should have a single URL redirect

i.   www.myhome.com/product/simmer-purple-curtains/

ii.   www.myhome.com/furnishings/product/simmer-purple-curtains/

iii.   www.myhome.com/furnishings/house/product/simmer-purple-curtains/

 

By using canonical link tag on a common URL (<link href=www.myhome.com/home/product/simmer-purple-curtains/” rel=”canonical”), you can tell Google that it needs to index this URL for both the below examples

 

www.myhome.com/product/simmer-purple-curtains/?cat=furnishings

www.myhome.com/product/simmer-purple-curtains/?cat=furnishings&subcat=house

 

  • CMS best practices – Having a few quick tweaks as below helps in your SEO process
    1. Updating the sitemap.xml
    2. Making the robots.txt file editable
    3. Stick to a 3 sec load time limit by following some nifty tips here
    4. Configure 404 page not found instead of 302 or 200 for a non-existent URL

Hope these pointers give you sufficient impetus to craft amazing SEO experiences when executing web development, both at front-end and back-end.