Larback - Retornando conhecimento

Confiança é aquele sentimento que você tem antes de compreender a situação

Meta tags

Introduo

Meta tags so linhas de cdigo HTML ou "etiquetas" que, entre outras coisas, descrevem o contedo do seu site para os buscadores. nelas que voc vai inserir as palavras-chave que facilitaro a vida do usurio na hora de te encontrar, por exemplo. Por meio delas, voc pode tambm "assinar" seu site, declarando sua autoria sobre o cdigo fonte.

Cada vez mais os buscadores levam em considerao a qualidade do contedo nos resultados de pesquisa, e por isso simplesmente adicionar meta tags no cdigo fonte da sua pgina no vai melhorar o posicionamento dela. Porm, as meta tags ainda tem seu espao se utilizadas corretamente.

Neste artigo veremos as principais meta tags e suas funes.


Como utilizar as meta tags

As meta tags devem ser includas no seu cdigo HTML, dentro da tag <head>, como mostra o exemplo a seguir:

<html>

	  <head>
	  <title> Aprendendo sobre as meta tags </title>
	  <meta name="author" content="Erika Sarti">
	  <meta name="description" content="Meta Tags - O que so e como utiliz-las">
	  <meta name="keywords" content="sites, web, desenvolvimento">

	  </head>
	  ...

Vamos entender melhor as instrues "menos bvias", isto , keywords e description:

keywords

Nesta tag voc deve incluir uma quantidade de palavras que se referem ao contedo da pgina. Mantenha o limite de aproximadamente 150 caracteres. Se no utilizar as mesmas palavras, tente utilizar sinnimos. Nunca quebre uma linha de palavras-chave, porque seu trecho de cdigo ser considerado um erro e ser ignorado. Sempre separe as palavras com vrgula e declare todas elas em letras minsculas - alguns buscadores tm problemas com letras maisculas e podem ignorar seu site.

<meta name="keywords" content="sites, web, desenvolvimento, html, design">

Pessoalmente, eu costumo incluir os termos no singular e no plural (site, sites). No caso de palavras acentuadas, eu ignoro a acentuao ou utilizo os caracteres acentuados em HTML ("manuteno" fica "manutencao" ou "manuten&ccedil;&atilde;o").

Infelizmente, alguns desenvolvedores fizeram mal uso deste recurso no passado, o que faz com que alguns robots e spiders no deem muita ateno s meta tags keywords. Se no tm mais tanta influncia nos resultados dos principais buscadores, as meta tags keywords ainda podem ajudar a categorizar o contedo da sua pgina. Por isso, sempre use palavras-chave coerentes com o seu contedo, e nunca acrescente itens s para aparecer melhor na busca, afinal voc sabe que quando o usurio entra no seu site e no encontra o que foi "prometido" sair rapidamente da pgina. Alm disso, os buscadores melhoram seus algoritmos de busca a cada dia, e um truquezinho que aparentemente vai te ajudar pode atrapalhar e muito.

description

Uma ou duas frases que o buscador apresentar como um resumo do contedo do seu site. Procure manter um limite de aproximadamente 90 caracteres.

<meta name="description" content=" Meta Tags - O que so e como utiliz-las - Um artigo para iniciantes">

Sozinhas, as meta tags no fazem milagres na divulgao do seu site: d muita importncia ao seu contedo em primeiro lugar. a dobradinha contedo bem apresentado + atualizao constante que vai fazer com que o usurio sempre volte. Um ttulo coerente com o contedo e explicativo tambm ajuda.

Cuide tambm dos seus links: procure inserir apenas endereos para pginas com assuntos relacionados ao seu contedo, e tente ser "linkado" de volta. Em quanto mais pginas relevantes sobre o mesmo assunto seu site aparecer, melhor ele estar no ranking dos buscadores.


Escondendo seu site dos buscadores

