{"id":252,"date":"2018-03-11T20:52:16","date_gmt":"2018-03-11T23:52:16","guid":{"rendered":"https:\/\/www.criarsites.com\/alt-tag-ensine-o-google-a-ler-suas-imagens\/"},"modified":"2018-03-11T20:52:16","modified_gmt":"2018-03-11T23:52:16","slug":"alt-tag-ensine-o-google-a-ler-suas-imagens","status":"publish","type":"post","link":"https:\/\/www.criarsites.com\/alt-tag-ensine-o-google-a-ler-suas-imagens\/","title":{"rendered":"Como Utilizar o ALT TAG nas Imagens"},"content":{"rendered":"


\n\u00c9 verdade ou n\u00e3o, que todo blogueiro procura aumentar as visitas em seus blogs a todo custo? Uma destas formas \u00e9 otimizando o blog para conseguir melhores resultados nos mecanismos de buscas como o Google<\/a>.<\/p>\n

O fato \u00e9 que muitos blogueiros cuidam do SEO de seus blogs, mas acabam se esquecendo de otimizar suas imagens, e \u00e9 isso o que vamos discutir aqui.<\/p>\n

Quem j\u00e1 utilizou o buscador do Google, j\u00e1 deve ter notado ou mesmo utilizado o Google Imagens<\/a>, que \u00e9 o mecanismo de busca que procura apenas por imagens presentes nos websites e blogs<\/p>\n

Digamos que voc\u00ea acesse o buscador de imagens e pesquise pela palavra “Ferrari<\/a>“. Lhe ser\u00e1 mostrado v\u00e1rias imagens de Ferraris e se voc\u00ea clicar em uma, ser\u00e1 enviado a p\u00e1gina onde a imagem est\u00e1 sendo exibida. Esta \u00e9 uma forma alternativa de um visitante encontrar o seu site.<\/p>\n

Por\u00e9m, como voc\u00ea j\u00e1 deve imaginar, os computadores n\u00e3o s\u00e3o muito bons para entenderem a mensagem que uma determinada imagem tenta passar. Ent\u00e3o como ser\u00e1 que o Google faz para saber quais imagens exibir ap\u00f3s um usu\u00e1rio realizar uma busca no Google Images?<\/p>\n

<\/p>\n

Entenda o que \u00e9 o ALT TAG<\/h2>\n

A resposta est\u00e1 na tag <alt><\/strong> ou Alt Tag. ALT \u00e9 o acr\u00f4nimo para Alternative (alternativa) que \u00e9 um c\u00f3digo adicionado ao HTML<\/a> da imagem e que deve refletir a mensagem que represente o conte\u00fado da imagem.<\/p>\n

Essa descri\u00e7\u00e3o \u00e9 utilizada pelo Google<\/a> para retornar os resultados sempre que algu\u00e9m realize uma busca por imagens.<\/p>\n

Por ser um texto alternativo, a tag <alt><\/strong> tamb\u00e9m \u00e9 importante quando a imagem n\u00e3o \u00e9 carregada na p\u00e1gina, seja porque houve erro no carregamento por parte do servidor, porque o usu\u00e1rio desabilitou o carregamento de imagens no navegador ou porque a imagem realmente n\u00e3o existe.<\/p>\n

Nesse caso o texto alternativo \u00e9 exibido no lugar em que a imagem deveria aparecer, indicando ao visitante do que se trata a imagem que est\u00e1 faltando.<\/p>\n

Da\u00ed a import\u00e2ncia de o texto alternativo ser altamente descritivo, refletindo exatamente o que a imagem trata. Confira um exemplo abaixo que mostra uma imagem normal e outra que n\u00e3o existe no servidor do CriarSites.com. Repare que a segunda somente mostra o texto alternativo.<\/p>\n

\"Ferrari \"Ferrari<\/p>\n

Como Utilizar o ALT TAG nas Imagens<\/h2>\n

A maioria dos editores de sites em suas vers\u00f5es mais recentes, pedem o texto alternativo sempre que uma imagem \u00e9 inclu\u00edda na p\u00e1gina, nesse caso o pr\u00f3prio editor se encarrega de gerar o c\u00f3digo da tag <alt>, por\u00e9m se voc\u00ea precisar criar o c\u00f3digo manualmente, pode faz\u00ea-lo inserindo o seguinte c\u00f3digo alt=”Texto Alternativo”<\/strong> dentro da tag <img><\/p>\n

Ficaria algo mais ou menos assim:
\n<img src=”http:\/\/www.site.com\/imagem.gif” alt=”Ferrari Modena” \/><\/p>\n

Voc\u00ea pode adicionar o texto que quiser, mas evite criar um texto muito longo para que o texto alternativo n\u00e3o pare\u00e7a\u00a0 ser spam para o Google.<\/p>\n

Dicas importantes para otimizar suas imagens:<\/strong><\/p>\n

    \n
  • Jamais deixe suas imagens sem alt ou title;<\/li>\n
  • Utilize nomes de arquivos e atributos \u201calt\u201d curtos e descritivos;<\/li>\n
  • Forne\u00e7a atributos \u201calt\u201d ao utilizar imagens como links;<\/li>\n
  • Para toda tag \u201calt\u201d, usar uma tag \u201ctitle\u201d, com o mesmo conte\u00fado (r\u00e9plica);<\/li>\n
  • A descri\u00e7\u00e3o da imagem deve ser relevante ao conte\u00fado da imagem;<\/li>\n
  • A descri\u00e7\u00e3o da imagem deve ser relevante \u00e0s palavras-chave do texto do artigo em que a imagem se encontra.<\/li>\n
  • Prefira nomes de arquivos curtos<\/li>\n
  • \u00c9 importante que as imagens tenham boa qualidade, mas evite que os arquivos fiquem muito grandes, para que o tempo de carregamento n\u00e3o fique muito grande.<\/li>\n<\/ul>\n

    Se voc\u00ea fizer uma procura r\u00e1pida no Google Imagens vai reparar que este motor de busca d\u00e1 mais prioridade a imagens bem otimizadas no tamanho e no formato .jpg\/.jpeg. Isto acontece porque este formato consegue ter uma boa qualidade e ao mesmo tempo um tamanho aceit\u00e1vel.<\/p>\n

    Gostou do artigo Como Utilizar o ALT TAG nas Imagens de seu Site ou Blog? Ainda tem d\u00favidas ou sugest\u00f5es sobre SEO no Google? Ent\u00e3o deixe um coment\u00e1rio abaixo e vamos discutir sobre o assunto.<\/p>\n","protected":false},"excerpt":{"rendered":"

    \"ecol\u00f3gico\"
    \nDigamos que voc\u00ea acesse o buscador de imagens e pesquise pela palavra “Ferrari”. Lhe ser\u00e1 mostrado v\u00e1rias imagens de Ferraris e se voc\u00ea clicar em uma, ser\u00e1 enviado a p\u00e1gina onde a imagem est\u00e1 sendo exibida. Esta \u00e9 uma forma alternativa de um visitante encontrar o <\/p>\n","protected":false},"author":2,"featured_media":45703,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[],"_links":{"self":[{"href":"https:\/\/www.criarsites.com\/wp-json\/wp\/v2\/posts\/252"}],"collection":[{"href":"https:\/\/www.criarsites.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.criarsites.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.criarsites.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.criarsites.com\/wp-json\/wp\/v2\/comments?post=252"}],"version-history":[{"count":0,"href":"https:\/\/www.criarsites.com\/wp-json\/wp\/v2\/posts\/252\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.criarsites.com\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.criarsites.com\/wp-json\/wp\/v2\/media?parent=252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.criarsites.com\/wp-json\/wp\/v2\/categories?post=252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.criarsites.com\/wp-json\/wp\/v2\/tags?post=252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}