Images are essential for a website as they are the first thing that catches the eye of the visitors before they go through the content added on the website. But these added images on the web page can be certainly harmful to your website performance. Consider a situation, you opened a website and the image is taking a long time to load. What will you do? Probably you will jump out of that website. It is must to handle visual design and website performance.
Here is the quick guide on image optimisation for your help to follow to optimise your website image for better performance and ranking of your website.
File format type
Generally there 3 types of file formats that are used on websites for images i.e PNG, JPG and GIF. Before adding the images you must have great knowledge of all the merits and demerits of each of the file format type to choose the best one for your website.
The most used file format for websites is JPGs, also called JPEG as they have got a huge palette colour. They can be easily compressed without affecting the quality of the image as you can save the file in high-quality, low-quality or anywhere in between as per requirement.
PNG can be your way to go option for handling transparency as they produce better quality but with larger file size. If you wish to include animation on your website then GIF will be the format to opt for.
Compress your images
On average, images make up 21% of the total website weight which make them a crucial aspect of a website. It is highly recommended to compress the images before uploading it on the website as larger the size is, more time it will take to loading thereby affecting the speed of the website. If the image doesn’t load with 2-3 seconds it could be a reason for the visitor to leave the page leading to losing your potential customers.
Unique Image names
Filling your website with stock image will add you the list of website that looks un-original. It is must to pay attention to the image name to differential the images.
The file/image name used should be easy and description with proper use of keywords to have an effective name.
SEO Friendly Alt tags
Alt tags are added to the images to help the Google crawlers to understand the content of the image file. Adding alt tags to the images also help in improving the overall SEO strategy of your website. While writing the alt tags always make use of keywords associated with the image to boost your website ranking.
It’s a good practice to define image dimension in the source code is you are using AMP or PWA’s. You can still define width and height even if you are not using either for as it provides better user experience. Also, the browsers are able to resize the image before loading the CSS.
Mobile friendly images
If your website is not providing better mobile experience to the user it may lead to an increase in bounce rate and low conversion. But on the other hand, can improve your ranking and enhance user engagement. To achieve it, you need to ensure that the images used should be scalable on different sized devices and adjust as per the device size.
Having optimised image on your website is crucial that needs high attention. If you are confused and looking to seek experts help for SEO Brisbane, then stop thinking and contact us for more details.