{"id":12772,"date":"2019-05-09T13:45:16","date_gmt":"2019-05-09T10:45:16","guid":{"rendered":"https:\/\/www.reliablesoft.net\/?p=12772"},"modified":"2021-06-28T14:47:25","modified_gmt":"2021-06-28T11:47:25","slug":"image-seo","status":"publish","type":"post","link":"https:\/\/www.reliablesoft.net\/image-seo\/","title":{"rendered":"SEO for Images: A Complete Guide (With Checklist)"},"content":{"rendered":"<p>Images are important for SEO. A recent study that analyzed in detail 1 million Google search results concluded that web pages with at least one image had better rankings than content with no images.<\/p>\n<p>In this Image SEO Guide, you will learn how to SEO your images for greater visibility in Search Engines.<\/p>\n<p>Besides their SEO value, images, and other media elements (videos, audio) are vital to your content\u2019s success for a number of other reasons.<\/p>\n<p><strong>SEO Benefits from using images in your content<\/strong><\/p>\n<ol>\n<li>They make your content more interesting and this means visitors are more likely to actually read your article. It is not a surprise that content with relevant images gets 94% more views than content without.<\/li>\n<li>Your readers are more likely to share a page with image(s) in social media and the shared post has more chances of getting more social media attention than plain text posts. According to a recent study by <em>Buffer<\/em>, posts with images get 150% more retweets.<\/li>\n<li>They make it easier for you (the writer), to explain a concept or make a point stronger.<\/li>\n<li>It\u2019s another easy way to enforce your SEO by giving search engines the right signals on what your content is about through images.<\/li>\n<li>Your images can rank higher in <em>Google Image Search<\/em> and get more traffic to your website.<\/li>\n<\/ol>\n<figure>\n<div class=\"videoWrapper\"><iframe src=\"https:\/\/www.youtube.com\/embed\/mGCOK-POH3o?fs=0&amp;wmode=transparent&amp;autohide=1&amp;rel=0&amp;modestbranding=1\" width=\"560\" height=\"315\" frameborder=\"0\"><\/iframe><\/div><figcaption>Video: Image SEO Best Practices<\/figcaption><\/figure>\n<h2>How to Optimize Your Images for Search Engines<\/h2>\n<p>There are several elements to optimize when using images in your content. Let\u2019s see below how to best optimize your images.<\/p>\n<h3>1. Optimize the Image Filename<\/h3>\n<p>The name of the image is the first thing to check, before even uploading to your website.<\/p>\n<p>Image Filenames should be informative and accurately describe the image.<\/p>\n<p>When you purchase an image or take a photo using your phone, they usually have names like DC0001IMG.jpg (or similar) that do not make any sense.<\/p>\n<p>Instead, you should rename your image to a more meaningful name i.e. \u201cnexus-6p-rear-view.jpg\u201d or \u201clink-building-guidelines.png\u201d.<\/p>\n<p>In other words, the filename should describe the image in the least number of words possible.<\/p>\n<h3>2. Optimize the Image file size<\/h3>\n<p>As a general rule of thumb the smaller the image size is (in bytes) the better.<\/p>\n<p>Large images take longer to load and this can negatively impact the user experience especially for mobile users.<\/p>\n<p>A good practice is to use image optimization tools that can reduce the file size of an image without losing quality.<\/p>\n<p>For all the images I use in my posts, I first open them in <em>Pixelmator<\/em> (similar to Photoshop), resize them and then export them in png or jpg.<\/p>\n<p>Before uploading to my website, I optimize their file size with <em>imageoptim<\/em>. This reduces the file size without affecting the quality.<\/p>\n<p>Besides <em>imageoptim<\/em> another great tool to use is <a href=\"https:\/\/imagecompressor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">image compressor<\/a> (available online).<\/p>\n<h3>3. Use Responsive images<\/h3>\n<p>Since version 4.4, there is native support for responsive images in WordPress.<\/p>\n<p>This means that when you upload an image to your pages or posts, WordPress will create a number of smaller images in different sizes and will automatically fetch those to users depending on the device they are using.<\/p>\n<p>If you are not on WordPress, you can implement responsive images using CSS. <strong><a href=\"https:\/\/www.w3schools.com\/howto\/howto_css_image_responsive.asp\" target=\"_blank\" rel=\"noopener noreferrer\">This guide<\/a><\/strong> can help you get started.<\/p>\n<p>Here is an example of how responsive images work:<\/p>\n<p>You upload a big image (1000&#215;600) to your post. The file size of the image is 100KB. When users on mobile view your page, they won\u2019t have to download this image and waste their bandwidth but WordPress will automatically show users an image that is 320&#215;200 in size and only 15KB.<\/p>\n<p>The result is less bandwidth and faster loading speeds.<\/p>\n<h3>4. Optimize the Image Alt Text<\/h3>\n<p>Alt-text is the most important element for image SEO.<\/p>\n<p>Search engine crawlers are not so good in understanding what an image is about and although they are getting better year by year on image recognition, they still need the help of the ALT Text.<\/p>\n<p><strong>Why is ALT Text important?<\/strong><\/p>\n<p><a href=\"https:\/\/www.reliablesoft.net\/alt-text\/\"><strong>Alt-text<\/strong><\/a> is used to describe the contents of an image to bots and also as a guide for people that are visually impaired and cannot actually see the image.<\/p>\n<p>When writing ALT text of your images have the following in mind:<\/p>\n<ul>\n<li>Don\u2019t use dashes in your alt text. Write normally and try to describe in a few words what the image is about.<\/li>\n<li>Use keywords that are relevant to the content of the page but don\u2019t overdo it.<\/li>\n<li>Keep your alt text short and to the point<\/li>\n<li>Some people (including me) tend to use the post title as the alt text of the featured image and although this is not the most efficient way, it is acceptable and common practice.<\/li>\n<li>See below what Google an example is given by Google about the use of ALT TEXT.<\/li>\n<\/ul>\n<figure id=\"attachment_12775\" aria-describedby=\"caption-attachment-12775\" style=\"width: 1402px\" class=\"wp-caption alignnone\"><img class=\"size-full wp-image-12775\" src=\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2019\/05\/image-alt-text-example.png\" alt=\"Image SEO Alt Text Example\" width=\"1402\" height=\"344\" srcset=\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2019\/05\/image-alt-text-example.png 1402w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2019\/05\/image-alt-text-example-300x74.png 300w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2019\/05\/image-alt-text-example-768x188.png 768w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2019\/05\/image-alt-text-example-1024x251.png 1024w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2019\/05\/image-alt-text-example-400x98.png 400w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2019\/05\/image-alt-text-example-600x147.png 600w\" sizes=\"(max-width: 1402px) 100vw, 1402px\" \/><figcaption id=\"caption-attachment-12775\" class=\"wp-caption-text\">Image SEO Alt Text Example<\/figcaption><\/figure>\n<h3>5. Optimize the Image Caption and Title<\/h3>\n<p>Besides the ALT text, search engines can use the image title and caption to better understand the subject matter of your image, so it is necessary to provide them with these values.<\/p>\n<h3>6. Optimize Image Placement<\/h3>\n<p>You can position your images anywhere you want in the page but if you want a particular image to be taken into account by search engines as an important image of your content (may it\u2019s a custom image you did that is unique, original, and useful), then you need to add it closer to the top with the relevant alt text, image title, and caption.<\/p>\n<h3>7. Don\u2019t add Important Text Inside an Image<\/h3>\n<p>Avoid having text in an image that is important for users to read. Embed text is hard to read by both search engines and users. To describe an image to users use the <em>caption<\/em> and to search engines use the ALT Text.<\/p>\n<h3>8. Add Structured Data (Image Schema)<\/h3>\n<p>Schemas help search engines understand the content of a page better. In the case of images, you can implement the <a href=\"https:\/\/schema.org\/image\" target=\"_blank\" rel=\"noopener noreferrer\">image schema<\/a> by adding the relevant structured data markup on your pages.<\/p>\n<p>Google can then display your images as rich results and drive more traffic to your website.<\/p>\n<blockquote><p><strong>Further Reading:<\/strong> <a href=\"https:\/\/www.reliablesoft.net\/what-is-schema-markup\/\">What is Schema Markup in SEO <\/a><\/p><\/blockquote>\n<h3><strong>9. Add Open graph meta tags<\/strong><\/h3>\n<p>Open Graph is a protocol introduced by Facebook. The concept is similar to schema markup where you use tags to help crawlers identify the important parts of your content and their meaning.<\/p>\n<p>Open Graph tags allow you to specify which image Facebook (and other social networks) will use when users click the SHARE or LIKE buttons from your website.<\/p>\n<p>When you have a page with more than one image, you can use the <em>og:image<\/em> tags to tell FB which image to use.<\/p>\n<p>The best way to add open graph protocol support to your WordPress website is to install the Yoast SEO Plugin.<\/p>\n<h3><strong>10. Use an Image Sitemap<\/strong><\/h3>\n<p>I have explained the importance of having an <strong><a href=\"https:\/\/www.reliablesoft.net\/how-to-optimize-your-xml-sitemap-for-maximum-seo\/\">optimized XML sitemap<\/a><\/strong> in a previous post, for Image SEO purposes you can further enrich your sitemap to provide information about your images or use a dedicated image sitemap.<\/p>\n<p>If you choose to include images in your existing sitemap, you can use the example below as a guide:<\/p>\n<figure id=\"attachment_791\" aria-describedby=\"caption-attachment-791\" style=\"width: 1444px\" class=\"wp-caption alignnone\"><img class=\"size-full wp-image-791\" src=\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2016\/01\/image-sitemap-example.png\" alt=\"Image Sitemap Example\" width=\"1444\" height=\"556\" srcset=\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2016\/01\/image-sitemap-example.png 1444w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2016\/01\/image-sitemap-example-300x116.png 300w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2016\/01\/image-sitemap-example-768x296.png 768w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2016\/01\/image-sitemap-example-1024x394.png 1024w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2016\/01\/image-sitemap-example-600x231.png 600w\" sizes=\"(max-width: 1444px) 100vw, 1444px\" \/><figcaption id=\"caption-attachment-791\" class=\"wp-caption-text\">Image Sitemap Example<\/figcaption><\/figure>\n<blockquote><p>If you use Yoast SEO to generate the XML sitemap, images are already included so you don&#8217;t need a separate sitemap for images.<\/p><\/blockquote>\n<h3>11. Avoid having images and no text<\/h3>\n<p>Don\u2019t forget that search engines cannot read the text if it is embedded in an image so for maximum SEO avoid having pages full of images and no text.<\/p>\n<h2>Image SEO Checklist<\/h2>\n<p>Here is your image SEO checklist:<\/p>\n<div id=\"check_list\">\n<ul>\n<li>Optimize the image Filename<\/li>\n<li>Optimize the image file size<\/li>\n<li>Use responsive images<\/li>\n<li>Optimize the image alt text<\/li>\n<li>Optimize the image caption and title<\/li>\n<li>Optimize Image Placement<\/li>\n<li>Don\u2019t add important text inside an image<\/li>\n<li>Add structured data (Image Schema)<\/li>\n<li>Add Open graph meta tags<\/li>\n<li>Use an image sitemap<\/li>\n<li>Avoid having images and no text<\/li>\n<\/ul>\n<\/div>\n<h2>Conclusion<\/h2>\n<p>Images are important from an SEO perceptive and are also vital for making your content more interesting and readable.<\/p>\n<p>From my experience, many people don\u2019t do any SEO optimization when using images in their content and this an <a href=\"https:\/\/www.reliablesoft.net\/seo-mistakes\/\"><strong>SEO mistake<\/strong><\/a> that has to be avoided..<\/p>\n<figure id=\"attachment_12784\" aria-describedby=\"caption-attachment-12784\" style=\"width: 998px\" class=\"wp-caption alignnone\"><img class=\"size-full wp-image-12784\" src=\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2019\/05\/image-seo-guidelines.png\" alt=\"Image SEO Best Practices\" width=\"998\" height=\"718\" srcset=\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2019\/05\/image-seo-guidelines.png 998w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2019\/05\/image-seo-guidelines-300x216.png 300w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2019\/05\/image-seo-guidelines-768x553.png 768w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2019\/05\/image-seo-guidelines-400x288.png 400w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2019\/05\/image-seo-guidelines-600x432.png 600w\" sizes=\"(max-width: 998px) 100vw, 998px\" \/><figcaption id=\"caption-attachment-12784\" class=\"wp-caption-text\">Image SEO Best Practices<\/figcaption><\/figure>\n<p>As you have read above, image SEO is a straightforward task. You reduce the file size as much as possible, give it a meaningful file name, provide for an ALT text, write a title and caption, and add it to your sitemap.<\/p>\n<p>It\u2019s not a time-consuming task and the benefits are much more than the extra time it takes to do it.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Images are important for SEO. A recent study that analyzed in detail 1 million Google search results concluded that web pages with at least one image had better rankings than content with no images. In this Image SEO Guide, you will learn how to SEO your images for greater visibility in Search Engines. Besides their [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":12788,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","mc4wp_mailchimp_campaign":[]},"categories":[3],"tags":[483,128,517],"_links":{"self":[{"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/posts\/12772"}],"collection":[{"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/comments?post=12772"}],"version-history":[{"count":16,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/posts\/12772\/revisions"}],"predecessor-version":[{"id":20336,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/posts\/12772\/revisions\/20336"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/media\/12788"}],"wp:attachment":[{"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/media?parent=12772"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/categories?post=12772"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/tags?post=12772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}