{"id":12461,"date":"2020-07-20T15:02:44","date_gmt":"2020-07-20T18:02:44","guid":{"rendered":"https:\/\/dilmarames.com\/image-optimization-alt-tag-and-title-tag\/"},"modified":"2023-04-07T17:46:14","modified_gmt":"2023-04-07T20:46:14","slug":"image-optimization-alt-tag-and-title-tag","status":"publish","type":"post","link":"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/","title":{"rendered":"Image Optimization: alt tag and title tag"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>One of the most important attributes of image optimization on a page is the <code>alt<\/code> tag (or<code>alt<\/code> <strong>tag <\/strong>). Adding images to your posts encourages people to read them, and if chosen well, they help you rank well in image search results.  <\/strong><\/p>\n\n<div class=\"wp-block-yoast-seo-table-of-contents yoast-table-of-contents\"><h2>Index<\/h2><ul><li><a href=\"#h-o-que-sao-atributos-alt-e-title\" data-level=\"2\">What are alt and title attributes?<\/a><\/li><li><a href=\"#h-finalidade-da-imagem\" data-level=\"2\">Image Purpose<\/a><ul><li><a href=\"#h-imagens-informativas\" data-level=\"3\">Informative Images<\/a><\/li><li><a href=\"#h-imagens-decorativas\" data-level=\"3\">Decorative images<\/a><\/li><li><a href=\"#h-imagens-funcionais\" data-level=\"3\">Functional Images<\/a><\/li><li><a href=\"#h-imagens-de-texto\" data-level=\"3\">Text Images<\/a><\/li><li><a href=\"#h-imagens-complexas\" data-level=\"3\">Complex images<\/a><\/li><li><a href=\"#h-grupos-de-imagens\" data-level=\"3\">Image Groups<\/a><\/li><li><a href=\"#h-mapas-de-imagens\" data-level=\"3\">Image Maps<\/a><\/li><\/ul><\/li><li><a href=\"#h-por-que-alt-tag-e-importante\" data-level=\"2\">Why is the alt tag important?<\/a><\/li><li><a href=\"#h-arvore-para-decisao-de-alt-tag\" data-level=\"2\">Tree for alt tag decision<\/a><\/li><li><a href=\"#h-conclusao\" data-level=\"2\">Conclusion<\/a><\/li><\/ul><\/div>\n\n<p class=\"wp-block-paragraph\">SEO (Search Engine Optimization) is the practice of optimizing pages to achieve better positioning in search results. In addition to ranking your images in image search, you want to rank your pages better in search engines. For this the <code>alt<\/code> tag is also important.<\/p>\n\n<p class=\"wp-block-paragraph\">The <code>alt<\/code> tag aims to provide search engines with the information needed to &#8220;explain&#8221; what the image is about, giving context to the user.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-o-que-sao-atributos-alt-e-title\">What are alt and title attributes?<\/h2>\n\n<p class=\"wp-block-paragraph\">The <code>alt<\/code> and <code>title<\/code> attributes of an image are commonly called the alt tag and title tag. Technically they are not tags, <strong>they are attributes<\/strong>.  <\/p>\n\n<p class=\"wp-block-paragraph\"><strong>The attribute <code>alt<\/code> describes what is in the image and its function on the page<\/strong>. It is used by<em>screen readers<\/em>, which are browsers used by blind and visually impaired people. These screen readers tell them what is in the image by reading the tag <code>alt<\/code>.  <\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"431\" height=\"441\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/07\/alt-tag-imagem-431x441.jpg\" alt=\"alt tag of an image\" class=\"wp-image-10697\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/07\/alt-tag-imagem-431x441.jpg 431w, https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/07\/alt-tag-imagem-293x300.jpg 293w, https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/07\/alt-tag-imagem-150x154.jpg 150w, https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/07\/alt-tag-imagem.jpg 764w\" sizes=\"(max-width: 431px) 100vw, 431px\" \/><figcaption class=\"wp-element-caption\">The alt tag describes what is in the image. Ex: &#8220;Content segmentation matrix&#8221;.<\/figcaption><\/figure>\n<\/div>\n<p class=\"wp-block-paragraph\"><strong>The attribute <code>title<\/code> in turn is shown as a &#8220;hint&#8221; when you hover the mouse over the element<\/strong>. It can be important in some moments, as a kind of caption for the image or to give some instruction to the user. From an SEO point of view let&#8217;s say it is &#8220;expendable&#8221;.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"840\" height=\"397\" src=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/07\/title-tag-imagem-840x397.jpg\" alt=\"tag title of an image\" class=\"wp-image-10698\" srcset=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/07\/title-tag-imagem-840x397.jpg 840w, https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/07\/title-tag-imagem-300x142.jpg 300w, https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/07\/title-tag-imagem-150x71.jpg 150w, https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/07\/title-tag-imagem.jpg 976w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><figcaption class=\"wp-element-caption\">The title attribute being used to give more context to the information.<\/figcaption><\/figure>\n<\/div>\n<p class=\"wp-block-paragraph\"><strong>Each image must have an attribute <code>alt<\/code>.<\/strong> Not only for SEO purposes, but also because blind and visually impaired people will not otherwise know what the image is about.  <\/p>\n\n<p class=\"leia-tambem wp-block-paragraph\">Read also: <a href=\"https:\/\/dilmarames.com\/en\/seo-conteudo-2\/\">Content SEO: Optimizing Content for Search<\/a><\/p>\n\n<p class=\"wp-block-paragraph\">The attribute <code>title<\/code> is dispensable, as I mentioned before. If the information conveyed by the attribute <code>title<\/code> is relevant, consider making it available elsewhere in plain text, and if it is not relevant, consider removing this attribute entirely.<\/p>\n\n<p class=\"wp-block-paragraph\">Here is how to provide appropriate text alternatives (alt <code>tag<\/code>) based on the purpose of the image.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-finalidade-da-imagem\">Image Purpose<\/h2>\n\n<h3 class=\"wp-block-heading\" id=\"h-imagens-informativas\">Informative Images<\/h3>\n\n<p class=\"wp-block-paragraph\">Images that graphically represent concepts and information, typically pictures, photos, and illustrations. The <code>alt<\/code> tag should be <strong>at least a brief description, conveying the essential information presented by the image<\/strong>.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-imagens-decorativas\">Decorative images<\/h3>\n\n<p class=\"wp-block-paragraph\"><strong>Provide a null text alternative (<code>alt=\"\"<\/code>) when the sole purpose of an image is to add<\/strong> visual <strong>decoration<\/strong> to the page, rather than to convey information important to understanding the page.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-imagens-funcionais\">Functional Images<\/h3>\n\n<p class=\"wp-block-paragraph\"><strong>The <code>alt<\/code> tag of an image used as a link or as a button should describe the functionality of the link or button<\/strong>, rather than the visual image. Examples of such images are a printer icon to represent the print function or a button for submitting a form.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-imagens-de-texto\">Text Images<\/h3>\n\n<p class=\"wp-block-paragraph\">Readable text is sometimes presented within an image. If the image is not a logo, avoid text in images. However, if text images are used, <strong>the <code>alt<\/code> tag must contain the same words as in the image<\/strong>.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-imagens-complexas\">Complex images<\/h3>\n\n<p class=\"wp-block-paragraph\">These would be the charts and diagrams often used to convey detailed data or information. <strong>Provide a full text equivalent to the data or information provided in the image as <code>alt<\/code>.<\/strong><\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-grupos-de-imagens\">Image Groups<\/h3>\n\n<p class=\"wp-block-paragraph\">If multiple images convey a single piece of information, <strong>the text alternative for an image should convey the information for the entire group.<\/strong><\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-mapas-de-imagens\">Image Maps<\/h3>\n\n<p class=\"wp-block-paragraph\">The <code>alt<\/code> tag for an image that contains multiple clickable areas should provide a general context for the link set. In addition,<strong> each individual clickable area should have alternative text that describes the purpose or destination of the link<\/strong>.<\/p>\n\n<p class=\"wp-block-paragraph\">For a quick look at how to decide which category a particular image fits into, see the <code>alt<\/code> tag decision tree below. The <code>alt<\/code> tag needs to be determined by the author, depending on the use, context and content of the image. For example: the exact type and appearance of a sunset on an image may be less relevant on a site about cities, but may be appropriate on a site about paradise beaches.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-por-que-alt-tag-e-importante\">Why is the alt tag important?<\/h2>\n\n<p class=\"wp-block-paragraph\">Leaving aside the SEO aspects, which we already know are very important, images and graphics make the content more pleasing and easier to understand. This is even more evident for people with visual, cognitive, and learning disabilities. They serve as clues that are used to orient themselves in the content.<\/p>\n\n<p class=\"wp-block-paragraph\">However, images are used extensively on websites and can create major barriers when they are not accessible. Accessible images are beneficial in many situations, such as:<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>People using screen readers<\/strong>: the <code>alt<\/code> tag can be read aloud or rendered as Braille;<\/li>\n\n\n\n<li><strong>People using voice input software<\/strong>: users can put the focus on a button or linked image with a single voice command;<\/li>\n\n\n\n<li><strong>People browsing on speech-enabled websites<\/strong>: the <code>alt<\/code> tag can be read aloud;<\/li>\n\n\n\n<li><strong>Mobile Internet users<\/strong>: images can be disabled, especially for data roaming;<\/li>\n\n\n\n<li><strong>Search engine optimization<\/strong>: images become indexable by search engines.<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\" id=\"h-arvore-para-decisao-de-alt-tag\">Tree for alt tag decision<\/h2>\n\n<p class=\"wp-block-paragraph\">This decision tree describes how to use the <code>alt<\/code> attribute of the <code>&lt;img&gt;<\/code> element in various situations. For some types of images, there are alternative approaches, such as using CSS background images for decorative images or web fonts instead of text images. Identify the best alternative for your images.<\/p>\n\n<p class=\"has-content-bg-alt-background-color has-background wp-block-paragraph\"><strong>1- Does the image contain text?<\/strong><\/p>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column ames-column-no is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p class=\"wp-block-paragraph\"><strong>No:  <\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Continue to question 2.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column ames-column-yes is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"wp-block-paragraph\"><strong>Yes:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">..<strong>. and the text is also present as nearby text.<br\/><\/strong>Use an empty <code>alt<\/code> attribute. <a href=\"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/#Imagens-decorativas\">See decorative images<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&#8230; and text is shown for visual effects only.<br\/><\/strong>Use an empty <code>alt<\/code> attribute. <a href=\"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/#Imagens-decorativas\">See decorative images<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">..<strong>. and the text has a specific function, for example, it is an icon.<br\/><\/strong>Use the attribute <code>alt<\/code> to communicate the function of the image. <a href=\"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/#Imagens-funcionais\">See functional images<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&#8230; and the text in the image is not otherwise present.<br\/><\/strong>Use the attribute <code>alt<\/code> to include the image text. <a href=\"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/#Imagens-de-texto\">See text images<\/a>.<\/p>\n<\/div>\n<\/div>\n\n<p class=\"has-content-bg-alt-background-color has-background wp-block-paragraph\"><strong>2- The image is used in a link or button, and it would be difficult or impossible to understand what the link or button does, if the image was not there?<\/strong><\/p>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column ames-column-no is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p class=\"wp-block-paragraph\"><strong>No:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Continue to question 3.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column ames-column-yes is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"wp-block-paragraph\"><strong>Yes:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use the attribute <code>alt<\/code> to communicate the connection destination or the action taken. <a href=\"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/#Imagens-funcionais\">See functional images<\/a>.<\/p>\n<\/div>\n<\/div>\n\n<p class=\"has-content-bg-alt-background-color has-background wp-block-paragraph\"><strong>3- Does the image contribute meaning to the page or current context?<\/strong><\/p>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column ames-column-no is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p class=\"wp-block-paragraph\"><strong>No:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Continue to question 4.  <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column ames-column-yes is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"wp-block-paragraph\"><strong>Yes:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&#8230; and is a simple graphic or photograph.<br\/><\/strong>Use a brief description of the image in a way that conveys that meaning in the attribute <code>alt<\/code>. <a href=\"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/#Imagens-informativas\">See informative images<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&#8230; and is a graphic or a complex piece of information.<br\/><\/strong>Include the information contained in the image elsewhere on the page. <a href=\"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/#Imagens-complexas\">See complex images<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">..<strong>. and shows content that is redundant to the actual text nearby.<br\/><\/strong>Use an empty <code>alt<\/code> attribute. <a href=\"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/#Imagens-funcionais\">See functional images<\/a>.<\/p>\n<\/div>\n<\/div>\n\n<p class=\"has-content-bg-alt-background-color has-background wp-block-paragraph\"><strong>4- Is the image purely decorative or not intended for the user?<\/strong><\/p>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column ames-column-no is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p class=\"wp-block-paragraph\"><strong>No:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Continue to question 5.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column ames-column-yes is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"wp-block-paragraph\"><strong>Yes:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use an empty <code>alt<\/code> attribute. <a href=\"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/#Imagens-decorativas\">See decorative images<\/a>.<\/p>\n<\/div>\n<\/div>\n\n<p class=\"has-content-bg-alt-background-color has-background wp-block-paragraph\"><strong>5- Is the use of the image not listed above or is it not clear what text <code>alt<\/code> should be provided?<\/strong><\/p>\n\n<p class=\"ames-column-yes wp-block-paragraph\">This decision tree does not cover all cases. For detailed information about the provision of <code>alt<\/code> tag, please check the <a href=\"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/#Finalidade-da-imagem\">purpose of the image<\/a>.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-conclusao\">Conclusion<\/h2>\n\n<p class=\"wp-block-paragraph\">Every image must have a <code>alt<\/code> tag, with few exceptions.<\/p>\n\n<p class=\"wp-block-paragraph\">The attribute <code>title<\/code> is dispensable from an SEO perspective but can contribute to usability and user experience.<\/p>\n\n<p class=\"wp-block-paragraph\">Identify the purpose of the image within the page to define which <code>alt<\/code> tag will be used.  <\/p>\n\n<p class=\"wp-block-paragraph\">References:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Web Accessibility Tutorials: <a aria-label=\"undefined (opens in a new tab)\" href=\"https:\/\/www.w3.org\/WAI\/tutorials\/images\/decision-tree\/\" target=\"_blank\" rel=\"noreferrer noopener\">An alt Decision Tree<\/a><\/li>\n\n\n\n<li>Web Accessibility Tutorials: <a aria-label=\"undefined (opens in a new tab)\" href=\"https:\/\/www.w3.org\/WAI\/tutorials\/images\/\" target=\"_blank\" rel=\"noreferrer noopener\">Images Concepts<\/a><\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Continue reading: <a href=\"https:\/\/dilmarames.com\/en\/improving-your-technical-seo-audit\/\">Improving Your Technical SEO Audit<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The alt and title attributes of images are important for search engine optimization and also to &#8220;explain&#8221; what the image is about. Learn how to choose the right alt tag for your site&#8217;s images.  <\/p>\n","protected":false},"author":3,"featured_media":12202,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1],"tags":[3629,3637],"class_list":["post-12461","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","tag-content-seo","tag-seo-for-images"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.1 (Yoast SEO v28.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Image Optimization: alt tag and title tag<\/title>\n<meta name=\"description\" content=\"Alt tag and title tag are important attributes of images on a page. These are important elements of SEO and UX. Learn how to choose the best alt tag.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Image Optimization: alt tag and title tag\" \/>\n<meta property=\"og:description\" content=\"Alt tag and title tag are important attributes of images on a page. These are important elements of SEO and UX. Learn how to choose the best alt tag.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/\" \/>\n<meta property=\"og:site_name\" content=\"Dilmar Ames\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-20T18:02:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-07T20:46:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/07\/otimizacao-imagens-social.png\" \/>\n<meta name=\"author\" content=\"Dilmar Ames\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dilmarames\" \/>\n<meta name=\"twitter:site\" content=\"@dilmarames\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dilmar Ames\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/image-optimization-alt-tag-and-title-tag\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/image-optimization-alt-tag-and-title-tag\\\/\"},\"author\":{\"name\":\"Dilmar Ames\",\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/#\\\/schema\\\/person\\\/66ae1b178b31daa90153322174df13c1\"},\"headline\":\"Image Optimization: alt tag and title tag\",\"datePublished\":\"2020-07-20T18:02:44+00:00\",\"dateModified\":\"2023-04-07T20:46:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/image-optimization-alt-tag-and-title-tag\\\/\"},\"wordCount\":1261,\"publisher\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/image-optimization-alt-tag-and-title-tag\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/dilmarames.com\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/otimizacao-imagens.png\",\"keywords\":[\"Content SEO\",\"SEO for Images\"],\"articleSection\":[\"SEO\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2020\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/#organization\"},\"accessibilityFeature\":[\"tableOfContents\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/image-optimization-alt-tag-and-title-tag\\\/\",\"url\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/image-optimization-alt-tag-and-title-tag\\\/\",\"name\":\"Image Optimization: alt tag and title tag\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/image-optimization-alt-tag-and-title-tag\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/image-optimization-alt-tag-and-title-tag\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/dilmarames.com\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/otimizacao-imagens.png\",\"datePublished\":\"2020-07-20T18:02:44+00:00\",\"dateModified\":\"2023-04-07T20:46:14+00:00\",\"description\":\"Alt tag and title tag are important attributes of images on a page. These are important elements of SEO and UX. Learn how to choose the best alt tag.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/image-optimization-alt-tag-and-title-tag\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dilmarames.com\\\/en\\\/image-optimization-alt-tag-and-title-tag\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/image-optimization-alt-tag-and-title-tag\\\/#primaryimage\",\"url\":\"https:\\\/\\\/dilmarames.com\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/otimizacao-imagens.png\",\"contentUrl\":\"https:\\\/\\\/dilmarames.com\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/otimizacao-imagens.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/image-optimization-alt-tag-and-title-tag\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SEO\",\"item\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/categoria\\\/seo\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Image Optimization: alt tag and title tag\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/\",\"name\":\"Dilmar Ames\",\"description\":\"Consultoria de SEO &amp; Analytics\",\"publisher\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/#organization\",\"name\":\"Dilmar Ames\",\"alternateName\":\"Ames Digital\",\"url\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/dilmarames.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/cropped-logo-dilmar-ames-blue-183x41-1.png\",\"contentUrl\":\"https:\\\/\\\/dilmarames.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/cropped-logo-dilmar-ames-blue-183x41-1.png\",\"width\":183,\"height\":41,\"caption\":\"Dilmar Ames\"},\"image\":{\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/dilmarames\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/DilmarAmes\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/dilmarames.com\\\/en\\\/#\\\/schema\\\/person\\\/66ae1b178b31daa90153322174df13c1\",\"name\":\"Dilmar Ames\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/db874dc8736a63b6f8014f9c56f518e49c5403a9511075d094620b5af8f9d44a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/db874dc8736a63b6f8014f9c56f518e49c5403a9511075d094620b5af8f9d44a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/db874dc8736a63b6f8014f9c56f518e49c5403a9511075d094620b5af8f9d44a?s=96&d=mm&r=g\",\"caption\":\"Dilmar Ames\"},\"description\":\"Consultor de SEO e Analytics. Ajudo empresas a melhorarem seu posicionamento nas buscas e tamb\u00e9m seus resultados.\",\"sameAs\":[\"https:\\\/\\\/dilmarames.mystagingwebsite.com\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/DilmarAmes\\\/\",\"https:\\\/\\\/x.com\\\/dilmarames\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Image Optimization: alt tag and title tag","description":"Alt tag and title tag are important attributes of images on a page. These are important elements of SEO and UX. Learn how to choose the best alt tag.","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:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/","og_locale":"en_US","og_type":"article","og_title":"Image Optimization: alt tag and title tag","og_description":"Alt tag and title tag are important attributes of images on a page. These are important elements of SEO and UX. Learn how to choose the best alt tag.","og_url":"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/","og_site_name":"Dilmar Ames","article_published_time":"2020-07-20T18:02:44+00:00","article_modified_time":"2023-04-07T20:46:14+00:00","og_image":[{"url":"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/07\/otimizacao-imagens-social.png","type":"","width":"","height":""}],"author":"Dilmar Ames","twitter_card":"summary_large_image","twitter_creator":"@dilmarames","twitter_site":"@dilmarames","twitter_misc":{"Written by":"Dilmar Ames","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/#article","isPartOf":{"@id":"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/"},"author":{"name":"Dilmar Ames","@id":"https:\/\/dilmarames.com\/en\/#\/schema\/person\/66ae1b178b31daa90153322174df13c1"},"headline":"Image Optimization: alt tag and title tag","datePublished":"2020-07-20T18:02:44+00:00","dateModified":"2023-04-07T20:46:14+00:00","mainEntityOfPage":{"@id":"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/"},"wordCount":1261,"publisher":{"@id":"https:\/\/dilmarames.com\/en\/#organization"},"image":{"@id":"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/#primaryimage"},"thumbnailUrl":"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/07\/otimizacao-imagens.png","keywords":["Content SEO","SEO for Images"],"articleSection":["SEO"],"inLanguage":"en-US","copyrightYear":"2020","copyrightHolder":{"@id":"https:\/\/dilmarames.com\/#organization"},"accessibilityFeature":["tableOfContents"]},{"@type":"WebPage","@id":"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/","url":"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/","name":"Image Optimization: alt tag and title tag","isPartOf":{"@id":"https:\/\/dilmarames.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/#primaryimage"},"image":{"@id":"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/#primaryimage"},"thumbnailUrl":"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/07\/otimizacao-imagens.png","datePublished":"2020-07-20T18:02:44+00:00","dateModified":"2023-04-07T20:46:14+00:00","description":"Alt tag and title tag are important attributes of images on a page. These are important elements of SEO and UX. Learn how to choose the best alt tag.","breadcrumb":{"@id":"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/#primaryimage","url":"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/07\/otimizacao-imagens.png","contentUrl":"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/07\/otimizacao-imagens.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/dilmarames.com\/en\/image-optimization-alt-tag-and-title-tag\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dilmarames.com\/en\/"},{"@type":"ListItem","position":2,"name":"SEO","item":"https:\/\/dilmarames.com\/en\/categoria\/seo\/"},{"@type":"ListItem","position":3,"name":"Image Optimization: alt tag and title tag"}]},{"@type":"WebSite","@id":"https:\/\/dilmarames.com\/en\/#website","url":"https:\/\/dilmarames.com\/en\/","name":"Dilmar Ames","description":"Consultoria de SEO &amp; Analytics","publisher":{"@id":"https:\/\/dilmarames.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dilmarames.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/dilmarames.com\/en\/#organization","name":"Dilmar Ames","alternateName":"Ames Digital","url":"https:\/\/dilmarames.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dilmarames.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/05\/cropped-logo-dilmar-ames-blue-183x41-1.png","contentUrl":"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/05\/cropped-logo-dilmar-ames-blue-183x41-1.png","width":183,"height":41,"caption":"Dilmar Ames"},"image":{"@id":"https:\/\/dilmarames.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/dilmarames","https:\/\/www.linkedin.com\/in\/DilmarAmes\/"]},{"@type":"Person","@id":"https:\/\/dilmarames.com\/en\/#\/schema\/person\/66ae1b178b31daa90153322174df13c1","name":"Dilmar Ames","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/db874dc8736a63b6f8014f9c56f518e49c5403a9511075d094620b5af8f9d44a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/db874dc8736a63b6f8014f9c56f518e49c5403a9511075d094620b5af8f9d44a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/db874dc8736a63b6f8014f9c56f518e49c5403a9511075d094620b5af8f9d44a?s=96&d=mm&r=g","caption":"Dilmar Ames"},"description":"Consultor de SEO e Analytics. Ajudo empresas a melhorarem seu posicionamento nas buscas e tamb\u00e9m seus resultados.","sameAs":["https:\/\/dilmarames.mystagingwebsite.com\/","https:\/\/www.linkedin.com\/in\/DilmarAmes\/","https:\/\/x.com\/dilmarames"]}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/dilmarames.com\/wp-content\/uploads\/2020\/07\/otimizacao-imagens.png","_links":{"self":[{"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/posts\/12461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/comments?post=12461"}],"version-history":[{"count":0,"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/posts\/12461\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/media\/12202"}],"wp:attachment":[{"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/media?parent=12461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/categories?post=12461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dilmarames.com\/en\/wp-json\/wp\/v2\/tags?post=12461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}