Last Updated in February 2021 by Lukasz Zelezny
SEO Image Tags: A complete guide for image optimization
Today, the internet is full of visual graphics and animations, attracting tons of people. But not most of you are getting this much traffic on your site.
Probably, because you are only doing half optimization for SEO.
Uploading a fully optimized SEO article wouldn’t be getting more than 70% of the internet traffic because the rest depends upon SEO images.
Putting aside the need for SEO articles as there are alternative methods to get SEO content; you can hire SEO experts for that. But for SEO image, you should do that by yourself as you know what you are trying to achieve through it.
Still, the image SEO can only be findable on SERPs, if the backend optimization is up to the mark.
But the questions may arise in your mind.
- What is image SEO?
- What is image optimization in SEO?
- How to optimize images for SEO?
- How to write alt text for images for SEO?
- How to make images SEO friendly?
I will clear all of your doubts and queries; however, you need to know the latest update Google has just introduced. The image on your blog which was just a mere formality and its sole purpose was to attract and illustrate the content is now transformed into IMAGE SEO. This means it will now appear in the Google search image. So better focus on it!
In this blogpost
Look! let me make it easy for you to understand what is image SEO?
You are putting a lot of effort into your blog, creating SEO content and getting traffic and generating organic leads, but another blog (the same niche as yours) is driving a crazy amount of traffic, and you are here thinking Gosh!
Does he have magic or some kind of magic wand?
But you do not know that the other blog also optimizes images for Google search and receives 30 percent more audience from there.
As by the year 2018, Google introduced The ‘View Image’ push button is now
restored as ‘Visit the page’ which shoots up the web engagement up
to 30% more than before.
Image SEO is the optimization of images and graphics for Google visibility and getting credits and ranking in return. Search engine crawlers find image SEO with relative meta tags very appealing that it persuades them to click on it. So, most of them go for a relative image search and upon finding the right image, they click on the visited page and read the content.
For instance, you are searching for “Different breeds of cats” in Google search, thousands of articles will show up with one or two cat pictures, and then you will shift your search to Google search image. Upon scrolling down, your eyes catch the sight of the one, the one your heart yearns for. Immediately, you would want to know the breed name and all the necessary details about it, and then you would tap the visit button to arrive at the right page!
|This button will lead you to the blog and that is how your image SEO works|
That is what Image SEO is all about, getting found by your audience in the Google search image.
Image optimization in SEO: How can you optimize your image for SEO?
To master the SEO optimization, you need to know how to optimize the image for website performance, Shopify store, and WordPress.
Image optimization is the way of reducing the file size of your on-page image SEO that would increase the speed of page load keeping the picture quality at its best. It’s literally the best way to rank on Google search images and other image search engines.
SEO is all- talk about being found on search engines like social media celebrities!
Now you want your product or services to be Google image SEO or want them to convert into image SEO friendly.
Then follow my steps to see your efforts getting the entire spotlight!
SEO Image Naming Convention
The first basic blunder that you might have made or you can say that you did not know that it was this important and nearly ignored it is, naming of your image.
You need to name your image properly and if there is a brief description attached, it would add five stars to it.
How do I name my pictures for Image SEO?
Well, I can bet you have overlooked the image filename SEO strategy before uploading, haven’t you?
Set a Google SEO image Filename
Most of your uploaded images are named as either IMG-23451.jpg or IMG78067.png. As filename serves the purpose of SEO and Keyword integration for Google visual interface; therefore if you name the SEO image filename which includes keywords, for example, I want to SEO image optimize the pictures in this article, then my filenames shall be image-seo.jpg.
In this way, it would take its place in the search results. You must avoid placing articles and conjunctions in the filenames as it inhibits the process of SEO ranking!
This proves to be Google Image’s best SEO practices among the rest!
Add Image SEO Alt Text
Understanding the Alt text, these are the hyperlinked texts or you can say tags similar to Facebook tagging which automatically leads the way to the destined place. You may have noticed a small text written over a box when the page fails to load that is in actual Alternative texts. These texts define the used photos and allow a better user experience.
The on-page SEO image should have a relative image SEO Alt text (it means the Alt text that is going to be presented should have the strongest keyword). Moreover, the Alt text and image’s title attribute, that is the HTML tag have to be written concisely so that it can add relevancy to it.
Let’s say you run a blog about tech and electronics and sell those products, but now you want the photos of your goods to be everywhere like in search engines as well as in image search engines. Then, add image SEO Alt text like electronic media while the title that is Image SEO Alt Text HTML, you should write something like <best-electronic-media>, <best-electronic-products>, or <electronic-goods>.
Do you know why I am advising on these HTML tags and titles?
Because now the image SEO tags are shown as HTML title tags in SERPs so you have to add something relevant to the image, Alt text, and the host page.
But How to write Alt Text for images for SEO purpose?
You have used your SEO toolbox, right?
That toolbox is actually a Content management system (CMS). When you click on the image body, a box will appear out of nowhere and that box is said to be an image optimization box or rich text module. This box contains an ALT text area, where you can edit, change, and customize the ALT text of your image.
After this step, the web hosting developers automatically run the ALT text as the web page’s HTML source code. And even now you can still edit your old text in the source code page. Some hosting sites do not have a perfect CMS system with which you can optimize photos for SEO purposes easily.
Desire image SEO alt text which can rank on Google and other search engines?
Then be more specific and use your keywords in the image alt text. You do not have to write in a whole long paragraph rather than use specific keywords that are more relevant to the image, that describes the image and is about its content.
Google search engine can either rank you higher up into the 7th Sky or push into the depth of the earth, and all because of your single time Any mistake or negligence. So it’s better to be mindful of how are you going to describe your image so that the relative audience may be shown the right results and target your blog.
Suppose your website is dealing with some stationery products and while describing or adding your image as you all text you messed it up another product on the Google search matches with your which is irrelevant to you and your product for instance your product electronic pencil is showing on the page of electronic devices. Then how will you be able to get the people? It is a disastrous move, you can ever make!
Be specific, be conscious!
Let’s move on to the next step
How to choose the Right size and configurations to make image SEO friendly?
Choosing the right format for your image to make your web page load easily and to make it more SEO friendly for your audience may be a little tricky.
But it takes a fraction of a second till you completely understand its science.
First of all,
- remember one thing PNGs are better than JPEGs images as they offer less loading time. Also if you are thinking of compressing your image then PNG images would work better with transparent backgrounds. However, if you want less loading time and compressed images then get yourself JPEG’s transparent background images as they offer high resolution.
But I still prefer PNG over JPEG, because most of my web’s images are sketched lines. PNG is good at crafting and producing the quality of illustrations, graphs, and charts, but if there is going to be a real-life picture, then JPEG is good to go! Thus, it means you must know your resource and files and act accordingly!
- Another format for images SVG and GIF both of them are used for computer-generated graphics and animations. The only difference between SVG and GIF is that SVG is a vector-based high-resolution computer-generated graphics and animations that need less compression and minimization while the GIF is simple animations. So you must bear in mind that GiF would not offer more compatibility with your webpage.
Adapt a decreased file size
One more thing and in my opinion it is the most important thing Is the size of the Image. the good image SEO strategy is to upload a picture below 100 KB.
I suggest that you should have a stock folder of pictures where you can store photos under 100 KB For quick use. You might have seen This sometimes that when you load a page The images and that content gradually loads. First, a blurry version comes up then some scattered pixels and gradually it sharpens till you can view it properly. Try to avoid these progressive JPGs!
One more thing! It is also reported that the EXIF data may be affecting your ranking and that is the main reason behind your SEO image performance on Google. You can turn off EXIF data stripping from the option ImageOptim.
Adding more to this, Google LightHouse and PageSpeed Insight have audit tools that have a more compressed format (JPEG2000 and JPEG XR) but most of them are not recommended for every browser. Still, you can host your people with WebP conversion whenever there’s a viewer.
You should bear this in your mind that even the largest desktop can only handle 2560 pixels at width. Make sure that the pictures are not that much wider than most of the desktop’s resolution and look for the ideal dimensions. The browsers cut down the pixels dimensions and size on its own if you are not providing the ideal situation for that. This step may lead to satisfactory web performance but it can drastically harm the image SEO as the CSS is automated image responsive.
Now you are thinking of the consequences.
It can be possible that the user may be viewing your website through the mobile tablet laptop or in a rotate position that is called landscape then what will happen to the image?
Will it serve the purpose of SEO image user friendly?
The visual needs of the website are often based on multiple copies of the same shots Will dynamically serve the purpose of user’s screen image SEO. You can also use coding for image optimization and make it user screen-friendly whenever you want. You just have to get the specific plugins (WordPress plugins are really specific and time saver) or you can add picture> and/or <srcset> elements.
If you are optimizing an image for the Shopify store, then Shopify SEO Image Optimizer is highly compatible as it knows its practices and users more than you.
Shopify SEO Image Optimizer
Shopify users want their product page to load in the blink of an eye. So, you better optimize the speed of page load with the help of Shopify SEO Image Optimizer.
Shopify SEO image Optimizer assists you in:
- Compressing your image SEO.
- Improving quality by changing formats.
- Downsizing the image of unnecessary size
- Adjusting the image’s color
- Suggesting you SEO patterns/ data to combine the SEO algorithm (in case you have forgotten)
You can also get help from a few tools that are tinyPNG, SMUSH, GIMP, and minifyweb. They are compatible.
How to SEO images are optimized to avoid copywriting/ image theft?
As a hard-working website owner it is heartbreaking 2 watch your owned images on others feed so to avoid this copywriting there are several ways that
- Place watermark
- Disable right-click save option by downloading or installing WordPress plugin no right-click
Note that your picture or image can get Copyright so do not get upset and you can also use Google’s IPTC metadata information for Copyright.
How to audit and properly load images on your page?
Before we can actually move on to the audit and page loading system we need to know how CSS works on different user’s screens.
- The past practices for a single image showing in multiple versions were possible due to image sharding. The loading and server requests are driven for the SEO images on a cookieless subdomain host page used to speed up due to the retrieving and loading process (typical image sharing).
- Now the HTTP/2 has eased the multiple concurrent server requests. Some SEO image optimization tip is that if you have the same image as the host page with an HTML file, then the load speed is automatically increased.
- You can also take advantage of the cache system linked with domain or subdomain. The hosting image includes cache and control of redirects. Link the CDN of the third-party site in such a way that you can customize the subdomain you own (CNAME DNS) to CDN at your endpoint. For Instance, bsbsus401l5b2.cdnprovider.com shall convert to yourproductimage.yourdomain.com. Add this tiny detail in the SEO image optimization tip!
The cache system works effectively on multiple conditions and you can make the most of it. Suppose you have regular viewers, then you can set a cache and cookie system on your page. It will take less time in loading the next time, they visit, because the cache data downloaded in their device would no longer reload that, and would directly jump to the destined page.
- Developers usually sort or filter out their FTP images before uploading it on the host page so that only SEO image in HD quality. For this purpose, you need to have some audit tools. Some of the effective audit tools you can use are Google Lighthouse and PageSpeed Insights audit tools. They not only help pick the bad ones out but also help in compression and cache control.
The audit tools actually measure the URLs processes such as off-screen deferring and unused CSS using a command-line interface.
Great! Now you have learned about all the basics of image SEO.
But how to know that the SEO image is fully optimized and ready to make a difference?
I know you must have been thinking that all I ever thought about all text but there’s more to it. Images SEO and its optimization are a critical and somewhat complicated for beginners, so let’s wrap it up for you in a box.
- Optimization of the image starts even before you know, the filename convention. Save the filename according to the type of image and how you want Goggle to show on SERPs.
- The Alt text and HTML title tags are one of the most crucial descriptions of your image, so you must type something as relevant as it can be.
- The image SEO and web performance get highly disruptive if the page’s loading time is affected by the large size of your pictures. You must upload a picture under 100 KB while ensuring the HD quality.
- Formatting of your SEO image must be JPG with transparent background or gif for simple animations. Keep the web page light and engaging. Try to create useful CDN links to have a custom CDN redirecting process.
- You have an SEO image original, then you can either place watermark or install WordPress with no right-click plugins.
- Finally, audit your image for SERPs using Google Lighthouse and PageSpeed Insights and put the images URLs to batch the processes.
- Lastly, you want to figure out if you have completely turned your nonactive images into SEO image HD, then you can use Google Analytics and Google search console. These two are search performance and tracking sites that can easily show you how much optimized is your SEO image for Google.
You can also do image reverse search and recognitions with new Google’s image reverse search features. The latest artificial intelligence and machine learning services provided by Google lens and vision AI tests the image’s overall performance and it actually tries to understand what’s within the object and the text so that it serves the SEO purpose.
Maintain Image Sitemap
WordPress SEO image and Yoast SEO optimization are really convenient in this sense. WordPress and its Yoast SEO plugin offer an auto-updated sitemap. All of your image’s URLs and exact locations are automatically generated and stored in there once you publish your webpage.
Unlike, regular media pages posed for no index settings have a changeable caption as well, but Yoast does not support such amendments. It only serves in <image:image> and <image:loc> tags. You can do manual work here to edit the caption in the sitemaps.
6 SEO image optimization tips for WordPress, Shopify, and Google
Reminisce about being a sophomore at college and asking your seniors for tips before assessment! Even though you knew the syllabus, the test patterns, and have studied, but still, there are some handy tips that your senior used to give you that actually helped (increased marks)!
Similarly, I am going to give you 6 best SEO image optimization tips to help you rank better in the SERPs.
1. Stock images for SEO
Visual content grabs a lot of attention from the viewers, but it is the exact opposite when it comes to the host or site owner.
You just pick up the suitable pictures from stocks like Google images, Pinterest, etc., back it up in your stock images, and later upload it with the content. That is not how you optimize the stock image for SEO.
That is how you just wasted your content and lose the SEO catalog!
You must follow the procedure, even if you are downloading it from Google stock images. Another tip that is actually really good is that create your image SEO using stencils, Canva, and some other Photoshop and editing apps.
2. Still, confuse about JPG or PNG?
This chart shows the characters of the images in a different format and as it is quite cleared that PNG offers more like raster images that shade the entire image into pixels, transparency with which you can post it on any background without worry, and animation, the graphics are A-one in PNGs.
In terms of motion pictures or visual animations with HD quality, then SVG is recommended. WordPress image SEO works better with SVG and PNG images and graphics and the same goes for Shopify products.
Shopify who deals with international clients and work with diversified products and services needs faster loading time and HD quality for proving it to be ‘Shopify SEO Image’. Thus, I would say, ‘Go for PNG!’
3. Compress the image for SEO
I told you to keep your page light and engaging, that is the key to gain that other 30% of people!
The HTTP Archive does not support large files and that would put you in the last.
No! Don’t think that the wordy content must be making up all the weight!
21% of your webpage is composed of visual contents whether WordPress or Shopify SEO images.
Use compression tools for obtaining the right resolution and uplift your content. TinyPNG behaves better for WordPress sites as it has installed WordPress Plugins.
WP Smush also does the trick and fits most of the sites. You can handle it easily. It is also one of the WordPress plugins, but it is great at reducing the large files into consumable ones without compromising on the quality.
You must know that compression produces valuable things like a diamond and your image!
4. Copyright is no joke
Imagine creating a unique graphic and animation or you could be running a photography site, and you see someone using it as his/ her own!
That’s the worst scenario ever!
The case can be the exact opposite as well. What if you are the one who used someone else’s art?
Digital Millennium Copyright Act (DMCA) sues anyone on the internet who uses someone else’s work as their own. The owners of the copyright pictures can post an issue through this and that could cause any of us a loss of million dollars.
Pinterest, GettyImages, Shutterstock, and DepositFiles.com are licensed sites, therefore posting any of their pictures on your webpage, gets a license from them.
You would not want to lose some bucks!
5. Optimize SEO friendly Alt text
Alt texts are getting all the attention when your webpage is loading at the speed of turtle!
They are alternative tags or description of your image when nothing is showing in its place. Write as relevant text as you can.
How do they work?
Use Alt Text like
<img src=”different-breeds-of-cats.png” alt=” different breeds of cats”/>
This will be viewable and it is the perfect title for an image to define the multiple shots of cats in a single frame.
The overall on-page SEO strategy includes this for a reason, because in case your server went down or your page loads slowly in that particular region, then at least the interested reader would know that what this blank box is about.
Google Analytics in recent years has shown these Alt texts are promoting SEO image services and achieving better ranks. As well in some of the news articles related to tech, the WordPress content strategist also declared that these alt tags and HTML titles are worth the efforts to boost the viewers.
6. Title and Descriptions
Understand the image search algorithm.
The image’s rank deals with its whereabouts which are the webpage’s title and description as per the Google experts.
There are several other more particulars that you should incorporate into your observation such as meta tags, title, subheadings, header and footer’s taglines, etc. You should add strong keywords so that Google shows the search accordingly.
Make it easy for Google to understand what you want and where you want to stand in the SERPs!
These SEO image optimization tips are like those flat 70% off sales on your favorite product!
WordPress SEO Ranking: How to write the WordPress SEO Image and Description?
Most of the WordPress users quote that
“WordPress gives user-friendliness to organize and audit your webpage. Defined rich text module for CMS services is one of the featured fringe benefits for WordPress Users.”
Writing WordPress SEO Image and Description
WordPress SEO image optimizer not only helps you organize the image, but also assists you in setting keywords, and meta descriptions.
- Set a competitive title like 6 tips for SEO image optimization (this ranks more than a lousy title like <<seo>> optimization tips).
- Align your keywords within the first 50-60 characters of the title and as well as in meta description.
- WordPress organizes your content into headings as well like HTML tags <H1>, <H2>, <H3>, so you better know which one of your heading would do better in SERPs.
- Your backend description and Alt texts of images handle the visual data better. WordPress offers greater services in terms of Yoast SEO. Fine-tune your words. That’s a MUST!
That is how you can write SEO friendly titles and descriptions by the incorporation of keywords and alignment of headings!
In this article, I have tried to tell you every basics of general image SEO and some CMS platforms. For further SEO guidelines keep visiting our website and with our secret and easy baby steps guideline, become an SEO pro.