Home > Articles > Web design & development > Technical SEO & web development

Technical SEO & web development

date

As a website owner, content optimisation and link building are two things you can do to improve your search engine rankings – but there are also things you need your web developers to do on your behalf.

Search engine friendly code

Search engines use computer programs called spiders (or crawlers) to read the content of all the websites on the internet. Although they’re very smart, they can’t read everything a human can. In the past, the biggest problem was websites built in Adobe Flash, which couldn’t be read by spiders – but Flash is a dying technology these days.

The more common problem now are websites that rely on JavaScript to make pages interactive. While Google is able to understand JavaScript, many search engines still can’t. So make sure your site still works when JavaScript is turned off – if it does, it should work for spiders too.

Real heading tags

For SEO purposes we recommend you break up content with subheadings. You should check that your content management system (CMS) does this with real <h1>, <h2> and <h3> HTML tags, rather than just changing the colour and size of the text, so that search engines know they’re subheadings.  Conversely, make sure you’re not using heading tags to style regular content – they should only be used to structure your page.

Alt text for images

Spiders can’t understand images, so make sure your CMS allows you to enter “alt” text – that’s a description of the image which is embedded in the HTML code.

Mobile friendly design

Last year Google started ranking mobile-friendly websites higher when users search from a mobile device, in order to give the best possible experience to those users. This means it’s more important than ever for your website to look good on mobile phones and tablets.

The best way to do this is with a responsive website – that’s a website that automatically adjusts to suit the device, whether that’s a mobile phone, a tablet or a desktop computer. The alternative is to have a separate mobile website – however, this can dilute your SEO efforts because now you have two websites to optimise and maintain.

Keep content 'above the fold'

Make sure the main page content is easily visible on the first screen the user sees – you may be penalised if the top of your site is full of adverts (even for your own products/services) and the real content is buried further down the page

Sitemaps

An XML sitemap lists all the pages on your website, making sure the search engines find all the pages you want them to.

You can also use them to give the search engines extra information about each page, to help them understand your content better:

  • when the page was last updated
  • how often you expect it to change (i.e. how often they should come back to check)
  • how important the page is compared to other pages (e.g. the homepage is usually the most important, and legal notices the least important).

A HTML sitemap is simply a page with links to all of the other pages on your site. They are less important than XML sitemaps, but they can still help search engines to find all the content. They are also useful for visitors who want an overview of all your content.

It’s important that your sitemaps are kept up-to-date – otherwise they lose their value, and if they contain too many broken links search engines will stop trusting them. Ideally they should be updated automatically by your CMS whenever you make changes to the site content.

Canonical URLs

Sometimes it’s possible to access the same page via different URLs. For example, all of these URLs may point to the same page:

  • http://www.example.com/blog/post-name (original)
  • https://www.example.com/blog/post-name (secure version)
  • http://example.com/blog/post-name (no “www.”)
  • http://www.example.org/blog/post-name (different domain)
  • http://www.example.com/?p=1 (internal URL)

Different people could link to the page using those different URLs, and if you don’t tell Google that these are all equivalent it could dilute your SEO efforts by treating them as separate pages.

Instead you should choose one version that you prefer people to use – this is known as the “canonical URL” for that page – and each page should have a meta tag telling the search engines what the canonical URL is. It’s also a good idea to redirect all visitors to that one URL to ensure everyone uses the canonical URL when linking to the page.

Redirect when URLs change

Any time you change the URL for a page, the old URL should automatically redirect visitors to the new one. That way existing links keep working, and search engines transfer your old ranking to the new URL rather than seeing it as a brand new page. This is especially important when you have a new website built.

To minimise the impact on your SEO and to ensure you don’t lose visitors following old links, redirect the old pages to the equivalent new page (where available). Broken or dead links can lead to visitors leaving your website, which could increase your bounce rate and negatively impact your SEO ranking.

A small portion of your ranking is lost each time you redirect to a new URL, so it’s best not to change URLs regularly or without good reason.

Secure your site with SSL

SSL (also known as HTTPS) protects your visitors by encrypting the connection so other people cannot spy on them or steal their passwords.

Google recognises this, and is pushing for all websites to the SSL, to increase the security of the internet as a whole – so it has started using SSL as one of the factors that increases your ranking.

As an added benefit, links from other SSL-protected websites will show up in your analytics traffic sources data – which they don’t for insecure websites.

Page load speed

Users prefer websites that load fast, so Google gives a higher ranking to sites that load quickly. You can take advantage of this to achieve a better ranking (and improve user satisfaction) by making sure your website loads as fast as possible.

Some ways to do this include:

  • host your website on a server in the same country as your target audience
  • if you have a world-wide audience, use a content delivery network (CDN) that has servers in many countries
  • optimise the website code to run as fast as possible
  • generate dynamic pages ahead of time, instead of waiting until they’re needed (e.g. with a caching plugin)
  • remove unnecessary content and images to reduce the total page size
  • minify (compress) source code and images
  • remove unnecessary third party scripts (e.g. replace social media buttons with static links)

Breadcrumbs

Breadcrumbs are those “You are here” lines you see on websites – for example:

Home > Articles > Search Engine Optimisation (SEO) Overview

While this doesn’t directly improve your ranking, Google will pick this up and display your breadcrumbs directly in the search results, which can help users to see how a page fits into your site structure.

Structured data

Another way to make your pages more noticeable in search results is to add Structured Data to your pages. This is a way of giving search engines specific information to display such as:

  • company/organisation details (e.g. phone number, logo and social media links)
  • prices and stock availability for products
  • star ratings for reviews
  • dates and times of events
  • cooking times and ingredients for recipes
  • thumbnails for videos

Conclusion

Technical SEO alone won’t get you to number 1 in Google – not without content optimisation and link building – but get it wrong and you might not rank at all. So make sure you work closely with your web development team to make sure your website is optimised at every level.

back to top