{"id":12910,"date":"2019-10-01T09:30:03","date_gmt":"2019-10-01T06:30:03","guid":{"rendered":"https:\/\/mobitek.com\/alt-tag-what-is-alt-text-and-what-does-it-do\/"},"modified":"2024-08-19T13:55:57","modified_gmt":"2024-08-19T13:55:57","slug":"alt-tag-what-is-alt-text-and-what-does-it-do","status":"publish","type":"post","link":"https:\/\/mobitek.com\/en\/alt-tag-what-is-alt-text-and-what-does-it-do\/","title":{"rendered":"Alt Tag, What is Alt Text? and What Does It Do?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"12910\" class=\"elementor elementor-12910 elementor-8194\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-48b9311 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"48b9311\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-756b8d4\" data-id=\"756b8d4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b38946 elementor-widget elementor-widget-text-editor\" data-id=\"7b38946\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tIn this blog post, we will look at the differences between the image alt tag, the image title text and the name of the image file and give you some suggestions on how to optimize them. \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a123c0e elementor-widget elementor-widget-heading\" data-id=\"a123c0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Alt Tag, Alt Text? <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f10423 elementor-widget elementor-widget-text-editor\" data-id=\"4f10423\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>When you think of image alt text, the term that comes to mind is &#8220;alt tag&#8221;. The so-called &#8220;alt tag&#8221; is a misnomer because &#8220;alt text&#8221; or &#8220;alt text&#8221; is an alternative text attribute of the image tag. There is this confusion in the SEO world, and everyone has a different understanding in their minds when these concepts are mentioned.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb9e840 elementor-widget elementor-widget-text-editor\" data-id=\"bb9e840\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tAlternative text is used to decipher what the image is about, for example by screen readers for the visually impaired. Therefore, according to the 3C Accessibility Guidelines, for code to be considered valid by W3C, it is necessary to include both image alt text and image title text for important images on the page. For non-trivial design-based images, empty alt text properties can be used. In this case, screen readers will skip the picture. \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb7b0a8 elementor-widget elementor-widget-heading\" data-id=\"bb7b0a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\"Image Alt Text\" What is it? <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d8d254 elementor-widget elementor-widget-text-editor\" data-id=\"2d8d254\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tAlt text or alternative text is used to describe an image as &#8220;alternative&#8221;. \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a0d19d elementor-widget elementor-widget-text-editor\" data-id=\"9a0d19d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tThe primary purpose of the alt text is therefore to make images more accessible to screen reader users in order to make the web more accessible according to W3C accessibility guidelines. As a rule, the alt text should include targeted keyword optimization in a context that explains what the image is about. If no alternative text is available for the image, the content will be shown as a blank image. Image alt text is the text displayed in place of a blank image. Since Google cannot crawl images in depth and often cannot fully crawl text, it focuses on the alternative text when trying to understand what the image is. \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a43720a elementor-widget elementor-widget-text-editor\" data-id=\"a43720a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tIt is important to note the W3C&#8217;s Accessibility Guidelines for Alternative Text: \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-545a846 elementor-widget elementor-widget-text-editor\" data-id=\"545a846\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul>\n<li>When using img (image), specify a short text alternative with the alt attribute. Note The value of this property is called &#8220;alt text&#8221;.<\/li>\n<li>When an image contains words that are important for understanding the content, the alt text should also contain these words. This makes the alt text function the same as the image on the page. Note that it does not necessarily describe the visual characteristics of the image, but it should have the same meaning as the image.<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5144c42 elementor-widget elementor-widget-image\" data-id=\"5144c42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"960\" height=\"444\" src=\"https:\/\/mobitek.com\/wp-content\/uploads\/2019\/10\/wordpress-uzerinde-alt-text-gosterimi.webp\" class=\"attachment-full size-full wp-image-14999\" alt=\"wordpress uzerinde alt text gosterimi\" srcset=\"https:\/\/mobitek.com\/wp-content\/uploads\/2019\/10\/wordpress-uzerinde-alt-text-gosterimi.webp 960w, https:\/\/mobitek.com\/wp-content\/uploads\/2019\/10\/wordpress-uzerinde-alt-text-gosterimi-300x139.webp 300w, https:\/\/mobitek.com\/wp-content\/uploads\/2019\/10\/wordpress-uzerinde-alt-text-gosterimi-768x355.webp 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" style=\"width:100%;height:46.25%;max-width:960px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c351884 elementor-widget elementor-widget-heading\" data-id=\"c351884\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\"Image Title Text\" What is it? <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c32072c elementor-widget elementor-widget-text-editor\" data-id=\"c32072c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tThe Image caption text property is a property used to provide additional information about the image. In this case, since the image title is not used for search ranking, optimizing it is not considered that important. \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12d75f1 elementor-widget elementor-widget-text-editor\" data-id=\"12d75f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tBut if you are obsessed with SEO and want to optimize everything for W3C optimization, by all means, add both alt and title text for your images. \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c26fc16 elementor-widget elementor-widget-image\" data-id=\"c26fc16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1358\" height=\"500\" src=\"https:\/\/mobitek.com\/wp-content\/uploads\/2019\/10\/alt-text_baslik_etiketi.webp\" class=\"attachment-full size-full wp-image-15001\" alt=\"alt text_baslik_etiketi\" srcset=\"https:\/\/mobitek.com\/wp-content\/uploads\/2019\/10\/alt-text_baslik_etiketi.webp 1358w, https:\/\/mobitek.com\/wp-content\/uploads\/2019\/10\/alt-text_baslik_etiketi-300x110.webp 300w, https:\/\/mobitek.com\/wp-content\/uploads\/2019\/10\/alt-text_baslik_etiketi-1024x377.webp 1024w, https:\/\/mobitek.com\/wp-content\/uploads\/2019\/10\/alt-text_baslik_etiketi-768x283.webp 768w\" sizes=\"(max-width: 1358px) 100vw, 1358px\" style=\"width:100%;height:36.82%;max-width:1358px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebf04d5 elementor-widget elementor-widget-heading\" data-id=\"ebf04d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">User Intent and User Experience should be the Main Focus of your Optimizations <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b6bb99 elementor-widget elementor-widget-text-editor\" data-id=\"8b6bb99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tOver the past 10 years, not much has changed in terms of optimization for alt text and title features. \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b7ee00 elementor-widget elementor-widget-text-editor\" data-id=\"0b7ee00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tWhen optimizing both of these features, you need to focus not only on keyword targeting but also on user intent. \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46d2fe3 elementor-widget elementor-widget-text-editor\" data-id=\"46d2fe3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tThis should be the primary ideal you should strive for in this optimization process. Don&#8217;t change keyword pages and of course your keywords when appropriate. \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f695ae elementor-widget elementor-widget-heading\" data-id=\"4f695ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pay Attention to User Experience <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b91f9d elementor-widget elementor-widget-text-editor\" data-id=\"2b91f9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tTo increase the visibility of your content on Google Images, create pages primarily for users, not for search engines. \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c0da5b elementor-widget elementor-widget-text-editor\" data-id=\"2c0da5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Here are a few important tips on this topic:<\/strong><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43c645c elementor-widget elementor-widget-text-editor\" data-id=\"43c645c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Providing good content:<\/strong> Your visual content should be relevant to the topic of the page.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-471f774 elementor-widget elementor-widget-text-editor\" data-id=\"471f774\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Optimizing placement:<\/strong> Place images next to relevant text whenever possible.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1d29cb elementor-widget elementor-widget-text-editor\" data-id=\"f1d29cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Don&#8217;t place important text inside images:<\/strong> Avoid placing text inside images, especially important text elements such as page titles and menu items, because not all users will have access to them and page translation tools won&#8217;t work on images, so you&#8217;ll be stuck with a narrower audience. Keep text in HTML, provide alt text for images to ensure maximum accessibility to your content.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38efdcb elementor-widget elementor-widget-text-editor\" data-id=\"38efdcb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Create informative and quality sites:<\/strong> Good content on your webpage was as important to Google Images as visual content. Page content can be used to create a text snippet for the image, and Google takes page content quality into account when ranking images.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In this blog post, we will look at the differences between the image alt tag, the image title text and the name of the image file and give you some suggestions on how to optimize them. Alt Tag, Alt Text? When you think of image alt text, the term that comes to mind is &#8220;alt&hellip; <a class=\"more-link\" href=\"https:\/\/mobitek.com\/en\/alt-tag-what-is-alt-text-and-what-does-it-do\/\">Continue reading <span class=\"screen-reader-text\">Alt Tag, What is Alt Text? and What Does It Do?<\/span><\/a><\/p>\n","protected":false},"author":10,"featured_media":12512,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[48],"tags":[],"class_list":["post-12910","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","entry"],"_links":{"self":[{"href":"https:\/\/mobitek.com\/en\/wp-json\/wp\/v2\/posts\/12910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mobitek.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mobitek.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mobitek.com\/en\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/mobitek.com\/en\/wp-json\/wp\/v2\/comments?post=12910"}],"version-history":[{"count":2,"href":"https:\/\/mobitek.com\/en\/wp-json\/wp\/v2\/posts\/12910\/revisions"}],"predecessor-version":[{"id":15660,"href":"https:\/\/mobitek.com\/en\/wp-json\/wp\/v2\/posts\/12910\/revisions\/15660"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mobitek.com\/en\/wp-json\/wp\/v2\/media\/12512"}],"wp:attachment":[{"href":"https:\/\/mobitek.com\/en\/wp-json\/wp\/v2\/media?parent=12910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mobitek.com\/en\/wp-json\/wp\/v2\/categories?post=12910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mobitek.com\/en\/wp-json\/wp\/v2\/tags?post=12910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}