Hoje em dia um pouco obsoleto utilizar as meta tags para esconder determinadas pginas do seu site dos buscadores. Para melhores resultados, voc pode experimentar o uso de um arquivo robots.txt (link em ingls).

To importante quanto conhecer a utilidade da tag keywords saber usar a tag robots. A funo desta informar aos buscadores se devem indexar sua pgina ou no. Parece contraditrio falar sobre isso, mas, na verdade, bloquear seu site pode ter l suas vantagens.

Quando voc utiliza pop-ups ou iframes para mostrar o contedo do seu site, por exemplo, no interessante que o buscador indexe essas pginas, afinal, se elas forem acessadas individualmente, no vo significar nada e no traro visitao relevante ao seu site. Tambm pode ser interessante no indexar seu site quando o contedo restrito a um grupo de pessoas e no precisa de divulgao ou quando voc quer fazer um blog mais reservado, por exemplo. Nestes casos, mesmo que outras pessoas faam links para o seu site, ele no aparecer em nenhuma busca (na verdade, isso pode depender de critrios internos do buscador).

Os valores possveis para esta tag so:

<meta name="robots" content="index,follow">
<meta name="robots" content="noindex,follow">
<meta name="robots" content="index,nofollow">
<meta name="robots" content="noindex,nofollow">
<meta name="robots" content="noarchive">

Aqui, os valores "index" e "noindex" se referem ao tratamento da pgina inicial: se o buscador deve ou no inclu-la nos resultados, respectivamente.

J os valores "follow" e "nofollow" se referem aos links da pgina inicial, se eles devem ser visitados e indexados ou no.

Portanto:

<meta name="robots" content="index,follow">

Indexa a pgina inicial e todas as pginas nela referenciadas.

<meta name="robots" content="noindex,follow">

A instruo acima no indexa a pgina inicial, mas indexa as pginas nela referenciadas.

<meta name="robots" content="index,nofollow">

A instruo anterior indexa a pgina inicial, mas nenhum link existente nela.

<meta name="robots" content="noindex,nofollow">

Por fim, a instruo acima no indexa nem a pgina inicial e nem seus links.

Portanto, se voc quiser evitar que os sites de busca encontrem seu site, use a ltima opo. Porm, se voc quiser que apenas o Google no encontre seu site ou se quiser remover uma pgina dos seus resultados de busca a partir da prxima varredura, pode utilizar a seguinte tag:

<meta name="googlebot" content="noindex,nofollow">

A maioria dos buscadores armazena uma cpia da sua pgina em cache, para otimizar a busca. Para evitar isso, voc pode utilizar a tag a seguir:

<meta name="robots" content="noarchive">

Todavia, lembre-se que alm de acelerar a busca, armazenar uma cpia em cache tem a finalidade de disponibilizar o resultado ao usurio caso seu site esteja passando por algum problema tcnico. Use esta tag somente se o contedo do seu site for muito especfico quanto a essa necessidade.


Mais do que divulgar seu site nos buscadores

As meta tags no servem s para divulgar seu contedo. Basicamente, a funo delas fornecer informaes adicionais sobre seu site. Vamos conhecer melhor algumas meta tags interessantes.

content-language

Especifica a lngua primria da pgina. til para ajudar o buscador a classificar seu site no idioma apropriado, orientar os navegadores a exibir acentuao e caracteres especiais corretamente, e para facilitar o uso de corretores ortogrficos.

Alguns valores possveis:

pt Portugus
pt-br Portugus do Brasil
en Ingls
en-us Ingls dos EUA
en-gb Ingls Britnico
fr Francs
de Alemo
es Espanhol
it Italiano
ru Russo
zh Chins
ja Japons

Um exemplo usando o valor "pt-br":

<meta http-equiv="content-language" content="pt-br">

content-type

