About SERP Contact Sitemap

Image SEO: Ultimate Guide to optimize images for SEO

According To a research, Human Brain Process Images More faster Than anything else. Now a Days, Online Marketers take benefit of this data to make great visually appealing content, such as Images, infographic, PPT and many more.

Are you include the visual graphic in Your Content?
Adding Visual appealing graphic isn't enough, Google Also Changes there an algorithm to crawl image content better.
So, Image SEO is the Going to Be Great Trend In Future. I recommend You To Adapt This Trend in present to own your Market.
Ultimate Guide to optimize images for SEO
Why is Image SEO Important?
Images is a Great Way To Serve Important data that can't serve as Text. Such a make a tutorial article or Presenting Graphs or Charts. You can't Present Such data in Text. But Google Can't Crawl That Data present in images. SO, How we Optimize That Images data for SEO.
According To Backlinko, using at least one image in your content is significantly better than having no image at all.
include atleast one image to increase ranking

Images Showing How Including Graphics Will Affect Your Google Ranking

There Are Many Ways To Optimize and Image for SEO such as Using Structured data/ Schema Markup for Image, Proper Image aspect ratio to appear as a thumbnail in the search result, Using of Alt Text and many more.
In This Guide, we're going to discuss all aspect of Image Optimization. From A to Z.

Optimizing Image Size for SEO

For On-page SEO, Image Size Doesn't matter that Much. Because it will appear Only To Your Audience Not Google. If Your Image is highly Engaging than the size of Image isn't matter.
When It came To SERP, Images Size matters a Lot because google can't index all size images in there search result. And as We all know How a great Google Snippet Will Increase Your CTR, as a result, your ranking increase.
Here an easy explanation of this: Google will resize Your Image to appear in search result. If You Are Image With Aspect ratio with Too much difference. Then your image isn't going to appear in search snippet.
In New Google Update, Mostly Image Won't Appear On desktop but when You switch to mobile. You'll saw a great difference between search results.
Image Showing SERP(search engine result page) Difference Between Desktop and Mobile

Image Showing SERP(search engine result page) Difference Between Desktop and Mobile

What is Best image size to appear SERP snippet?
I found a Great Answer to this question on Google Developer, There Are mainly Two Types of pages Which show Image in search snippet, AMP, and Non-Apm.
For AMP pages Image Size is Most Important Thing. Here Some Tips to Optimize Images for AMP Pages:
  1. Image atleast 1200Px Wide
  2. Images must be in .jpg, .png, or. gif format.
  3. For best results, provide multiple high-resolution images (minimum of 800,000 pixels when multiplying width and height) with the following aspect ratios: 16x9, 4x3, and 1x1.
  4. Image Must be Properly Markuped
  5. Image URL Must be crawlable and indexable (Not Blocked By Your Robots.txt or Header tag)
Some Best practice to optimize Images for Non-AMP pages:
  1. Every page must contain at least one image (whether or not you include markup). Google will pick the best image to display in Search results based on the aspect ratio and resolution.
  2. For best results, provide multiple high-resolution images (minimum of 300,000 pixels when multiplying width and height) with the following aspect ratios: 16x9, 4x3, and 1x1.
  3. Image URL Must be crawlable and indexable
I'll Hope You Understand Why Image Size is important for SEO.

Optimize Image for ALT Text

All Bloggers Tell You To Add a Alt text in Your Image, But Most of them Didn't Tell You Why or give some reason like "it will increase your SEO".
But the real Reason Behind ATL text is To Optimize Image for image.google.com. Google Can't Index all Image on There Image SERP. That's Why They Use ALT text to find relative images for search.
Here an Image Showing How Google See your Images:
alt text example

Image Showing How Your Alt text appears to Google with Anchor text and Without.

Why Alt Text Important?
  1. It provides Google with useful information about the subject matter of the image. We use this information to help determine the best image to return for a user's query.
  2. Many people-for example, users with visual impairments, or people using screen readers or who have low-bandwidth connections—may not be able to see images on web pages. Descriptive alt text provides these users with important information.
