WHY SHOULD YOU CARE ABOUT IMAGE SEO?
Image Search engine Optimization is still very important because, people have a shorter concentration span now and want to move on to the next thing on the internet quicker.
SO WHAT IS IMAGE SEO?
It is the form of Search engine optimization which involves using the best techniques to ensure that your webpage images are crawled, indexed and ranked by search engines.
If you are looking to get your product pictures found by Google and other search engines. Having your images ranking high on Google could still increase your ecommerce sales significantly.
The future of seo is;
In the very near future, search engines will modify the algorithms for classifying images. This change will have a huge impact on search and the world of SEO.
Therefore, it’s best to be prepared and follow our image optimization tips to help Google “read” and rank your images in the near future.
Choose the right image format
There are several types of files for visual content, each used for different purposes. If you choose the right file, this will definitely be beneficial for your Image SEO.
HERE ARE SOME IMAGE FORMATS THAT YOU SHOULD KNOW ABOUT;
JPEG format – Used when you have images with a lot of colors, color gradation, and shading.
PNG format – Used when you have a logo, an image with a lot of solid colors or you need to use transparency.
GIF format- Used when you have an animation or in the same situation explained or PNG format.
WebP is a modern image format that provides superior lossless and lossy compression for images on the web.
Using WebP, webmasters and web developers can create smaller, richer images that make the web faster. WebP lossless images are 26% smaller in size compared to PNGs.
The JPEG format also produces relatively smaller file sizes compared to PNG and GIF formats, but it sometimes distorts the quality of the image.
So really you might want to choose formats also depending on the context and importance of the image. If the image is just an illustrative addition to your article then you can use JPEG format.
However if the image is really important, consider the variations in formats best suited for the image as explained above.
The Illustration below is a clear example of why you shouldn’t just swear by just JPEG.
COMPRESS the size of YOUR image file
Reducing image quality increases the loading speed of your web page. Fast websites provide a better user experience and have been confirmed by Google to promote ranking, which in turn leads to increased conversions.
According to a study by Kissmetrics, a one-second delay in responding to a page can lead to a 7% reduction in conversions.
With this in mind, an even more serious problem concerns mobile users. Images represent 68% of the total page weight and tend to be too large, and are often unnecessary which slows down page loading and prevents the user from accessing information.
The size of an image is given by its quality or the number of pixels. If an image contains more pixels, the size, dimensions, and quality will be higher. This is why it is recommended to reduce the quality by 15 to 20% for the JPEG and PNG formats.
There are many dedicated softwares that have this option.
How to Resize Images in Adobe
In Adobe Photoshop, for example, JPEG and PNG provide the ability to optimize images for the web.
The steps are fairly simple:
Export » Save to web » Quality 85% (Use the photo viewer on the left to determine if you can further compress the photo and its appearance.) » Click Save.
The higher the percentage, the better the quality of the photo. For PNG images, you can choose from other optimizations, such as 8-bit PNG and 24-bit PNG. It would be recommended to save it in an 8-bit png format in order to obtain a slightly sized image.
Affinity Photo is another example of image compression option, which can be similar to Photoshop but cheaper.
There is other, easier-to-use software to reduce image quality, such as Gimp, and other small beginner’s software, such as GIFsicle, JPEGtran, JPEG Mini, OptiPNG, pngquant, FileOptimizer, ImageOptim.
If you want to choose the easiest way and not download any software, you can use online editing tools for image compression. TinyPNG and Trimage are the two most used.
There is also the imgIX PageWeight , where you can add your website and assess the “amount” of visual content. For this, there are three main measures calculated for each site, represented by colored bars (light, recommended and heavy) as you can see in the screenshot below. In our example, we have a medium weight of website and image content and recommendations for better image optimization.
Below is a sample report and the actions to take:
ALL YOU NEED TO KNOW ABOUT How images affect your page weight & SOLUTIONS TO THIS;
Here are a few facts that you need to know about images and how they affect your page weight.
- 99% of your website’s weight is made up of images.
- It is very important to intentionally optimize every image that you decide to upload.
- While images make your page heavy, this doesn’t mean that you need to completely do away with them.
- The average best time that your page should take to load is three seconds.
So here are some of the solutions that you can incorporate within your web strategy so that your images do not affect your page weight.
4- MAKE YOUR IMAGES MOBILE FRIENDLY;
Just like in site SEO which requires you to optimize for the mobile website more than the desktop website. You also need to optimize for Image SEO to get more ranking power and a high conversion rates.
So how do you optimize your images for them to be more Mobile friendly?
- Create images that will scale well whether the user is browsing your website using their desktop or their mobile. The images that you use need to automatically adjust to the size of the device.
The search engine Mozilla offers a tutorial on using the srcset and sizes attributes which help in outsourcing of additional source images that enable the display of an identical image resized depending on the device.
5- Reduce the file size using plugins
If you use WordPress, be aware that there are also automatic methods to compress your images, using plugins. The plugins can work well as a second step for image compression . Never use it alone.
For example, adding a 2 MB image to the library can cause your web hosts to consume disk space very quickly. You have to select the plugins that suit you best and get to work.
For each plugin, the steps are as follows:
Connect to your WordPress »Plugins» Add a new one »Search for the plugin» Install now and wait a few seconds »Activate.
Then, if you want, you can go to the specific plug-in and browse the settings to make sure everything fits your needs.
WP Smush, CW Image Optimizer, Insanity, Hammy, SEO Optimized Images or PB Responsive Images are just a few examples of plug-ins that will automatically and losslessly compress your images.
All plugins can be used to optimize images previously downloaded or added after installation.
As a suggestion, you should keep the size of your image file below 120 kb for large images (1920px and more) and even lighter for small images. As a general rule, it is best to keep most images at around 50 kb .
6- Delete all irrelevant or unnecessary metadata
Metadata is the information stored in the image file . Typically, they are generated automatically by the device that captured the image.
Additional metadata, such as EXIF data (a record of all camera settings) can be added manually using dedicated software or directly on digital cameras.
All kinds of information – such as exposure time, aperture settings, type of camera, shooting date, author and other information – can be incorporated into an image.
This information is crucial for particular websites (photography, for example), while for other websites it may be completely irrelevant.
Disinfecting your image can be extremely beneficial in improving website loading time. You can easily access this data by going to Image Properties and then selecting Details.
Removing Metadata From Photos in Windows
There are plenty of third-party apps capable of removing metadata for you but the direct method is most efficient. It requires a few steps but it’s painless. Here is the entire process laid out as easy as possible to follow:
- Locate the photo you wish to alter
- Right-click it
- From the popup window, select ‘Properties’
- A window will open. Click the ‘Details’ tab at the top of the window
- From there, you’ll see a list containing attributes such as name, date, size and more. Click under the ‘Value’ portion of the elements
- For the editable data, it will allow you to type in or delete whatever you want and replace the old information
- Click ‘OK’
Removing Metadata From Photos in Mac
Like Windows, a Mac lets users remove photo metadata in a pretty straightforward fashion. Once again, here’s an easy list to guide you:
- Open the photo using ‘Preview’
- Go to ‘Tools’ in your menu
- Select ‘Show Inspector’
- Select the (i) tab
- Click the ‘Exif’ tab and remove the data
Choose the elements to delete and keep by easily accessing the Value cell of each property and deleting the content. If the file is in read-only mode, you cannot change this information.
But there are other ways to verify this using the Google Chrome extension, EXIF viewer, which will be accessible by a small camera from your browser.
With just one click on the icon, you will get all the Exif data. Photoshop or Adobe Lightroom are other examples that could help you get rid of unnecessary EXIF data. Go to File »File information.
Be sure to keep the data important to you and delete unnecessary image data. In this way, you can optimize your images and help search engines better understand your visual content.
7- Name your images and add alternative descriptions to make your SEO successful
Making your images easy to read by Google and making them user-friendly will enhance the SEO success of your website. You can give a boost to your SEO strategy by giving your images relevant names and keyword-rich text descriptions, without taking advantage of them or using keyword stuffing.
If necessary, use the description of your image or caption. You can add these items by following the previous step, where you can save the metadata related to the description, author and name or file.
If you do not have this information in the file, add it directly when you upload the image to your site. WordPress makes it easy to change the data the user wants to access Google.
Search engines crawl both your website text and the text embedded in your images. Make sure you don’t use generic names, such as DSCN093298.png, Image01.jpg or animation-version1.gif, etc., but rather descriptive file names. Title tags and alternative texts are essential when a browser cannot render your website correctly.
Optimization of your images, in summary
When someone is browsing the Internet, the browser must download each file from your website to render it. On a large scale, this means images, which can store a lot of irrelevant data and pixels.
We have found many simple and effective ways to optimize your web images. To know:
- use image optimization tools for weight,
- delete irrelevant metadata,
- resize the image to scale,
- use GIF and PNG formats as they are lossless. The desired format is PNG because you can get the best compression ratio with better visual quality.
- enter the Alt tags, titles, description, author, etc.
- be sure to test your visual content using plug-ins, tools, and software to make the process easier.