{"id":84596,"date":"2018-04-16T11:22:30","date_gmt":"2018-04-16T15:22:30","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=84596"},"modified":"2018-04-16T11:23:28","modified_gmt":"2018-04-16T15:23:28","slug":"image-alt-text-vs-image-title-in-wordpress-whats-the-difference","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/image-alt-text-vs-image-title-in-wordpress-whats-the-difference.html","title":{"rendered":"Image alt text vs image title in WordPress &#8211; whats the difference?"},"content":{"rendered":"<p>Hello, our Support Team is ready to present you a new tutorial that shows the <strong>difference<\/strong> between the <strong>Image alt<\/strong> text and <strong>image title<\/strong> in WordPress. <\/p>\r\n<p><strong>Alt text<\/strong> or alternate text is an attribute of image tag in HTML. This text usually appears inside the image container in case the image can not be displayed. It gives the search engines information what an image is about. <\/p>\r\n<ol>\r\n<li><p>WordPress allows you to add Alt text for your images when you upload them via default media uploader to the Media Library.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/04\/image_alt_text_vs_alt_difference_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/04\/image_alt_text_vs_alt_difference_1.png\" alt=\"\" width=\"962\" height=\"567\" class=\"alignnone size-full wp-image-84597\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/image_alt_text_vs_alt_difference_1.png 962w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/image_alt_text_vs_alt_difference_1-150x88.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/image_alt_text_vs_alt_difference_1-300x177.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/image_alt_text_vs_alt_difference_1-768x453.png 768w\" sizes=\"(max-width: 962px) 100vw, 962px\" \/><\/a>\r\n<\/li>\r\n<li><p>You can also add alt text to an image via <strong>Media > Library<\/strong>. Click on the <strong>Edit<\/strong> link below the image.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/04\/image_alt_text_vs_alt_difference_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/04\/image_alt_text_vs_alt_difference_2.png\" alt=\"\" width=\"844\" height=\"615\" class=\"alignnone size-full wp-image-84598\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/image_alt_text_vs_alt_difference_2.png 844w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/image_alt_text_vs_alt_difference_2-150x109.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/image_alt_text_vs_alt_difference_2-300x219.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/image_alt_text_vs_alt_difference_2-768x560.png 768w\" sizes=\"(max-width: 844px) 100vw, 844px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>Image title is another attribute for an image tag in HTML. It is used to provide a title for your image. \r\nThe text you provide in the title tag will not be shown to the user when an image cannot be displayed. Instead, it will be displayed in a pop-up when a user points a mouse over the image.<\/p>\r\n<ol>\r\n<li><p>When you upload an image using Media Library, you will see a title field. \r\nThis title field is used by WordPress to organize your media files and should not be confused with the title attribute used inside an image.<\/p><\/li>\r\n<li><p>The title you add when uploading an image is used by WordPress media library to display the list of your media files. \r\nThis title will help you locate media files in WordPress media library, however, it is not the image title attribute.<\/p><\/li>\r\n<li><p>If you are using Visual post editor, you need to click on the image and then click the edit button on the image.<\/p><\/li>\r\n<li><p>This will bring up the image edit pop-up screen. You need to click on the <strong>Advanced Options<\/strong>. This will display the option to add image title attribute.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/04\/image_alt_text_vs_alt_difference_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/04\/image_alt_text_vs_alt_difference_3.png\" alt=\"\" width=\"949\" height=\"633\" class=\"alignnone size-full wp-image-84599\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/image_alt_text_vs_alt_difference_3.png 949w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/image_alt_text_vs_alt_difference_3-150x100.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/image_alt_text_vs_alt_difference_3-300x200.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/image_alt_text_vs_alt_difference_3-768x512.png 768w\" sizes=\"(max-width: 949px) 100vw, 949px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>We recommend our users to use both alt text and image title with their images. One obvious advantage is that it helps search engines discover your images and display them in the image search results. <\/p>\r\n<p>We hope this step-by-step guidance was useful for you. Feel free to check our <a href=\"\/blog\/tag\/wordpress\/\" target=\"_blank\">blog<\/a> to learn more tweaks on how to manage your WordPress website as a guru of the web design!<\/p>\r\n<p>Also, if you&#8217;re looking for premium templates to build a website from scratch, check out <a href=\"https:\/\/www.templatemonster.com\/wordpress-themes.php\" title=\"WordPress Themes\" target=\"_blank\">WordPress Themes<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Hello, our Support Team is ready to present you a new tutorial that shows the <strong>difference<\/strong> between the <strong>Image alt<\/strong> text and <strong>image title<\/strong> in WordPress<\/p>\n","protected":false},"author":56,"featured_media":84603,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2642,537,1010],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/84596"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=84596"}],"version-history":[{"count":5,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/84596\/revisions"}],"predecessor-version":[{"id":84621,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/84596\/revisions\/84621"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/84603"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=84596"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=84596"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=84596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}