Here's How a Good Alt text looks Like:
Not so good:
<img src="puppy.jpg" alt=""/>
<img src="puppy.jpg" alt="puppy"/>
<img src="puppy.jpg" alt="Dalmatian puppy playing fetch"> 
To be avoided
<img src="puppy.jpg" alt="puppy dog baby 
dog pup pups puppies doggies pups litter puppies dog retriever 
 labrador wolfhound setter pointer puppy jack russell terrier 
puppies dog food cheap dogfood puppy food"/>
Things To Avoid During Adding Alt text:
  1. Using same alt text for All Images (Filling alt attributes with keywords ("keyword stuffing") results in a negative user experience, and may cause your site to be perceived as spam)
  2. Using Too Long or One Keyword Alt Text
  3. Not useful Alt Text (Not Defining Your Image's Content)
For Great User Experience, Check Your website in Only text Browser Like Lynx

Optimizing Image Filename For SEO

Filename Tells Google, What Your Image is about. Try To Make a Filename Which is defining Your Images Content and must be relevant to your image.
For Example, White_car_on_road.png is way better that 110001car.png because it defines us what is that image about.
Google Also Consider File name to rank an image for a specific keyword. Also Filename act as URL address of that image.
Here's an Image showing how your image filename is acted as a URL:
Image showing how filename act as filename URL

Image showing how filename act as filename URL

Here some Best Practice for Filename:
white car on road.png("20%" replace your space between words when you upload it to the website)

Optimizing Images for Speed

Google officially Confirmed That Website speed is one of the most Important Ranking factor.
When it came to website speed, Compressing Image is One of the Most important tasks.
Use Tool Like Tinypng or compresspng to Compress Images before uploading to the website.Only Doing This will decrease Your website loading time dramatically.
There Is Some Other Method To Optimize Images. Like Using Different Types of filetypes. for example Jpeg is less in size than PNG.
How To Choose Best File Type?
Here an image from google developer, answering the question.
image format tree

image showing Format Tree to choose the best file type

Future Trend for image Type
One File Format, which is going to own market in future is SVG
Here some Quick Fact about SVG file format:
  1. SVG is an XML-based image format
  2. SVG files should be minified to reduce their size
  3. SVG files should be compressed with GZIP

Optimizing Images for Google Snippet

As we discussed above, Choosing Write Image Size will help your images to appear in Google Search Snippet. But You Can't Take to Further to next level by adding markup to your image.
1.) Use Google Plus To Improve Your Search Snippet:
google plus snippet

Image Showing Google Plus Profile in Search Snippet

To Add This Type of Search Snippet Add below Code in Your </head>
<link href='https://plus.google.com/116613803754922085425/' rel='author'/>
Change google plus profile link with yours.
2.)There Are Some other Code which help google to understand your Images Better, such as:
<meta content='YOUR_IMAGE_URL' name='thumbnail'/>
Above Code Also help You to add image in your search snippet.

Tips To Optimize Images

Here Some Great Tips To Optimize Your Images furthur:
  1. Add Water mark In Your Images To Protect Your Images, You can Also use creativecommons to protect Your Images
  2. Use Only High Resolution Images To Improve Your User experience. Crisp, sharp images will also appear better in the thumbnail versions we display in our search results, and may therefore be more likely to be clicked on by users.
  3. Specify a width and height for all images. A web browser can begin to render a page even before images are downloaded, provided that it knows the dimensions to wrap non-replaceable elements around. Specifying these dimensions can speed up page loading and improve the user experience
  4. Add Caption To each Image Defining Image Content in brief and detail
  5. Remove Images With Broken Link
Here a Quick Checklist for You:
image seo

Final Words

Images and Visual graphics are a great way to improve user engagement and Conversion. Using Images Properly Will increase Your user experience as well as traffic. Make Sure your all article have at least One Image for Your Users.
I'll Hope this Guide will Help You To Optimize Your Images. Any Question? Comment below we'll answer it soon.
Sunday, February 25, 2018 2018-03-06T14:15:40Z » » Image SEO: Ultimate Guide to optimize images for SEO

No comments:

Post a Comment