{"id":722,"date":"2010-01-02T17:24:07","date_gmt":"2010-01-02T19:24:07","guid":{"rendered":"https:\/\/www.kadunew.com\/blog\/?p=722"},"modified":"2015-05-15T12:39:38","modified_gmt":"2015-05-15T14:39:38","slug":"importancia-do-atributo-alt-para-seo","status":"publish","type":"post","link":"https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo","title":{"rendered":"Import\u00e2ncia do Atributo ALT para SEO"},"content":{"rendered":"<figure id=\"attachment_3819\" aria-describedby=\"caption-attachment-3819\" style=\"width: 883px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2010\/01\/atributo-alt-seo.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2010\/01\/atributo-alt-seo.jpg\" alt=\"Atributo ALT\" width=\"883\" height=\"353\" class=\"size-full wp-image-3819\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2010\/01\/atributo-alt-seo.jpg 883w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2010\/01\/atributo-alt-seo-300x120.jpg 300w\" sizes=\"(max-width: 883px) 100vw, 883px\" \/><\/a><figcaption id=\"caption-attachment-3819\" class=\"wp-caption-text\">Import\u00e2ncia do atributo ALT para SEO<\/figcaption><\/figure>\n<p><strong>Atributo ALT<\/strong> quando usado corretamente tr\u00e1s grandes benef\u00edcios para a otimiza\u00e7\u00e3o de sites, o que ajuda seu site alcan\u00e7ar um melhor posicionamento nos sites de busca. N\u00e3o incluir o atributo ALT \u00e9 um dos erros mais comuns ao trabalharmos com imagens.<\/p>\n<p>Por exemplo, <strong>otimizando o atributo ALT<\/strong> \u00e9 provavelmente uma boa estrat\u00e9gia para os produtos de um e-commerce aparecerem por uma pesquisa de imagens no Google.<\/p>\n<div class=\"obs\"><strong>Atributo ALT<\/strong> \u00e9 de fundamental import\u00e2ncia, j\u00e1 que descreve de forma resumida o conte\u00fado de uma imagem, principalmente para usu\u00e1rios com restri\u00e7\u00f5es em visualizar esses elementos.<\/div>\n<h2>Atributo ALT e SEO<\/h2>\n<p>Atributo ALT tem um papel importante na <strong>otimiza\u00e7\u00e3o de imagens<\/strong>. Ao adicionar um texto alternativo ajuda a tornar suas imagens muito mais acess\u00edvel na web.<\/p>\n<p>O texto alternativo deve ser uma <strong>descri\u00e7\u00e3o breve<\/strong> de uma \u00fanica frase. Sempre procure manter entre 8 e 10 palavras no m\u00e1ximo.<\/p>\n<h3>Atributo alt, um aliado na otimiza\u00e7\u00e3o de p\u00e1ginas<\/h3>\n<p>Uma forma de deixar o site mais otimizado \u00e9 incluir suas <a href=\"https:\/\/www.kadunew.com\/blog\/seo\/palavras-chaves-keyword-e-frase-chave\">palavras-chave<\/a> dentro desse atributo. O uso de palavras-chave dentro do atributo alt pode desempenhar um papel importante para melhorar o seu posicionamento no <strong>ranking dos buscadores<\/strong>.<\/p>\n<p>Veja um exemplo da utiliza\u00e7\u00e3o desse atributo.<\/p>\n<pre class=\"brush: xml; title: HTML; notranslate\" title=\"HTML\">\r\n&lt;img src=&quot;\/images\/logos\/logo.png&quot; alt=&quot;Logo&quot; \/&gt;\r\n<\/pre>\n<p>Para se tirar o m\u00e1ximo de proveito desse atributo, \u00e9 recomend\u00e1vel utiliz\u00e1-lo em todas as imagens do seu site.<\/p>\n<p>Como visto na mat\u00e9ria sobre <a href=\"https:\/\/www.kadunew.com\/blog\/seo\/black-hat-seo\">SEO Black Hat<\/a>, alguns desenvolvedores acabam enchendo esse atributo de <a href=\"https:\/\/www.kadunew.com\/blog\/seo\/palavras-chaves-keyword-e-frase-chave\">palavras-chave<\/a> sem nenhum sentido, em vez de colocar descri\u00e7\u00f5es precisas nas imagens.<\/p>\n<p>A <a href=\"http:\/\/www.w3.org\/TR\/WCAG20-TECHS\/H37.html\" target=\"_blank\">W3C<\/a> recomenda o uso obrigat\u00f3rio desse atributo para um site estar em conformidade com os <strong>padr\u00f5es web de desenvolvimento<\/strong>.<\/p>\n<h2>Atributo ALT: dicas<\/h2>\n<ul>\n<li>Importante para o <strong>posicionamento<\/strong> do seu site no google images. Pesquisa por imagens pode gerar muito tr\u00e1fego para um site;<\/li>\n<li>Se n\u00e3o tiver o que escrever como texto alternativo use alt=&#8221;&#8221;;<\/li>\n<li>Evite descri\u00e7\u00f5es muito longas dentro do atributo ALT;<\/li>\n<li>N\u00e3o coloque como conte\u00fado cr\u00e9ditos para o autor da foto (Exemplo, foto tirada por Ant\u00f4nio Carlos);<\/li>\n<li>Criar descri\u00e7\u00f5es <strong>eficientes<\/strong> e <strong>curtas<\/strong>.<\/li>\n<\/ul>\n<h2>Atributo ALT, al\u00e9m do SEO<\/h2>\n<p>Ao utilizar imagens em suas p\u00e1ginas Web, \u00e9 de boa pr\u00e1tica a utiliza\u00e7\u00e3o do <strong>atributo ALT<\/strong> n\u00e3o apenas para os mecanismos de busca.<\/p>\n<p>Enquanto uma imagem est\u00e1 sendo carregada, o texto do atributo \u00e9 mostrado, ou no caso de uma de suas imagens n\u00e3o ser carregada o <strong>conte\u00fado do atributo ALT<\/strong> \u00e9 mostrado, como um texto alternativo.<\/p>\n<p>Contudo, eu acredito que a <strong>principal vantagem<\/strong> de utilizar esse atributo \u00e9 ainda para pessoas com defici\u00eancia visual que utilizam sistemas leitores de tela. <\/p>\n<p><strong>Veja alguns exemplos desses programas:<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/www.nvda-project.org\" rel=\"nofollow\">NVDA<\/a><\/li>\n<li><a href=\"http:\/\/www.freedomscientific.com\/products\/fs\/jaws-product-page.asp\" rel=\"nofollow\">Jaws for Windows<\/a><\/li>\n<li><a href=\"http:\/\/www.virtualvision.com.br\" rel=\"nofollow\">Virtual vision<\/a><\/li>\n<li><a href=\"http:\/\/intervox.nce.ufrj.br\/dosvox\" rel=\"nofollow\">Dosvox<\/a><\/li>\n<\/ul>\n<p>Veja abaixo um exemplo do <strong>n\u00e3o carregamento<\/strong> da imagem. E perceba a descri\u00e7\u00e3o do texto alternativo.<\/p>\n<figure id=\"attachment_723\" aria-describedby=\"caption-attachment-723\" style=\"width: 203px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2010\/01\/exemplo-atributo-alt.gif\" alt=\"Texto alternativo da imagem\" title=\"Exemplo atributo ALT\" width=\"203\" height=\"141\" class=\"size-full wp-image-723\" \/><figcaption id=\"caption-attachment-723\" class=\"wp-caption-text\">Texto alternativo da imagem<\/figcaption><\/figure>\n<p>Um ponto importante a se observar \u00e9 achar que o <strong>atributo ALT<\/strong> \u00e9 respons\u00e1vel por mostrar a exibi\u00e7\u00e3o do texto ao deixar o mouse sobre a imagem. Esse papel na verdade \u00e9 do <strong>atributo title<\/strong>. Alguns navegadores, como o Internet Explorer, mostram erroneamente tal descri\u00e7\u00e3o.<\/p>\n<p>Curta a p\u00e1gina do <a href=\"https:\/\/www.facebook.com\/pages\/Kadunew-Artigos-e-tutoriais-sobre-Web-Design\/787883281258323\" title=\"Artigos e tutoriais sobre Web Design\" target=\"_blank\">blog kadunew<\/a> no Facebook. Siga-me no Twitter: <a href=\"http:\/\/twitter.com\/kadunew\" rel=\"nofollow\">@kadunew<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Atributo ALT quando usado corretamente tr\u00e1s grandes benef\u00edcios para a otimiza\u00e7\u00e3o de sites, o que ajuda seu site alcan\u00e7ar um melhor posicionamento nos sites de busca. N\u00e3o incluir o atributo ALT \u00e9 um dos erros mais comuns ao trabalharmos com imagens. Por exemplo, otimizando o atributo ALT \u00e9 provavelmente uma boa estrat\u00e9gia para os produtos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[56],"tags":[30],"class_list":["post-722","post","type-post","status-publish","format-standard","hentry","category-seo","tag-seo"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Import\u00e2ncia do Atributo ALT para SEO<\/title>\n<meta name=\"description\" content=\"Atributo ALT, um grande aliado na otimiza\u00e7\u00e3o de imagens. Veja a import\u00e2ncia desse atributo para SEO.\" \/>\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.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Import\u00e2ncia do Atributo ALT para SEO\" \/>\n<meta property=\"og:description\" content=\"Atributo ALT, um grande aliado na otimiza\u00e7\u00e3o de imagens. Veja a import\u00e2ncia desse atributo para SEO.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo\" \/>\n<meta property=\"og:site_name\" content=\"KADUNEW\" \/>\n<meta property=\"article:published_time\" content=\"2010-01-02T19:24:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-05-15T14:39:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2010\/01\/atributo-alt-seo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"883\" \/>\n\t<meta property=\"og:image:height\" content=\"353\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kadu Oliveira\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kadu Oliveira\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo\",\"url\":\"https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo\",\"name\":\"Import\u00e2ncia do Atributo ALT para SEO\",\"isPartOf\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2010\/01\/atributo-alt-seo.jpg\",\"datePublished\":\"2010-01-02T19:24:07+00:00\",\"dateModified\":\"2015-05-15T14:39:38+00:00\",\"author\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05\"},\"description\":\"Atributo ALT, um grande aliado na otimiza\u00e7\u00e3o de imagens. Veja a import\u00e2ncia desse atributo para SEO.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo#primaryimage\",\"url\":\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2010\/01\/atributo-alt-seo.jpg\",\"contentUrl\":\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2010\/01\/atributo-alt-seo.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.kadunew.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SEO\",\"item\":\"https:\/\/www.kadunew.com\/blog\/category\/seo\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Import\u00e2ncia do Atributo ALT para SEO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#website\",\"url\":\"https:\/\/www.kadunew.com\/blog\/\",\"name\":\"KADUNEW\",\"description\":\"Artigos sobre Front-End e Programa\u00e7\u00e3o web\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.kadunew.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05\",\"name\":\"Kadu Oliveira\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g\",\"caption\":\"Kadu Oliveira\"},\"sameAs\":[\"https:\/\/www.kadunew.com\/blog\"],\"url\":\"https:\/\/www.kadunew.com\/blog\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Import\u00e2ncia do Atributo ALT para SEO","description":"Atributo ALT, um grande aliado na otimiza\u00e7\u00e3o de imagens. Veja a import\u00e2ncia desse atributo para SEO.","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.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo","og_locale":"pt_BR","og_type":"article","og_title":"Import\u00e2ncia do Atributo ALT para SEO","og_description":"Atributo ALT, um grande aliado na otimiza\u00e7\u00e3o de imagens. Veja a import\u00e2ncia desse atributo para SEO.","og_url":"https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo","og_site_name":"KADUNEW","article_published_time":"2010-01-02T19:24:07+00:00","article_modified_time":"2015-05-15T14:39:38+00:00","og_image":[{"width":883,"height":353,"url":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2010\/01\/atributo-alt-seo.jpg","type":"image\/jpeg"}],"author":"Kadu Oliveira","twitter_misc":{"Escrito por":"Kadu Oliveira","Est. tempo de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo","url":"https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo","name":"Import\u00e2ncia do Atributo ALT para SEO","isPartOf":{"@id":"https:\/\/www.kadunew.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo#primaryimage"},"image":{"@id":"https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo#primaryimage"},"thumbnailUrl":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2010\/01\/atributo-alt-seo.jpg","datePublished":"2010-01-02T19:24:07+00:00","dateModified":"2015-05-15T14:39:38+00:00","author":{"@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05"},"description":"Atributo ALT, um grande aliado na otimiza\u00e7\u00e3o de imagens. Veja a import\u00e2ncia desse atributo para SEO.","breadcrumb":{"@id":"https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo#primaryimage","url":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2010\/01\/atributo-alt-seo.jpg","contentUrl":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2010\/01\/atributo-alt-seo.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.kadunew.com\/blog\/seo\/importancia-do-atributo-alt-para-seo#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.kadunew.com\/blog"},{"@type":"ListItem","position":2,"name":"SEO","item":"https:\/\/www.kadunew.com\/blog\/category\/seo"},{"@type":"ListItem","position":3,"name":"Import\u00e2ncia do Atributo ALT para SEO"}]},{"@type":"WebSite","@id":"https:\/\/www.kadunew.com\/blog\/#website","url":"https:\/\/www.kadunew.com\/blog\/","name":"KADUNEW","description":"Artigos sobre Front-End e Programa\u00e7\u00e3o web","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.kadunew.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05","name":"Kadu Oliveira","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g","caption":"Kadu Oliveira"},"sameAs":["https:\/\/www.kadunew.com\/blog"],"url":"https:\/\/www.kadunew.com\/blog\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/722"}],"collection":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/comments?post=722"}],"version-history":[{"count":12,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/722\/revisions"}],"predecessor-version":[{"id":3979,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/722\/revisions\/3979"}],"wp:attachment":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/media?parent=722"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/categories?post=722"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/tags?post=722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}