Especifica o tipo de contedo da pgina e o conjunto de caracteres que ele usa. recomendvel utilizar esta meta tag em todas as pginas do seu site, porque ela garante que os navegadores iro tratar seu documento da maneira mais apropriada, especialmente quando voc utiliza formulrios para enviar informaes entre pginas. Para quem desenvolve pginas em idiomas orientais, utilizar o conjunto de caracteres apropriados fundamental para que eles sejam exibidos corretamente.

Os valores mais comuns so:

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

Onde:

text/html define que o contedo um texto em linguagem HTML. Se voc desenvolve sites em XHTML ou XML, certamente sabe que dever aplicar os valores "application/xhtml+xml" e "application/xml", respectivamente.

iso-8859-1 a codificao da linguagem mais comum para exibir textos em lnguas derivadas do latim.

author

Por meio das meta tags, voc tambm pode declarar sua autoria sobre a pgina, "assinando" seu cdigo fonte:

Eu considero esta tag importantssima. Ela pode ser til quando algum usurio procura pelo seu nome em um buscador ou quando o site do seu cliente no tem uma forma de contato direto com voc desenvolvedor por alguma razo.

<meta name="author" content="Erika Sarti">

Infelizmente, trabalhamos com o risco de clientes no pagarem pelo nosso trabalho, motivo pelo qual tambm importante manter uma tag com o seu nome no cdigo do site para ajudar a provar que ele foi desenvolvido por voc.

reply-to

Especifica um endereo de e-mail para entrar em contato com o responsvel pelo site.

<meta name="reply-to" content="erikasarti@infowester.com">

generator

Alguma vez voc j reparou que quando edita uma pgina HTML feita no FrontPage ou no Word, muitas vezes o programa que a gerou que abre para edio, e no o Bloco de Notas ou seu editor no-visual padro? Isso por causa da meta tag generator, que especifica o programa que construiu a pgina:

<meta name="generator" content="Microsoft FrontPage 5.0">

assim que o sistema operacional sabe que editor utilizar e que cone mostrar ao exibir um arquivo .htm ou .html em uma pasta.


Redirecionando o visitante para outra pgina

Alguma vez voc j deve ter visitado um site que mudou de endereo e que exibe uma mensagem do tipo:

Voc ser redirecionado para um novo site em 5 segundos.
Se no quiser aguardar, clique aqui.

Esse redirecionamento pode ser feito com meta tag, por meio de uma nica linha:

<meta http-equiv="refresh" content=" 5 ;url=http://www.novosite.com/">

Ou seja, depois de 5 segundos, o navegador ser redirecionado para o endereo www.novosite.com.

Essa mesma tag utilizada para atualizar automaticamente uma pgina dinmica, como a home page de um portal ou a sesso de notcias de um site, por exemplo. Neste caso, o intervalo de tempo em segundos deve ser bem maior e a URL deve ser o endereo do prprio site a ser atualizado.

<meta http-equiv="refresh" content="120;url=http://www.seusite.com/">

Lembre-se apenas de utilizar esse recurso com cautela, pois uma pgina que atualizada automaticamente pode interromper a atividade do usurio, deixando-o irritado.

Redirecionamento com PHP e cdigo 301

Apesar de as instrues do tpico acima funcionarem, especialistas em Search Engine Optimization (SEO) e o prprio Google recomendam que, toda vez que voc tiver que mover uma pgina permanentemente, o faa utilizando o cdigo 301. Esse procedimento oferece maiores garantias de que o buscador entender que se trata de um redirecionamento, diminuindo as chances de problemas na indexao do site.

Em cada linguagem h maneiras de se fazer isso. Usaremos PHP como exemplo. Na pgina que tiver que ser redirecionada, basta inserir as seguintes instrues:

	  <?
	  Header( HTTP/1.1 301 Moved Permanently );
	  Header( Location: http://www.novoendereco.com.br/ );
	  ?>

Assim, toda vez que o usurio acessar o endereo antigo, ser automaticamente redirecionado para o link informado em Location.

Retirado na íntegra de http://www.infowester.com/metatags.php