Image SEO is the act or methodology of enhancing your website’s images to increase your search rankings.
Plenty of web designers forget that enhancing your images is an important part of SEO.
Did you understand that 78% of all on-page SEO concerns relate to images? This implies that images have a big influence on your website’s search engine rankings.
In this article, I am going to explain how to enhance your website images for better search engine rankings and better usability.
Optimizing Your Website for Image SEO
With some small changes to your site’s images, you can increase the chances of much better rankings and much better functionality of your site.
Let’s go through the basic modifications to enhance your images for SEO:
Images and User Experience
Utilizing images on your site can increase the user experience by separating material, producing a visual appeal, and supplying a smooth shift from one area to another.
Then you should not have images of felines on the page if your short article or post is about canines.
Try and keep away from complimentary stock picture websites as they are typically utilized by numerous other individuals.
Utilizing images that connect to the material is essential for a much better user experience (which increases SEO).
Images ought to be good quality, un-pixelated, and big enough to be noticeable throughout all gadgets.
The very best kind of images to utilize are images you produce yourself …
Taking a look at the images listed below, which piece of material do you believe looks much better?
This example demonstrates how a website must have images to separate material and offer a visual release from text blocks.
When enhancing your images, the calling convention of your files is extremely essential.
Your filename needs to consist of detailed, content-rich keywords about the image itself.
Google says that:
The filename can give Google clues about the subject matter of the image. Try to make your filename a good description of the subject matter of the image.
Make sure that every image you submit has a keyword-focused description that describes the image and material.
This is our primary image for this post that has the primary post title separated by hyphens (I constantly utilize the post title as the primary image filename).
SEO TIP: Google prefers dashes/hyphens to underscores according to Matt Cutts.
Altering the filename can be as simple as right-clicking on the image and selecting rename.
If you utilize Photoshop or another image editor, you can simply conserve your images with the best filename so you do not have to alter them later on.
<img src="image-seo-ranking-increase.jpg" />
- Every image must have a detailed filename that discusses the image
- Usage dashes instead of highlights or areas for filenames
- Utilize a couple of keywords of your page in filenames
Image Title Tag Attribute
The title attribute will be instantly occupied with the name of the image (minus the image extension), if you are utilizing WordPress.
When you hover over it, the title tag does not have any possible SEO advantages however it offers a great user experience by supplying a text description of an image.
Preferably, all of your images must consist of the title tag.
Ensure you eliminate the hyphens or dashes from the Title field for a more SEO friendly description.
<img src="image-seo.jpg" alt="better SEO with images" title="image seo guide"/>
- Title tags don’t directly affect SEO
- In WordPress, its automatically populated
- Text that when you hover over the image
Image Alt Text
This is a fantastic chance to utilize your page or post keywords to explain your image.
Online search engines utilize this info to determine what images have to do with on websites given that the spiders are text-based and can’t see the images.
The most essential tag on the image aspect is the image alt tag. The alt tag represents alternative text and is the text description of the image.
Alt text ought to be detailed, succinct, and to the point however not spammy. Do not pack a lot of random keywords in your alt-text or you might get dinged by Google.
A terrific method to compose alt-text is to pretend that you are describing the image to somebody who can’t see it.
<img src="image-seo.jpg" alt="more traffic with image SEO"/>
- Populate Alt Text for every image
- Alt text should describe the image
- Don’t stuff a bunch of keywords in the alt text
Image Captions & Descriptions
In WordPress, you have a lot more choices for including info to your images.
Captions do not have any SEO advantage however they can assist user experience by offering much more details about the image.
Captions appear beneath your image to explain or discuss the image.
Simply add your caption underneath the title field in the ‘edit image’ screen.
The size of your images and how quick they load for your users have a strong influence on your site rankings.
When someone lands on your website and images don’t load, it’s likely they will leave fast, which will hurt your time-on-page and SEO.
How to Make Images Load Faster
- Crop images to the max-width of your website (for instance if your site is 1028px large, none of your images ought to be bigger in width than 1028px).
- Lower the quality of the image enough to minimize file size however keep a good quality image.
- When possible given that they are smaller sized than JPEGs, use.png.
- Create thumbnails and link to the bigger image.
You can likewise utilize totally free tools like PunnyPNG to compress your images making them smaller sized in size.
- Crop images to max width of the website
- reduce color depth but keep image quality
- Use .PNG file type when possible
- Show thumbnails and link to larger image
- Use an image compressor