{"id":142960,"date":"2021-02-08T16:07:43","date_gmt":"2021-02-08T16:07:43","guid":{"rendered":"https:\/\/www.searchenginewatch.com\/?p=142960"},"modified":"2021-02-10T09:17:04","modified_gmt":"2021-02-10T09:17:04","slug":"image-seo-best-practices-and-tips-for-optimization","status":"publish","type":"post","link":"https:\/\/searchenginewatch.com\/2021\/02\/08\/image-seo-best-practices-and-tips-for-optimization\/","title":{"rendered":"Image SEO: Best practices and tips for optimization"},"content":{"rendered":"<div class=\"well\">\n<h3>30-second summary:<\/h3>\n<ul>\n<li>Optimizing images is an often overlooked aspect.<\/li>\n<li>While images might look great, they often end up with a filename that looks something like IMG982713.jpg that is not very descriptive.<\/li>\n<li>According to\u00a0Internet Live Stats, there are 3.5 billion Google searches made every day.<\/li>\n<li>MavTek Inc.&#8217;s Sr. SEO Analyst shares some key image SEO tips and best practices to help you use images as an asset in your SEO strategy.<\/li>\n<\/ul>\n<\/div>\n<p>SEO involves a lot of different parts and strategies, some of them can be quick fixes and others can take much longer to implement. So you can see why it&#8217;s easy to forget something especially for a company that is not used to doing these things and are trying to do SEO for the first time. It&#8217;s easy to perhaps overlook some of the smaller steps like image SEO while practicing good on-site SEO. It\u2019s important to remember that every little thing you can do to strengthen your site\u2019s SEO efforts makes a difference and this is especially true if it\u2019s something that other sites may be overlooking.<\/p>\n<p>Optimizing images is an often overlooked aspect. As a site gets planned, designed and images get added more often than not, the images get added without being properly optimized, as long as they look good, the thought of images tends to end there. While the images might look great, they often end up with a filename that looks something like IMG982713.jpg and as you can see, that is not a very descriptive image file name. So without the <a href=\"https:\/\/searchenginewatch.com\/2019\/05\/31\/image-optimization-for-seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">proper optimization<\/a> and planning, you\u2019re wasting a valuable SEO asset.<\/p>\n<h2><strong>Why is image SEO important?<\/strong><\/h2>\n<p>According to <a href=\"https:\/\/www.internetlivestats.com\/google-search-statistics\/\" target=\"_blank\" rel=\"noopener noreferrer\">Internet Live Stats<\/a>, there are 3.5 billion Google searches made every day. And in 2018 <a href=\"https:\/\/sparktoro.com\/blog\/new-jumpshot-2018-data-where-searches-happen-on-the-web-google-amazon-facebook-beyond\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Images<\/a> accounted for 22.6% of all internet searches.<\/p>\n<p>Optimizing your site\u2019s images will help with your site\u2019s UX, load time, and improve your site&#8217;s rankings in the regular SERPs as well as image search. Image SEO is especially important if you\u2019re an ecommerce site, as you will most likely have hundreds of images, and if not properly optimized you will be missing out on lots of potential traffic and rankings.<\/p>\n<p>Image optimization will play an even larger role in search with the advancement of visual search, by being able to use images to purchase products for example<strong>. <\/strong>Google and Bing both use for visual search, Google has their <a href=\"https:\/\/lens.google.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Lens<\/a> and Bing has their <a href=\"https:\/\/www.bing.com\/visualsearch\" target=\"_blank\" rel=\"noopener noreferrer\">visual search<\/a>.<\/p>\n<p>If the images on your website aren\u2019t properly marked up and optimized, now\u2019s the time to focus your efforts towards that aspect of your site&#8217;s SEO.<\/p>\n<h2><strong>Ecommerce image optimization<\/strong><\/h2>\n<p>If you run an ecommerce business then you know that SEO is a different beast and how important every little change or tweak that you can do to your site is to help you to gain an edge on the competition.<\/p>\n<p>One of these things is image optimization. Images account for more bytes than any other part of a website, and this is especially true for ecommerce sites, as they tend to have hundreds if not thousands of products and therefore product images. All these product images can have a large impact on your site\u2019s performance which can also impact your customer retention and conversions.<\/p>\n<p>This is why optimizing your site\u2019s images is one of the best ways to improve website performance and SERP rankings, which is especially beneficial when it comes to large ecommerce sites as all the images can potentially slow down your site and with Google&#8217;s new upcoming <a href=\"https:\/\/web.dev\/vitals\/\" target=\"_blank\" rel=\"noopener noreferrer\">core web vitals update<\/a> your sites speed is more important now than ever.<\/p>\n<p>Here are six tips on what you can do to help with your site\u2019s image optimization + three bonus tips.<\/p>\n<h3><strong>1. Create customized image filenames<\/strong><\/h3>\n<p>This is where your image SEO starts, with the image file name. When you are naming your image file names, you\u2019ll want to use a descriptive file name that also contains the right keywords for the image. The reason for this is that your image file name will be used to help Google understand what the subject matter of the image is.<\/p>\n<p>It\u2019s important to remember that your image\u2019s file name is what will inform Google and other search engines as to what your image is about.<\/p>\n<p>For example, a typical let&#8217;s take this image file name will look something like\u00a0 \u201cIMG-1234\u201d or something similar. as you might imagine, that image file name will not be of much help to users or Google as nobody would search for that and having that as a file name gives no information to Google either.<\/p>\n<p>Now let\u2019s look at this picture from GSC or <a href=\"https:\/\/searchenginewatch.com\/2021\/01\/20\/how-to-perform-seo-a-b-testing-in-google-search-console\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Search Console<\/a> for example.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-142964\" src=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/02\/Image-SEO-Example.jpg\" alt=\"Image SEO - Example\" width=\"624\" height=\"381\" srcset=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/02\/Image-SEO-Example.jpg 624w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/02\/Image-SEO-Example-300x183.jpg 300w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><\/p>\n<p>You could simply name it \u201cGSC\u201d or \u201cgoogle-search-console\u201d but if you get more descriptive and name it \u201cgoogle-search-console-traffic-spike\u201d you would be helping users and search engines to better understand the image.<\/p>\n<p>Now, this doesn\u2019t mean you can go back to the days of stuffing keywords in your image file names. Doing that will surely get you penalized and or even banned from Google. Keep your filenames descriptive and straightforward and you\u2019ll be ahead of the game.<\/p>\n<p>Remember, it doesn\u2019t take much effort to rename images to something a little more descriptive unless you have an ecommerce site with hundreds or thousands of products, then it will take So it\u2019s worth doing and something that will help with your site&#8217;s rankings in the long run.<\/p>\n<h3><strong>2. Write SEO-friendly image alt text<\/strong><\/h3>\n<p>Alt-text is important for your site&#8217;s images as it is what you can use to help provide better image context that in turn will help search engines index your images properly. It is also what will appear if there is something wrong with your image and it fails to load.<\/p>\n<p><a href=\"https:\/\/developers.google.com\/search\/docs\/advanced\/guidelines\/google-images\" target=\"_blank\" rel=\"noopener noreferrer\">Google even mentions<\/a> the value of alt text in images, saying that alt text provides them with useful information about the image that they can use to help determine the best image to return for a user\u2019s query.<\/p>\n<h3><strong>3. Image file size<\/strong><\/h3>\n<p>Your image file size plays an important role in how your site will load for both users and search engines. Having large (file size) images on your site can cause your site to load very slow. With page speed becoming a ranking factor, it\u2019s even more important than before to make sure your site loads in seconds.<\/p>\n<p>Your site&#8217;s images can be massive files and that is not helpful when it comes to user experience. This is where optimizing your site\u2019s image file size plays a large role as all the huge file sizes can directly affect your ranking in SERPs and image searches, especially if you have a large ecommerce site with hundreds or even thousands of images.<\/p>\n<p>You can&#8217;t afford to reduce your image file size in a haphazard manner, this is something that needs to be done properly, otherwise, you will end up with a low quality looking image. Adobe Photoshop\u2019s &#8216;Save for Web&#8217; functionality offers one of the best options for you to reduce the image file size without affecting the quality of the image.<\/p>\n<p>If you don&#8217;t have access to Adobe Photoshop, there are lots of other great online tools that you can use for free to make these changes. Tinyjpeg is a great tool and so is Google&#8217;s very own image compression tool Squoosh.<\/p>\n<p>Squoosh allows you to preview the changes in the quality of your images when you start making changes to your images. You simply just have to drag and drop your image into the web app and you are all set to make the adjustments to your image file size.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-142965\" src=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/02\/Image-SEO-Compression-tool-Squoosh-example-Las-Vegas.png\" alt=\"Image SEO - Compression tool Squoosh example\" width=\"624\" height=\"423\" srcset=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/02\/Image-SEO-Compression-tool-Squoosh-example-Las-Vegas.png 624w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/02\/Image-SEO-Compression-tool-Squoosh-example-Las-Vegas-300x203.png 300w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><\/p>\n<p>As you can see with the above Las Vegas sign image, the left side is the newly reduced file size at 27% smaller than the original on the right. Can you spot the difference in quality?<\/p>\n<p>Once you have made all the changes to your image file sizes, you can then test your site\u2019s page speed with one of the many tools available online.<\/p>\n<p>There are lots of tools that you can use to test your site\u2019s speed, such as WebPageTest.org or Pingdom. Google has a few great tools that you can use for free to check your site&#8217;s speed, Lighthouse, Pagespeed Insights, and their page speed tool Test My site.<\/p>\n<p>Loading times are important for <a href=\"https:\/\/searchenginewatch.com\/2019\/03\/19\/basic-ux-principles-seo-experts\/\" target=\"_blank\" rel=\"noopener noreferrer\">UX and SEO<\/a>, so make sure that you reduce your site\u2019s image file sizes to ensure that you have a fast loading site. This tweak to your site will pay off in the long run and is worth the little effort that it takes to make the change.<\/p>\n<h3><strong>4. Choose the best image file type<\/strong><\/h3>\n<p>Three main image file types are the most common that you can use across your site, they are JPEG, GIF, and PNG. Each one has its pros and cons. JPEG tends to be the best option as it\u2019s the format that provides the best options for maintaining image quality when compressed or resized.<\/p>\n<p>PNG is often used for logos as it gives you the ability to create a small image with a high-quality resolution. You need to be careful though as the higher quality display will result in a larger file size, which could cause issues with your page\u2019s performance.<\/p>\n<p>GIFs are similar to PNG files as they are good smaller images, they shouldn&#8217;t be used on product photos or lagers images.<\/p>\n<p>JPEG is the best option format as it keeps file sizes small without losing image quality and it is also universally supported.<\/p>\n<h3><strong>5. Create an image sitemap<\/strong><\/h3>\n<p>Just like a sitemap that you would create for all the pages on your site, creating an image sitemap or adding your images to your current sitemap, will help Google to discover your site&#8217;s images, increasing the likelihood that your images will be displayed in image search results and generating more site traffic.<\/p>\n<blockquote><p>\u201cImage sitemaps can contain URLs from other domains, unlike regular sitemaps, which enforce cross-domain restrictions. This allows you to use CDNs (content delivery networks) to host images. We encourage you to verify the CDN\u2019s domain name in Search Console so that we can inform you of any crawl errors that we may find.\u201d<\/p>\n<p>, says Google<\/p><\/blockquote>\n<p>It\u2019s important that you add your site\u2019s images to a sitemap and especially important if you run an ecommerce business and want all your product images to be indexed. You can add your images to your existing sitemap or create a new sitemap for your images. The main idea is that you want all of your images somewhere in your sitemaps.<\/p>\n<p>Placing your images in a sitemap increases the chances of search engines crawling and indexing your images which can then result in more site traffic.<\/p>\n<p>There are lots of different tools that you can use to help generate your site\u2019s sitemap, these two are a great starting point, but feel free to choose the one that is best suited for your needs.<\/p>\n<ol>\n<li>Screaming Frog: Screaming Frog is one of my go-to tools in my SEO arsenal, it\u2019s great desktop software that offers a wide range of SEO tools. It\u2019s also free to use including generating a sitemap as long as your website has fewer than 500 pages. For those of you with larger websites, you\u2019ll need to upgrade the paid version.<\/li>\n<li>Yoast: Yoast is a must-have SEO plugin if you are running WordPress, they make it super simple to create a sitemap, by simply toggling a switch.<\/li>\n<\/ol>\n<h3><strong>6. Open Graph and Twitter Cards<\/strong><\/h3>\n<p>By using Facebook&#8217;s <a href=\"https:\/\/ogp.me\/\" target=\"_blank\" rel=\"noopener noreferrer\">Open Graph<\/a> and <a href=\"https:\/\/developer.twitter.com\/en\/docs\/twitter-for-websites\/cards\/overview\/abouts-cards\" target=\"_blank\" rel=\"noopener noreferrer\">Twitter Cards<\/a> on your site, you will be making sure that your site\u2019s content is more clickable, shareable, and noticeable on social media.<\/p>\n<p>Facebook has a comprehensive list of OG tags that you can use across your site but I find that these are the ones that you will want to focus on.<\/p>\n<ul>\n<li>Og:title<\/li>\n<li>Og:url<\/li>\n<li>Og:image<\/li>\n<li>Og:type<\/li>\n<li>Og:description<\/li>\n<\/ul>\n<p>You will want to pay special attention to the og:image tag as this is the most essential Open Graph tag as it is the one that occupies the most social feed real estate.<\/p>\n<p>Twitter Cards work in the same way that Facebook&#8217;s Open Graph tags work.<\/p>\n<p>Using Twitter&#8217;s &#8216;<a href=\"https:\/\/developer.twitter.com\/en\/docs\/twitter-for-websites\/cards\/overview\/summary-card-with-large-image\" target=\"_blank\" rel=\"noopener noreferrer\">Summary Card with Large Image<\/a>&#8216; tag is one that you will want to focus on when it comes to images.<\/p>\n<blockquote><p><em>\u201cThe Summary Card with Large Image features a large, full-width prominent image alongside a tweet. It is designed to give the reader a rich photo experience, and clicking on the image brings the user to your website.\u201d<\/em><\/p><\/blockquote>\n<p>Once you have your tags in place on your site, you can test them to make sure they\u2019re working as expected and are ready for sharing.<\/p>\n<p>You can use these tools to check your site OG tags:<\/p>\n<ul>\n<li><a href=\"https:\/\/developers.facebook.com\/tools\/debug\/\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook Sharing Debugger<\/a><\/li>\n<li><a href=\"https:\/\/cards-dev.twitter.com\/validator\" target=\"_blank\" rel=\"noopener noreferrer\">Twitter Card Validator<\/a><\/li>\n<li><a href=\"https:\/\/www.linkedin.com\/post-inspector\/inspect\/\" target=\"_blank\" rel=\"noopener noreferrer\">LinkedIn Post Inspector<\/a><\/li>\n<\/ul>\n<p>If you take the time to add the HTML code to your site for both Open Graph and Twitter Cards, you can guarantee the image will appear on the social platforms each time your link is shared.<\/p>\n<h2><strong>Bonus image optimization tips<\/strong><\/h2>\n<p>Now that you have gone through the six tips for image optimization in 2021, here are three bonus tips to help you further optimize your site\u2019s images.<\/p>\n<h3><strong>7. Mobile-friendly images<\/strong><\/h3>\n<p>With Google\u2019s mobile-first indexing, it\u2019s important to think about how your site&#8217;s images will work on mobile. Just like you would make your site responsive, one thing you might not know is that you can make your sites responsive as well. Having responsive images will ensure that your images will work well on devices with widely differing screen sizes.<\/p>\n<h3><strong>8. Image file structure<\/strong><\/h3>\n<p>Google mentions in their updated image guidelines that they use the file path and file name to rank images.<\/p>\n<blockquote><p><em>\u201cCreate good URL structure for your images: Google uses the URL path as well as the file name to help it understand your images. Consider organizing your image content so that URLs are constructed logically.\u201d<\/em><\/p><\/blockquote>\n<p>So what does this mean for you? Well, let&#8217;s look at ecommerce optimization again as they usually feature multiple products. A good practice would be to place your images into different category folders that would correspond to your different products instead of just lumping them all into one generic folder.<\/p>\n<h3><strong>9. Structured data<\/strong><\/h3>\n<p>To help your images stand out even more you will want to add structured data. By adding structured data to your images, your images can then be displayed as rich results, which would then give users relevant information about your page, which could then drive better-targeted traffic to your site.<\/p>\n<p>Google Images supports structured data for:<\/p>\n<ul>\n<li>Product<\/li>\n<li>Video<\/li>\n<li>Recipe<\/li>\n<\/ul>\n<h2><strong>Conclusion<\/strong><\/h2>\n<p>Image SEO involves a few different aspects and elements to work to its full potential and search engines like Google and Bing are only going to get better at recognizing these elements.<\/p>\n<p>For comparison, image SEO is relatively easy, as far as SEO goes. It\u2019s not as complex as other aspects of SEO. If you take the time and put a little extra effort into properly optimizing your site&#8217;s images for both users and search engines every time you add an image to your website, you can give your pages a little extra edge in the search engines.<\/p>\n<p>Remember, Google, Bing, and other search engines aren\u2019t perfect, so you should try and do everything in your power to help them understand your images and you\u2019ll reap the benefits.<\/p>\n<p>So, before you start uploading and adding images to your site, make sure to follow the image optimization tips and best practices mentioned in this article.<\/p>\n<p>Key takeaways for image SEO best practices and tips for image optimization:<\/p>\n<ul>\n<li>Create an image sitemap or make sure your images are featured in your sitemap for crawlability and indexability<\/li>\n<li>Choose the right image file format<\/li>\n<li>Compress your images for faster page load speed<\/li>\n<li>Create unique images<\/li>\n<li>Create optimized image file names<\/li>\n<li>Write SEO-Friendly alt texts and make sure they are relevant to the page<\/li>\n<li>Like your site, make sure that your images are mobile-friendly<\/li>\n<li>Use high-quality and relevant images<\/li>\n<li>Customize file names<\/li>\n<li>Add structured data<\/li>\n<li>Create responsive images<\/li>\n<li>Create an optimized file structure<\/li>\n<\/ul>\n<p>Feel free to share your image SEO practices and queries in the comments section.<\/p>\n<p><em>Michael McManus is Sr. SEO Analyst at MavTek Inc.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>MavTek Inc.&#8217;s Sr. SEO Analyst shares some key image SEO tips and best practices to help you use images as an asset in your SEO strategy.<\/p>\n","protected":false},"author":1092,"featured_media":142968,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[770,27952,30,369,199,756,655,22,110,684],"content_type":[],"class_list":["post-142960","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","tag-bing-visual-search","tag-core-web-vitals","tag-ecommerce","tag-evergreen-content","tag-google-lens","tag-image-optimization","tag-image-seo","tag-seo","tag-site-speed","tag-visual-search-engines"],"acf":{"tad_independentcommercial":false,"tad_content_format":false},"post_info":{"name":"idris.nagri@blenheimchalcot.com idris.nagri@blenheimchalcot.com","title":"","thumbnail_url":"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/02\/Image-SEO-Best-practices-and-tips-for-image-optimization.png","category":"SEO","timeago":"5y"},"_links":{"self":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/posts\/142960","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/users\/1092"}],"replies":[{"embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/comments?post=142960"}],"version-history":[{"count":0,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/posts\/142960\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/media\/142968"}],"wp:attachment":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/media?parent=142960"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/categories?post=142960"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/tags?post=142960"},{"taxonomy":"content_type","embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/content_type?post=142960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}