{"id":2003,"date":"2014-01-05T13:57:42","date_gmt":"2014-01-05T18:57:42","guid":{"rendered":"http:\/\/www.powrsurg.com\/blog\/?p=2003"},"modified":"2014-01-05T15:31:49","modified_gmt":"2014-01-05T20:31:49","slug":"alt-text-photos","status":"publish","type":"post","link":"https:\/\/www.powrsurg.com\/blog\/2014\/01\/05\/alt-text-photos\/","title":{"rendered":"Alt Text For Photos"},"content":{"rendered":"<p itemprop=\"description\"><strong>Alt text<\/strong> is a short text description for a photo on a web page. This description explains the photo to search engines and the disabled.<\/p>\n<p>Before I dive much further I want to clear up some confusion you may have. &#8220;Alt text&#8221; is short for &#8220;alternative text&#8221;. It is also commonly called the <strong>alt attribute<\/strong> or the <strong>alt tag<\/strong>. Calling it the alt attribute refers to the technical method of assigning alt text to a photo. Calling it the alt tag is a misnomer. There is <a href=\"http:\/\/www.456bereastreet.com\/archive\/200511\/its_alt_attribute_not_alt_tag\/\">no such thing as an alt tag<\/a>. I would love to know where this misconception originated. It goes back long before I started building websites.<\/p>\n<h2>The Role of Alt Text in SEO<\/h2>\n<p>Photos are a critical part of SEO. Your imagery helps separate you from your competition. This wow-factor will impress your average visitor, but a search engine cannot <em>see<\/em> the image. Think of a search engine as a blind person. They need a text description to understand the meaning of the photo. Providing a description for the photo makes them <a href=\"http:\/\/googlewebmastercentral.blogspot.com\/2007\/12\/using-alt-attributes-smartly.html\">more discoverable on the web<\/a>. If a user sees your photo in Google Image Search they can then browse to the original page for that photo.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.powrsurg.com\/blog\/wp-content\/uploads\/2014\/01\/alt-text-photo-meme.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2004\" itemprop=\"image\" alt=\"YO DAWG I HEARD YOU LIKE ALT TEXT ON YOUR PHOTOS SO WE PUT ALT TEXT ON YO PHOTO SO YOU CAN READ ALT TEXT FOR A PHOTO WHILE YOU READ ALT TEXT FOR A PHOTO.\" src=\"http:\/\/www.powrsurg.com\/blog\/wp-content\/uploads\/2014\/01\/alt-text-photo-meme.jpg\" width=\"480\" height=\"310\" srcset=\"https:\/\/www.powrsurg.com\/blog\/wp-content\/uploads\/2014\/01\/alt-text-photo-meme.jpg 480w, https:\/\/www.powrsurg.com\/blog\/wp-content\/uploads\/2014\/01\/alt-text-photo-meme-300x193.jpg 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/a><\/p>\n<h2>Tips for Writing Alt Text<\/h2>\n<ul>\n<li>Keep the description short. I recommend you keeping it around the length of a tweet (but don&#8217;t shorten words since there is no limit).<\/li>\n<li><!--more-->When writing alt text think how you would describe the image to a blind person. That is the original purpose of alt text.<\/li>\n<li>Do not include &#8220;Photo of&#8221; or &#8220;Image of&#8221;. Search engines and screen readers already know it&#8217;s an image.<\/li>\n<li>If the photo has text, use that as the description.<\/li>\n<li>If possible, include the focus keyword.<\/li>\n<li>Do <strong>not<\/strong> stuff many keywords.<\/li>\n<li>Do not write the description like it is a mouse over tooltip. Use the <code>title<\/code> attribute for a tooltip. This practice began when IE was the dominant browser since that was the behavior in IE. IE stopped displaying these a tooltip for alt text in <a href=\"http:\/\/msdn.microsoft.com\/en-us\/library\/cc288472.aspx#access\">IE8<\/a>.<\/li>\n<li>For photos that are purely decorative simply use a single space as the alt text. This implies that this photo is not important to the content on the page.<\/li>\n<\/ul>\n<p>Now that you know just how important alt text is to a photo be sure to use the <a href=\"http:\/\/www.feedthebot.com\/tools\/alt\/\">Image SEO Tool<\/a> to check a page on your site. You want to verify that every image has alt text. Specifying alt text on every image will help improve your SEO efforts. Thank you and keep building your brand. This post was originally published as <a href=\"http:\/\/www.brandbuilderwebsites.com\/blog\/2013\/12\/12\/alt-text-photos\/\">Alt Text For Photos<\/a> for <a href=\"http:\/\/www.brandbuilderwebsites.com\/\">Brand Builder Websites<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Alt text is a short text description for a photo on a web page. This description explains the photo to search engines and the disabled. Before I dive much further I want to clear up some confusion you may have. &#8220;Alt text&#8221; is short for &#8220;alternative text&#8221;. It is also commonly called the alt attribute [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34,19,53,92,2],"tags":[],"class_list":["post-2003","post","type-post","status-publish","format-standard","hentry","category-google-2","category-informative","category-search-engine-optimization","category-web-design","category-wrestling"],"_links":{"self":[{"href":"https:\/\/www.powrsurg.com\/blog\/wp-json\/wp\/v2\/posts\/2003","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.powrsurg.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.powrsurg.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.powrsurg.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.powrsurg.com\/blog\/wp-json\/wp\/v2\/comments?post=2003"}],"version-history":[{"count":2,"href":"https:\/\/www.powrsurg.com\/blog\/wp-json\/wp\/v2\/posts\/2003\/revisions"}],"predecessor-version":[{"id":2007,"href":"https:\/\/www.powrsurg.com\/blog\/wp-json\/wp\/v2\/posts\/2003\/revisions\/2007"}],"wp:attachment":[{"href":"https:\/\/www.powrsurg.com\/blog\/wp-json\/wp\/v2\/media?parent=2003"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.powrsurg.com\/blog\/wp-json\/wp\/v2\/categories?post=2003"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.powrsurg.com\/blog\/wp-json\/wp\/v2\/tags?post=2003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}