Image SEO optimisation: Alt tags and title tags

Image SEO optimisation

The new SEO is now the speed of a site, and this is achieved by correctly optimising your images for your website. You also shouldn’t forget to give your images good alt attributes: alt tags and title tags do strengthen the message towards Google’s search engine spiders and improve the accessibility of your website.

The term “alt tag” is a common abbreviation of what’s actually an alt attribute on an img tag. For all images on your website, the alt tag needs to describe what’s on it. Screen readers for the visually impaired will read out this and which makes your image accessible for anyone who can’t see property.

What is a alt tags and title tag?

Below is a screen shot of HTML image tag:

The alt and title attributes of an image is usually referred to as alt tag or alt text and title tags even. The alt text describes what’s on your image and what it’s function of the image is on the webpage. For an example if you have an image that’s used as a buy button, your alt text should say: “buy button”.

The alt tag is used by a screen reader, a browser which is used by the visually impaired tells them what’s on the image. The title attribute is shown as a tooltip so when you hover over an element, for example an image button, the button could contain an call-to-action, like “Buy Now for only $10!”.

Every image should have an alt text, and this is not just for SEO purposes, but also for the visually impaired because they won’t know what the image is for. A title attribute is not required, however it can be useful, but if you decide to leave it out it shouldn’t be much of a problem.

But what if your image doesn’t need one?

If you have images in your website that are just there for design reasons, you’re doing something wrong, because these images should be in your CSS (and not in your HTML). If you can’t change it then give it an empty alt attribute, for example:

What the empty alt attribute does it makes sure that screen readers do skip over the image.

SEO and alt text

If you read the following article from Google, they say a heading “Create great alt text”. Google places a very high value on alt texts to determine what is on the image but also to know the topic of the text around the image.

A fantastic WordPress plugin Yoast SEO has the following stages for images and their alt text when writing your blogs:


yoast-seo-no-image-alt-error yoast-seo-no-image-error yoast-seo-image-focus-keyword-notice


If you look at the images above, they have the same alt and title tags so you can just hover to view them. These are long and descriptive alt texts, but that what a good alt text should read like.

If your image is something of a specific product, it’s good to include both the full product name and the product ID (if it has one) in the alt tag, this way can be found easily. If a keyword is useful for finding something on your webste then that should be on the image, so include it in the alt tag if possible.

WordPress and alt and title

When you upload an image in WordPress, you can easily set a title and an alt attribute. By default WordPress uses the image filename in the title attribute, so  if you have no alt attribute, it copies to the alt attribute. This is better than nothing but it’s actually not the best. You really should take the time to write a proper alt text for every image you add to your website. The interface makes it easy, click an image, hit the edit button, and then you’ll be shown an interface like the below screen shot:

image alt title wordpress screen shot

So you there is no excuse for not doing this correct, other than be just lazy. Your SEO will truly benefit if you get these little details right plus the visually impaired users will also like you all better 🙂

Speed Is the New SEO

If you’re website doesn’t load in one second, you’re web developer is building it wrong.



We are in the age of mobile devices. Nearly every person in this world uses a mobile device when looking for information online now. So for this reason alone, businesses have catered to the needs of the mobile users worldwide to ensure a positive and satisfying experience. Google gives a mobile-friendly site a boost in search engine ranking in relation to its recent algorithm update.

Google has updated the page speed ranking factor to look at the page speed of your mobile site.

But once a business has gained a competitive advantage by making its website mobile-friendly, what should be next?

Speed, and why it matters

Page speed is the to the time it takes a page to display its content (i.e. text, images, etc).

Google uses a point-based system that ranges from 0-100 that looks at two main components of page speed: time to above – the-fold load and time to full page load.

When optimised correctly, page speed can work amazingly for your brand. Fast sites that load faster, receive 25% more views in ads and lower bounce rates.

That’s why your page speed directly affects your sales and conversions. Basically, the faster your web page loads, the more revenue you’ll make.

Optimisation for speed

The first step to optimising a website’s speed is to analyse its current page loading. Then, if and after confirming it has a slow loading time, businesses can get started with speeding up their sites by optimising the images, using a caching system and minifying code.

One great way to guarantee a fast website is to use a website builder that has pre-designed with speed in mind. Then you don’t have to optimise page speed yourself, which can take a lot of time and effort, and knowledge.

There are a bunch of website builders that vary in performance in speed, these includes SquareSpace, WordPress, Weebly, Wix and Duda.

How fast does the site need to be?

Google looks for a minimum speed of less than half a second. But, to be fair they have set the threshold to around 2 seconds. Beyond that, your site is slow.

Because the best way to building speed is starting with a CMS platform that has already been optimised, we need to look at the actual Google PageSpeed Insights test results of the above leading selected website builders out in the market.


WordPress scores 62/100 on a mobile device and 83/100 on a desktop. This was based on WordPress first theme (Edin) for businesses.


Weebly scores 48/100on a mobile device and 58/100 on a desktop. The was based on Weebly’s LoveSeat theme.


Wix scores 48/100 on mobile device and 71/100 on a desktop. The was based on its Barista theme.


Duda scores 91/100 on mobile device and 97/100 on a desktop. The was based on one of Duda’s websites.

Out of the four, Duda has the highest score for speed performance.

Selling Speed to your clients

Small businesses have accepted mobile optimisation, and therefore followed the best steps to gain a loyal customer. The next ranking factor is page speed. While brands can tap into methods to speed up their sites, building their online businesses from the start while using a platform that’s designed to the latest speed advantages puts them ahead of the race.

Customers are making quick judgments about you the moment they arrive at your site. A few seconds of delay creates a strong negative impression.


So, speed is important and does already play an important role in SEO. Page speed is fast becoming the critical element that any online business cannot ignore. Make your customers web experiences enjoyable. Don’t give them any reason to choose your competitors because you failed to optimise your site for speed. Using a platform built for speed is a sensible way for you to guarantee a better and higher conversion, a better Google ranking makes customer satisfaction.