{"id":834,"date":"2013-07-29T13:23:59","date_gmt":"2013-07-29T12:23:59","guid":{"rendered":"http:\/\/wphelpclub.com\/blog\/?post_type=postidea&#038;p=834"},"modified":"2013-07-29T13:40:07","modified_gmt":"2013-07-29T12:40:07","slug":"website-images-optimized-for-seo","status":"publish","type":"post","link":"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/","title":{"rendered":"Are your Website images optimized for SEO? 5 steps to make it happen"},"content":{"rendered":"<p>I have a confession to make. I&#8217;m not perfect and I learn everyday. Up until recently I was not making such a big deal about image optimization, if the image file size looked ok to me I would go with it. If I thought it was too heavy then I&#8217;ll try to reduce the file size somehow so that it would not slow down the site. Sure I was saving all my images as &#8216;save for the web&#8217; optimization, but that was it.<\/p>\n<p>That was until last week when Olivier, my other half and business partner in the WP Help Club first talked to me about&#8230;<!--more--> Image SEO and how we can improve site performance and google rankings by carefully optimizing images used on the website.<\/p>\n<p>Here is the thing: if you have a website, chances are you are using images for your website. Header, images in your posts, images in your sidebar. We know how powerful images can be. What you might not know is that images can really slow down your website and hurt your google rankings if you don&#8217;t follow simple rules.<\/p>\n<h2><span style=\"color: #99cc00;\">1) file format:<\/span><\/h2>\n<p>Whenever you can choose jpg over png (3x bigger). If you need a transparent background, jpg won&#8217;t cut it, but otherwise, stick with jpg.<\/p>\n<h2><span style=\"color: #99cc00;\">2) Choice of file name<\/span><\/h2>\n<p>if you are using an image for a blog post you are trying to rank for, use the keyword in the file name, that will let google know what your image is about and definitely help in your rankings. header-123238720.jpg tells nothing to google, but image-optimization.jpg is much more powerful.<\/p>\n<h2><span style=\"color: #99cc00;\">3) Size does matter \ud83d\ude42<\/span><\/h2>\n<p>Don&#8217;t load an image that is really big and then use WordPress to resize it with the width and height, the image still gets loaded big then resized by the browser which slows down your site.<br \/>\nResize the image first then upload it to WordPress. Takes a little bit more time I know, but well worth the effort.<\/p>\n<h2><span style=\"color: #99cc00;\">4) Use Optimizer tools<\/span><\/h2>\n<p>Run your images through an optimization tool before you upload them to your site.<br \/>\nThere are several tools out there that will optimize your images for the web and drastically reduce the file size. Our favorite so far is<br \/>\n<a href=\"http:\/\/tinypng.org\/\">tinypng.org<\/a><br \/>\nthis is the one where we got the best results.<br \/>\nAnother one I like is<br \/>\n<a href=\"http:\/\/tools.dynamicdrive.com\/imageoptimizer\/\">http:\/\/tools.dynamicdrive.com\/imageoptimizer\/<\/a><br \/>\nbecause it gives you options and you can decide what definition you&#8217;d like and compare images before you choose which one you&#8217;re going to use.<br \/>\nhere is a little test I ran on an image. The first one at the top is the original image, the ones below are options that I have and I can choose to download which one I want based on the size file\/quality of the image.<br \/>\nJust right click and save the images on your computer.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-842\" alt=\"tinypng\" src=\"http:\/\/wphelpclub.com\/blog\/wp-content\/uploads\/2013\/07\/tinypng.jpg\" width=\"989\" height=\"496\" srcset=\"https:\/\/wphelpclub.com\/blog\/wp-content\/uploads\/2013\/07\/tinypng.jpg 989w, https:\/\/wphelpclub.com\/blog\/wp-content\/uploads\/2013\/07\/tinypng-300x150.jpg 300w\" sizes=\"auto, (max-width: 989px) 100vw, 989px\" \/><\/p>\n<p>As an example this image just above was originaly 360Ko, just saving it as a jpg brought it down to 152Ko, that&#8217;s a over-50% gain.<\/p>\n<h2><span style=\"color: #99cc00;\">5) Add Alt Text to your images<\/span><\/h2>\n<p>Something that many people never do is to add the alt text to your images so that google know what the image is about. it can be the file name or a keyword if you&#8217;re trying to rank for a particular keyword. google can&#8217;t see images, it only sees text so you need to tell him what this image is about.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-846\" alt=\"image-alt-text\" src=\"http:\/\/wphelpclub.com\/blog\/wp-content\/uploads\/2013\/07\/image-alt-text.jpg\" width=\"575\" height=\"199\" srcset=\"https:\/\/wphelpclub.com\/blog\/wp-content\/uploads\/2013\/07\/image-alt-text.jpg 575w, https:\/\/wphelpclub.com\/blog\/wp-content\/uploads\/2013\/07\/image-alt-text-300x103.jpg 300w\" sizes=\"auto, (max-width: 575px) 100vw, 575px\" \/><\/p>\n<p><strong>Now I&#8217;d like to hear from you:<\/strong> are you already doing some image SEO or is that completely new to you? Would you be interested in finding out more about it? let me know in the comments below!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I have a confession to make. I&#8217;m not perfect and I learn everyday. Up until recently I was not making such a big deal about image optimization, if the image file size looked ok to me I would go with it. If I thought it was too heavy then I&#8217;ll try to reduce the file [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[4,7,6],"tags":[],"class_list":["post-834","post","type-post","status-publish","format-standard","hentry","category-general-news","category-technical-tips","category-wordpress-tips"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Are your Website images optimized for SEO? 5 steps to make it happen - WP Help Club Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nathalie DOREMIEUX\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/\"},\"author\":{\"name\":\"Nathalie DOREMIEUX\",\"@id\":\"https:\/\/wphelpclub.com\/blog\/#\/schema\/person\/8ca103ff9c8097bdcf31526b19ed8739\"},\"headline\":\"Are your Website images optimized for SEO? 5 steps to make it happen\",\"datePublished\":\"2013-07-29T12:23:59+00:00\",\"dateModified\":\"2013-07-29T12:40:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/\"},\"wordCount\":627,\"image\":{\"@id\":\"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/wphelpclub.com\/blog\/wp-content\/uploads\/2013\/07\/tinypng.jpg\",\"articleSection\":[\"General News\",\"Technical Tips\",\"WordPress Tips\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/\",\"url\":\"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/\",\"name\":\"Are your Website images optimized for SEO? 5 steps to make it happen - WP Help Club Blog\",\"isPartOf\":{\"@id\":\"https:\/\/wphelpclub.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/wphelpclub.com\/blog\/wp-content\/uploads\/2013\/07\/tinypng.jpg\",\"datePublished\":\"2013-07-29T12:23:59+00:00\",\"dateModified\":\"2013-07-29T12:40:07+00:00\",\"author\":{\"@id\":\"https:\/\/wphelpclub.com\/blog\/#\/schema\/person\/8ca103ff9c8097bdcf31526b19ed8739\"},\"breadcrumb\":{\"@id\":\"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/#primaryimage\",\"url\":\"http:\/\/wphelpclub.com\/blog\/wp-content\/uploads\/2013\/07\/tinypng.jpg\",\"contentUrl\":\"http:\/\/wphelpclub.com\/blog\/wp-content\/uploads\/2013\/07\/tinypng.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wphelpclub.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Are your Website images optimized for SEO? 5 steps to make it happen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wphelpclub.com\/blog\/#website\",\"url\":\"https:\/\/wphelpclub.com\/blog\/\",\"name\":\"WP Help Club Blog\",\"description\":\"WordPress Tutorials and News\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wphelpclub.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wphelpclub.com\/blog\/#\/schema\/person\/8ca103ff9c8097bdcf31526b19ed8739\",\"name\":\"Nathalie DOREMIEUX\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wphelpclub.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/82baece9470e0852eb4cf26a2f1eb24d0edc65a0105410afaedc0764bd27b174?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/82baece9470e0852eb4cf26a2f1eb24d0edc65a0105410afaedc0764bd27b174?s=96&d=mm&r=g\",\"caption\":\"Nathalie DOREMIEUX\"},\"sameAs\":[\"http:\/\/wphelpclub.com\",\"https:\/\/x.com\/https:\/\/twitter.com\/natdoremieux\"],\"url\":\"https:\/\/wphelpclub.com\/blog\/author\/nathalie\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Are your Website images optimized for SEO? 5 steps to make it happen - WP Help Club Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/","twitter_misc":{"Written by":"Nathalie DOREMIEUX","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/#article","isPartOf":{"@id":"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/"},"author":{"name":"Nathalie DOREMIEUX","@id":"https:\/\/wphelpclub.com\/blog\/#\/schema\/person\/8ca103ff9c8097bdcf31526b19ed8739"},"headline":"Are your Website images optimized for SEO? 5 steps to make it happen","datePublished":"2013-07-29T12:23:59+00:00","dateModified":"2013-07-29T12:40:07+00:00","mainEntityOfPage":{"@id":"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/"},"wordCount":627,"image":{"@id":"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/#primaryimage"},"thumbnailUrl":"http:\/\/wphelpclub.com\/blog\/wp-content\/uploads\/2013\/07\/tinypng.jpg","articleSection":["General News","Technical Tips","WordPress Tips"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/","url":"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/","name":"Are your Website images optimized for SEO? 5 steps to make it happen - WP Help Club Blog","isPartOf":{"@id":"https:\/\/wphelpclub.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/#primaryimage"},"image":{"@id":"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/#primaryimage"},"thumbnailUrl":"http:\/\/wphelpclub.com\/blog\/wp-content\/uploads\/2013\/07\/tinypng.jpg","datePublished":"2013-07-29T12:23:59+00:00","dateModified":"2013-07-29T12:40:07+00:00","author":{"@id":"https:\/\/wphelpclub.com\/blog\/#\/schema\/person\/8ca103ff9c8097bdcf31526b19ed8739"},"breadcrumb":{"@id":"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/#primaryimage","url":"http:\/\/wphelpclub.com\/blog\/wp-content\/uploads\/2013\/07\/tinypng.jpg","contentUrl":"http:\/\/wphelpclub.com\/blog\/wp-content\/uploads\/2013\/07\/tinypng.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/wphelpclub.com\/blog\/website-images-optimized-for-seo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wphelpclub.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Are your Website images optimized for SEO? 5 steps to make it happen"}]},{"@type":"WebSite","@id":"https:\/\/wphelpclub.com\/blog\/#website","url":"https:\/\/wphelpclub.com\/blog\/","name":"WP Help Club Blog","description":"WordPress Tutorials and News","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wphelpclub.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wphelpclub.com\/blog\/#\/schema\/person\/8ca103ff9c8097bdcf31526b19ed8739","name":"Nathalie DOREMIEUX","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wphelpclub.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/82baece9470e0852eb4cf26a2f1eb24d0edc65a0105410afaedc0764bd27b174?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/82baece9470e0852eb4cf26a2f1eb24d0edc65a0105410afaedc0764bd27b174?s=96&d=mm&r=g","caption":"Nathalie DOREMIEUX"},"sameAs":["http:\/\/wphelpclub.com","https:\/\/x.com\/https:\/\/twitter.com\/natdoremieux"],"url":"https:\/\/wphelpclub.com\/blog\/author\/nathalie\/"}]}},"_links":{"self":[{"href":"https:\/\/wphelpclub.com\/blog\/wp-json\/wp\/v2\/posts\/834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wphelpclub.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wphelpclub.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wphelpclub.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wphelpclub.com\/blog\/wp-json\/wp\/v2\/comments?post=834"}],"version-history":[{"count":0,"href":"https:\/\/wphelpclub.com\/blog\/wp-json\/wp\/v2\/posts\/834\/revisions"}],"wp:attachment":[{"href":"https:\/\/wphelpclub.com\/blog\/wp-json\/wp\/v2\/media?parent=834"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wphelpclub.com\/blog\/wp-json\/wp\/v2\/categories?post=834"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wphelpclub.com\/blog\/wp-json\/wp\/v2\/tags?post=834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}