{"id":13307,"date":"2023-05-19T15:40:34","date_gmt":"2023-05-19T15:40:34","guid":{"rendered":"https:\/\/www.cgcolors.com\/blog\/"},"modified":"2023-07-20T17:34:09","modified_gmt":"2023-07-20T17:34:09","slug":"how-to-add-alt-tags-on-images-and-why-you-should-add-them","status":"publish","type":"post","link":"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them","title":{"rendered":"How to add alt tags on images and why you should add them"},"content":{"rendered":"<h3>1. What Is Alt Text?<\/h3>\r\n<p>Alt text, or alternative text, is a short description added to the HTML code of a webpage to explain the content of an image. It helps search engines understand the image and assists users with visual impairments who rely on screen readers.\r\n<\/p>\r\n<h3>2. Why Is Alt Text Important for Image SEO?<\/h3>\r\n<p>Alt text plays a crucial role in image SEO (Search Engine Optimization) for several reasons. Firstly, a significant portion of online searches involve Google Image searches, accounting for about 22.6% of all searches. As a result, images present a valuable opportunity to attract more organic traffic through SEO.<\/p>\r\n<h3>3. How to add alt and title attributes in Shopify<\/h3>\r\n<p>To add alt and title attributes in Shopify, follow these steps:<\/p>\r\n<ul>\r\n    <li>Open your Shopify store and navigate to the page where you want to add the alt and title attributes to an image.<\/li>\r\n    <li>Locate the image you want to edit and click on it to access the image editor screen.<\/li>\r\n    <li>Look for the option to &#8216;Edit alt text&#8217; and click on it. This will allow you to modify the alt text for the image.<\/li>\r\n    <li>In the provided field, enter the desired alt text for the image. Alt text should be a concise description of the image&#8217;s content and purpose, typically around 125 characters or less.<\/li>\r\n    <li>If you also want to add a title attribute to the image, check if there is an option to edit the image&#8217;s title. If available, enter the relevant title text in the provided field. The title attribute is displayed as a tooltip when a user hovers over the image.\r\n    <\/li>\r\n    <li>Once you have entered the alt and title attributes, save your changes.<\/li>\r\n    <li>Repeat these steps for any other images on the page that require alt and title attributes.<\/li>\r\n<\/ul>\r\n<p>Remember, providing accurate and descriptive alt text and title attributes is essential for accessibility and search engine optimization (SEO). It helps visually impaired users understand the content of the image and allows search engines to better index and rank your site.\r\n<\/p>","protected":false},"excerpt":{"rendered":"<p>1. What Is Alt Text? Alt text, or alternative text, is a short description added to the HTML code of a webpage to explain the content of an image. It helps search engines understand the image and assists users with visual impairments who rely on screen readers. 2. Why Is &hellip; <a href=\"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\" class=\"permalinkRead\">Read More<span class=\"screen-reader-text\"> &#8220;How to add alt tags on images and why you should add them&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":13312,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to add alt tags on images and why you should add them<\/title>\n<meta name=\"description\" content=\"In this blog we will learn how to add alt tags on images and why you should add them. It helps visually impaired users understand the content of the image and allows search engines to better index and rank your site.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add alt tags on images and why you should add them\" \/>\n<meta property=\"og:description\" content=\"In this blog we will learn how to add alt tags on images and why you should add them. It helps visually impaired users understand the content of the image and allows search engines to better index and rank your site.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/\" \/>\n<meta property=\"og:site_name\" content=\"CG Colors Inc.\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/cg.colors\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-19T15:40:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-20T17:34:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cgcolors.com\/wp-content\/uploads\/2023\/05\/How-to-add-alt-tags-on-images-and-why-you-should-add-them.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"787\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Saurabh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@cgcolorsinc\" \/>\n<meta name=\"twitter:site\" content=\"@cgcolorsinc\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Saurabh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/\"},\"author\":{\"name\":\"Saurabh\",\"@id\":\"https:\/\/www.cgcolors.com\/#\/schema\/person\/c26949d06ae3db57de575da520fb6fb3\"},\"headline\":\"How to add alt tags on images and why you should add them\",\"datePublished\":\"2023-05-19T15:40:34+00:00\",\"dateModified\":\"2023-07-20T17:34:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/\"},\"wordCount\":345,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.cgcolors.com\/#organization\"},\"articleSection\":[\"All\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/\",\"url\":\"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/\",\"name\":\"How to add alt tags on images and why you should add them\",\"isPartOf\":{\"@id\":\"https:\/\/www.cgcolors.com\/#website\"},\"datePublished\":\"2023-05-19T15:40:34+00:00\",\"dateModified\":\"2023-07-20T17:34:09+00:00\",\"description\":\"In this blog we will learn how to add alt tags on images and why you should add them. It helps visually impaired users understand the content of the image and allows search engines to better index and rank your site.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cgcolors.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add alt tags on images and why you should add them\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cgcolors.com\/#website\",\"url\":\"https:\/\/www.cgcolors.com\/\",\"name\":\"CG Colors Inc.\",\"description\":\"Web Design and Digital Marketing Agency\",\"publisher\":{\"@id\":\"https:\/\/www.cgcolors.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cgcolors.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.cgcolors.com\/#organization\",\"name\":\"CGCOLORS, Inc.\",\"url\":\"https:\/\/www.cgcolors.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.cgcolors.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.cgcolors.com\/wp-content\/uploads\/2021\/07\/cropped-logo-main.png\",\"contentUrl\":\"https:\/\/www.cgcolors.com\/wp-content\/uploads\/2021\/07\/cropped-logo-main.png\",\"width\":512,\"height\":512,\"caption\":\"CGCOLORS, Inc.\"},\"image\":{\"@id\":\"https:\/\/www.cgcolors.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/cg.colors\",\"https:\/\/twitter.com\/cgcolorsinc\",\"https:\/\/www.linkedin.com\/company\/cgcolors\/\",\"https:\/\/www.youtube.com\/channel\/UCQjIiQhP3-xr0UOPhmUASqA\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cgcolors.com\/#\/schema\/person\/c26949d06ae3db57de575da520fb6fb3\",\"name\":\"Saurabh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.cgcolors.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2888442a72e61f50f916d62faba4e25c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2888442a72e61f50f916d62faba4e25c?s=96&d=mm&r=g\",\"caption\":\"Saurabh\"},\"description\":\"Lorem Ipsum is simply dummy text of the printing. Lorem Ipsum has been the industry's standard, when an unknown printer took a galley of type and scrambled it to make a type specimen book.\",\"sameAs\":[\"https:\/\/www.cgcolors.com\"],\"url\":\"https:\/\/www.cgcolors.com\/author\/saurabh\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add alt tags on images and why you should add them","description":"In this blog we will learn how to add alt tags on images and why you should add them. It helps visually impaired users understand the content of the image and allows search engines to better index and rank your site.","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:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/","og_locale":"en_US","og_type":"article","og_title":"How to add alt tags on images and why you should add them","og_description":"In this blog we will learn how to add alt tags on images and why you should add them. It helps visually impaired users understand the content of the image and allows search engines to better index and rank your site.","og_url":"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/","og_site_name":"CG Colors Inc.","article_publisher":"https:\/\/www.facebook.com\/cg.colors","article_published_time":"2023-05-19T15:40:34+00:00","article_modified_time":"2023-07-20T17:34:09+00:00","og_image":[{"width":1400,"height":787,"url":"https:\/\/www.cgcolors.com\/wp-content\/uploads\/2023\/05\/How-to-add-alt-tags-on-images-and-why-you-should-add-them.jpg","type":"image\/jpeg"}],"author":"Saurabh","twitter_card":"summary_large_image","twitter_creator":"@cgcolorsinc","twitter_site":"@cgcolorsinc","twitter_misc":{"Written by":"Saurabh","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/#article","isPartOf":{"@id":"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/"},"author":{"name":"Saurabh","@id":"https:\/\/www.cgcolors.com\/#\/schema\/person\/c26949d06ae3db57de575da520fb6fb3"},"headline":"How to add alt tags on images and why you should add them","datePublished":"2023-05-19T15:40:34+00:00","dateModified":"2023-07-20T17:34:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/"},"wordCount":345,"commentCount":0,"publisher":{"@id":"https:\/\/www.cgcolors.com\/#organization"},"articleSection":["All"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/","url":"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/","name":"How to add alt tags on images and why you should add them","isPartOf":{"@id":"https:\/\/www.cgcolors.com\/#website"},"datePublished":"2023-05-19T15:40:34+00:00","dateModified":"2023-07-20T17:34:09+00:00","description":"In this blog we will learn how to add alt tags on images and why you should add them. It helps visually impaired users understand the content of the image and allows search engines to better index and rank your site.","breadcrumb":{"@id":"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.cgcolors.com\/blog\/how-to-add-alt-tags-on-images-and-why-you-should-add-them\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cgcolors.com\/"},{"@type":"ListItem","position":2,"name":"How to add alt tags on images and why you should add them"}]},{"@type":"WebSite","@id":"https:\/\/www.cgcolors.com\/#website","url":"https:\/\/www.cgcolors.com\/","name":"CG Colors Inc.","description":"Web Design and Digital Marketing Agency","publisher":{"@id":"https:\/\/www.cgcolors.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cgcolors.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.cgcolors.com\/#organization","name":"CGCOLORS, Inc.","url":"https:\/\/www.cgcolors.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cgcolors.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.cgcolors.com\/wp-content\/uploads\/2021\/07\/cropped-logo-main.png","contentUrl":"https:\/\/www.cgcolors.com\/wp-content\/uploads\/2021\/07\/cropped-logo-main.png","width":512,"height":512,"caption":"CGCOLORS, Inc."},"image":{"@id":"https:\/\/www.cgcolors.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/cg.colors","https:\/\/twitter.com\/cgcolorsinc","https:\/\/www.linkedin.com\/company\/cgcolors\/","https:\/\/www.youtube.com\/channel\/UCQjIiQhP3-xr0UOPhmUASqA"]},{"@type":"Person","@id":"https:\/\/www.cgcolors.com\/#\/schema\/person\/c26949d06ae3db57de575da520fb6fb3","name":"Saurabh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cgcolors.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2888442a72e61f50f916d62faba4e25c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2888442a72e61f50f916d62faba4e25c?s=96&d=mm&r=g","caption":"Saurabh"},"description":"Lorem Ipsum is simply dummy text of the printing. Lorem Ipsum has been the industry's standard, when an unknown printer took a galley of type and scrambled it to make a type specimen book.","sameAs":["https:\/\/www.cgcolors.com"],"url":"https:\/\/www.cgcolors.com\/author\/saurabh\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cgcolors.com\/wp-json\/wp\/v2\/posts\/13307"}],"collection":[{"href":"https:\/\/www.cgcolors.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cgcolors.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cgcolors.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cgcolors.com\/wp-json\/wp\/v2\/comments?post=13307"}],"version-history":[{"count":2,"href":"https:\/\/www.cgcolors.com\/wp-json\/wp\/v2\/posts\/13307\/revisions"}],"predecessor-version":[{"id":13313,"href":"https:\/\/www.cgcolors.com\/wp-json\/wp\/v2\/posts\/13307\/revisions\/13313"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cgcolors.com\/wp-json\/wp\/v2\/media\/13312"}],"wp:attachment":[{"href":"https:\/\/www.cgcolors.com\/wp-json\/wp\/v2\/media?parent=13307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cgcolors.com\/wp-json\/wp\/v2\/categories?post=13307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cgcolors.com\/wp-json\/wp\/v2\/tags?post=13307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}