Picture is worth a thousand words, which is one of the basic reasons images are used inside our articles. Images are so important because readers always understand the color, the quality and the main theme about any topic using images.
Image Optimization and On-page Optimization are the most basic steps for your SEO strategies. Now a days search engine getting smarter and intelligent, so the process of achieving the higher ranking is getting more difficult and complex. No only about quality content but also included many factors that helps to get higher search engine ranking.
Onpage Optimization is the pillar of your search engine optimization and one of the most important factors in on page optimization is image optimization.
Why you need to optimize images for web?
You’re working so hard at creating unique and informative content and you spend a lot of time promoting your blog and also inter-connect with other fellow bloggers, so the basic thing you want is for potential visitors.
According to Studies and different surveys show that up to 40% of visitors click the back button if a site takes longer than three seconds to load.
Three second isn’t long, but when you’re visiting any website through your mobile connection then a single second can seem like years. Almost 60% visitors use slower mobile connections, so you consider that you loose a number of visitors.
The slow speed for you site has many different reasons like below:
There are different factors shows by Google PageSpeed Insight, but the most important is image optimization. If you fully SEO optimize images for web, then you will get better result.
Image SEO, Learn To Optimize your Website Images Now! @johnelincoln
The video covers goals of image optimization.
- Images supporting page rankings and traffic
- It rank in Google search
- Pictures display on social media
How to Optimize Images for Web (IMAGE SEO TIPS)
When it comes to optimizing images for web, there are some things you need to know like image size, it’s extension (file type) and dimensions, how you server your images, compression of your images etc.
So here are the more closer look for you to learn how to seo optimize images for web to getting higher ranking and more traffic to your website.
Image relevancy is much important just like other optimization factors. When it comes to image optimization for web, an image of a train on a page related to Ferrari will do you not good.
I’ve many times seen on the web that people might be used irrelevant pictures inside their posts that looking so good, but as a ranking factors, search engine hate that if these are not relevant the topic.
Choose the Right File Format
There are many types of file format you may use inside your blog posts and website articles. Before more modifying your website images, make sure that you’ve been chosen the best file type. Below are widely used file types.
- PNG – produces higher quality images, but also has a larger file size. It only uses lossless compression.
- JPG (JPEG) – uses lossy and lossless optimization. You can adjust the quality level for a good balance of quality and file size.
- GIF – only uses 256 colors. It’s the best choice for animated images. It only uses lossless compression.
There are many other types like JPEG, JPEG XR, WebP etc, but they are not universally supported specially most used browsers like Chrome, Firefox. So always trying to use one of the above format whenever you optimize your images for your website.
Scale for image SEO
Loading times are much important for UX and SEO. The faster the site, the easier to visit and index a page is. Images can have a huge impact on loading times, especially when you load a huge image and show it really small, like using a 2500×1500 pixels image and showing it at 250×150 pixels size.
The entire image still has to be loaded. Scale the image to the size you want to show it. WordPress helps by providing the image in multiple sizes after upload already. Unfortunately, that doesn’t mean the file size is optimized as well, that’s just the image size. [source]
Use an Optimal File Size Without Losing Quality
Images are often the biggest factor in slow loading time of any website. If you’re website loading speed needs improvement, try to reducing the image sizes through resizing and compression tools.
One of the best ways you can easily to reduce the image size without losing the quality is within the Adobe Photoshop’s “Save for Web” functionality. But make sure that images doesn’t lose any pixels and become distorted as you compress the size of the file.
Use Descriptive File Names
For images downloaded from internet or your camera, give them a unique but informative name that’s descriptive, so it helps to search engine robots to find them easily.
For example; if you upload a image about Christmas, then name will be IMG_Christmas_2018 etc.
Use Keywords in Your Image Name
The most important factor in image optimization is name of the images. If you give them a proper name that identify the images then you can getting much traffic.
Always trying to include your primary keyword which you identify in the keyword research stage. This helps the search engine to find most relevant images and display result to their users.
If you need help getting started with keyword research for SEO, or even if you just want to polish up your skills, follow my Keyword Research Guide.
Use Hyphens Instead of Underscores to Name of the Images
I bet you can’t know this fact or even many people aren’t aware of this simple fact, but there is a huge difference in hyphens and underscores when reading text, alt-text, file names or even URLs.
In general, people uses underscore in name images, URLs, alt-text etc. When Google sees words that are separated by hyphens, it assumes the words are separate words.
However, when Google comes across words separated by underscores, it assumes that the words are all one word.
Use Primary Keywords in Your Alt Text
According to Matt Polsky, SEO experts: stick to 5 or 6 words in your image alt text for the best results.
Alt text is the most important image optimization practice, and search engine has provide much importance your images Alt text. It is basically an accessibility tag. It’s general function is to provide the information about images where your photo isn’t being displayed.
The simplest HTML code for an image looks like this:
When images are not load properly, or when you use screen reading tools that blind people use to surf the web, then Alt text of your images will be used to get the core knowledge about images.
Use Separate Thumbnails from Primary Pictures
Generally, we use the same thumbnails in our blog post or even in videos. But it harms you a lot, because if your thumbnails large in size then the loading speed is high.
You can use thumbnails as small as possible to minimize page load time. That means you just need to resizing your thumbnail images use proper tools like in Adobe Photoshop. So always use separate images in thumbnails as well as the main pictures.