7 Reasons You Should Fall In Love With Image Optimization.
Image Optimization |
1). Optimizing Names of Images:
Before we use images on the web page or blog post, we should optimize their names and should add targeted keywords in them. Like me, this article is about Image Optimization and I have used an image on top of it, a name of this image was optimized before uploading it to blog to 'image-search-engine-optimization.jpg' and it is clear that main keywords are included in it to target them. Following is the right and wrong examples of image names for web pages.
Right:
- how-to-make-a-post.jpg
- post-title-optimization-with-html.png
Wrong:
- image.png
- picture.jpg
- 7374975.jpg
2). Adding Keywords In alt Attributes:
Search engine crawlers and spiders can detect images in the webpage but cannot identify those images that what those images are about. So, for image optimization, we have to help the crawlers to find out about the image. For this purpose, there is an 'alt' attribute in HTML for 'img' tag. The text value of this attribute helps the crawlers to find about images in the webpage.
Example:
- <img src="image-path" alt="How to optimize images in web page" />
- <img src="image-path" alt="How to make an image SEO friendly" />
3). Targeting Keywords In Caption:
The image caption is not used normally by webmasters. But the use of it can deliver us a good SEO ranking output. We can say that caption is a description about the image. So it can target the main keywords in it for SEO purpose. Following is an example of an image caption.
How to Use:
<figure>
<img src="image-path" alt="adding caption" />
<figcaption>This is caption for image</figcaption>
</figure>
4). Size of Images Should Be Minded:
Images with large sizes like MBs are harmful for search engine optimization for any web page. If the size of an image is large then it will take more time to load the whole of the page. On the other hand, if images are of small size or compressed then they will load easily and quickly. And page load time directly affects the ranking of a site in the search engine result page.
5). Use of Hyphens Instead Of Spaces or Underscores:
While naming an image it should be minded that name should not too much lengthy (20 - 40 letters are good). Most people use spaces to separate words in image title and some use underscore ( _ ), use of both of these characters is not good practice. Always use hyphens ( - )( also called dashes ) for separating words in name of images. You can see examples in the following lines.
Right:
- image-optimization-for-seo.jpg
- how-to-make-images-SEO-friendly-in-blog-posts.png
Wrong:
- image optimization for seo.jpg
- how_to_make_images_SEO_friendly_in_blog_posts.png
6). Re-Use Instead Of Uploading:
If an image is required to use more than one time then it is good to use its resource (absolute link) again, instead of uploading a copy of the same image for another use. But sometimes you use some other image hosting servers that are also good because they provide a link to the image which can be used again and again.
7). Image Types:
JPG, JPEG, PNG, and GIF are standard and compressed versions of original images and are supported by all browsers, and most developers use these images for designing web pages. And it is good practice to use these types of images.
Hope you will find this article helpful, so don't forget to leave your feedback in comments.
7 Reasons You Should Fall In Love With Image Optimization.
Hope you will find this article helpful, so don't forget to leave your feedback in comments.
Comments