•  
     

Utilizando meta tags

Utilizando meta tags

Tabela de conteúdos

1. Prós e Contras
2. Tipos de meta tags
2.1. HTTP-EQUIV
2.2. Name
2.3. Dublin Core
3. Lista de Metatags, atributos e especificações
3.1. Author
3.2. Cache-Control
3.3. Content-language
3.4. CopyRight
3.5. Description
3.6. Expires
3.7. Keywords
3.8. Pragma no-cache
3.9. Refresh
3.10. Robots
3.11. GoogleBoot
3.12. Imagetoolbar
3.13. Generator
3.14. Revisit-After
3.15. Rating
3.16. Content-Script-Type
3.17. Content-Style-Type
3.18. DC.title
3.19. DC.Creator
3.20. DC.Creator.adress
3.21. DC.Suject
3.22. DC.Description
3.23. DC.Publisher
3.24. DC.Custodian
3.25. DC.Date.Created
3.26. DC.Date.Modified
3.27. DC.Identifier
3.28. DC.Format
3.29. DC.Type

4. Informações Sobre o Documento Original

Meta dados incorporados ao código XHTML são, na verdade, estruturas de dados sobre os próprios dados, uma breve descrição do conteúdo da página, seu autor, data de criação, linguagem e outras informações relevantes.

Alguns sistemas de busca dão aos conteúdos das meta tags uma forte ênfase no ranking dos sites, a maioria deles indexa os dados das meta tags description e keywords como sumários da página.

Se estas tags forem usadas correta e racionalmente elas podem aumentar a relevância nos resultados de busca o que é vantajoso tanto para o proprietário do site quanto para seu usuário.

Prós e Contras
Como qualquer ferramenta, a utilização das meta tags tem seus prós e contras, vale ressaltar que o uso consciente de suas potencialidades pode praticamente anular seu lado negativo. Seguem algumas dicas:

Mantenha as meta tags simples e concisas: Descrições muito longas e palavras-chave em excesso serão ignoradas por alguns buscadores, inclusive, alguns deles indexam apenas as seis primeiras keywords. Sistemas de indexação podem também identificar o chamado "metatag spamming", onde as palavras-chave são repetidas várias vezes, penalizando, assim, o site em seu ranking.

Dê prioridade às palavras-chave mais importantes: Uma vez que alguns sistemas de indexação lêem somente algumas das keywords é importante listar as mais importantes primeiro.

Evite o uso da meta tag REFRESH para redirecionamento: Antigamente muito usada, hoje deve ser evitada, primeiramente porque ela tende a confundir os bancos de dados dos sistemas de indexação e depois porque confundem também ao usuário, especialmente os que porventura estejam navegando com leitores de tela.

Não abuse das meta tags: Meta tags fornecem informações usadas para categorizar, priorizar e rankear websites além de controlar seu conteúdo pelos webmasters e/ou autores, mas este privilégio não deve ser abusado. Como dito anteriormente muitos sistemas de indexação são "inteligentes" o suficientes para perceber quando há este tipo de abuso, penalizando o site em sua colocação no ranking.

Para o Google, elas não existem! Devido à grande quatidade de "metatag spamming" o robô de busca do Google foi programado para ignorá-las! Ele indexa parte do conteúdo da própria página em seu banco de dados ao invés da "description".

Tipos de meta tags
HTTP-EQUIV
Meta tags com o atributto HTTP-Equiv são equivalentes aos cabeçalhos http. Normalmente elas controlam as ações dos browsers e podem ser usadas para melhor especificar as informações.

Tags usadas desta forma têm um efeito equivalente quando sendo usadas como um cabeçalho HTTP.

Nota: Enquanto este tipo de meta tags funciona normalmente no Netscape, outros browsers podem ignorá-las. Elas também são ignoradas por servidores proxy, que vêm se tornando muito comuns. É mais recomendável usar o cabeçalho HTTP equivalente, como, por exemplo, do Apache.

Os cabeçalhos HTTP são definidos em

HTTP 1.0 e HTTP 1.1

Estes cabeçalhos podem ser gerados por scripts CGI e no Apache usando um arquivo contendo meta dados.

Name
Meta tags com o atributo "name" são usadas para tipos que não correspondem a cabeçalhos HTTP. Muitas vezes esta distinção é ignorada. Por exemplo, alguns buscadores reconhecem a meta tag "Keywords" com o tipo "http-equiv", outros com o tipo "name".

Dublin Core
Com o objetivo de melhorar a indexação das páginas pelos motores de busca, muitos grupos de desenvolvedores acabam criando sua própria "liguagem de metatags", a mais popular delas pertence ao projeto Dublin Core iniciado em 1995 buscando, segundo organizadores, mais flexibilidade para os autores.

Site oficial do projeto: http://www.dublincore.org

Lista de Metatags, atributos e especificações
Apesar de todo o alvoroço existente em torno dos meta dados, muitas pessoas ainda não tem um conhecimento adequado da maioria dos recursos que estas ferramentas proporcionam, abaixo segue uma lista das principais meta tags, seus valores e funcionalidades.

Nota: As palavras-chave "http-equiv", "name" e "content" são case-insensitive, assim como seus valores, mas segundo as especificações do XHTML, todo o código deve ser em letras minúsculas.

Author
O nome do autor da página.

Código: Selecionar todos

<meta name="author" content="André" />


Cache-Control
Esta tag é apenas reconhecida pelo http 1.1 e permite os seguintes valores:

Public: Os dados da página podem ser armazenados de forma compartilhada, isto é, será utilizado por diferentes usuários de um mesmo browser (Notar que só é possível especificar usuários de browser no Firefox e Opera).
Private: É o contrário de public, o cache é armazenado para um específico usuário.
No-Cache: A página não é armazenada em Cache.
No-Store: É feito um cache temporário, a página não é arquivada.
Nota: A diretiva "cache-control:no-cache" tem a mesma função de "pragma:no-cache". O ideal quando se usa essa instrução é utilizar ambas as formas caso não se saiba se o servidor é ou não compatível com o HTTP 1.1.

Código: Selecionar todos

<meta http-equiv="cache-control"   content="no-cache" />


Content-language
Declara a(s) linguagem(ns) natural(is) do documento. Pode ser usada pelos motores de busca para categorizar por idioma.

Código: Selecionar todos

<meta http-equiv="content-language" content="pt-br, en-US, fr" />


Content-type: Define o tipo de conteúdo da página e o tipo de codificação de caracteres. Pode-se dizer que é a meta tag mais importante, sempre deve ser usada.

Código: Selecionar todos

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />


CopyRight
Como o nome já diz declara o direito autoral da página.

Código: Selecionar todos

<meta name="copyright" content="© 2004 tex   texin" />


Description
Contém uma descrição da página

Código: Selecionar todos

<meta name="description" content="...resumo da página..." />


Expires
A data e a hora depois dos quais o documento deve ser considerado como expirado. Uma data ilegal como, por exemplo "0" é considerada como "agora".

Configurar "Expires" como "0" pode também ser usado para forçar uma nova checagem a cada visita do robô de busca.

Nota: Alguns robôs de busca podem deletar um documento de seu banco de dados ao encontrá-lo expirado, outros podem marcar uma revisita

Código: Selecionar todos

<meta http-equiv="expires" content = "Mon, 22 jul 2006 11:12:01 GMT" />


Keywords
As keywords tipicamente são usadas por alguns motores de busca para indexar os documentos juntamente com informações encontradas em seu título e body.

As frases ou palavras devem ser separadas por vírgulas.

Código: Selecionar todos

<meta name="keywords" content="..palavras-chave do documento" />


Pragma no-cache
Faz com que o navegador não armazene a página em cache. Diferencia-se de "cache-control:no-cache" pelo fato de ser reconhecida por todas as versões do HTTP.

Código: Selecionar todos

<meta http-equiv="pragma" content="no-cache" />


Refresh
Especifica um tempo em segundos para o browser atualizar a página, opcionalmente pode-se adicionar uma URL para a qual será redirecionado.

Código: Selecionar todos

<meta http-equiv="refresh" content="15;url=http://www.thechessman.org" />


Robots
Especifica informações de indexação para os robôs de busca, suporta os seguintes valores:

All: Valor default, significa vazio, o robô de busca não recebe nenhuma informação.
Index: Os robôs de busca podem incluir a página normalmente.
Follow: Robôs podem indexar a página e ainda seguir os links para outras páginas que ela contém.
NoIndex:Os links podem ser seguidos, mas a página não é indexada.
NoFollow: A página é indexada, mas os links não são seguidos.
None: Os robôs podem ignorar a página.
NoArchive (Apenas Google): A página não é arquivada.

Código: Selecionar todos

<meta name="robots" content="all" />


GoogleBoot

Em adição com a meta tag "Robots", o Google suporta um commando "GoogleBoot". Dizendo ao google que não quer que a página seja indexada.

Nota: A página continuará a ser indexada pelos outros buscadores

Código: Selecionar todos

<meta name="robots" content="all" />



Imagetoolbar
No internet explorer elimina aquela pequena barra de opções que aparece ao passarmos o mouse por cima de uma imagem

Código: Selecionar todos

<meta http-equiv="imagetoolbar" content="no" />


Generator
Indica o software usado para criar a página como forma de medir a popularidade do produto.

Código: Selecionar todos

<meta name="generator" content="Dreamweaver 8" />


Revisit-After
Diz para os servidores proxy refazer o cache da página depois de um tempo específico.

Esta meta tag não faz com que os motores de busca voltem para sua página, eles fazem isso em períodos aleatórios.

Código: Selecionar todos

<meta name="revisit-after" content="15 days" />


Rating
Esta tag funciona para classificar a página por censura, assim como no cinema, suporta os valores:

General: Para qualquer idade
14 years: Censura 14 anos
Mature: Para pessoas acima de 18 anos

Código: Selecionar todos

<meta name="rating" content="general" />


Content-Script-Type
Define o tipo padrão da linguagem de script do documento.

Código: Selecionar todos

<meta http-equiv="content-script-type" content="text/javascript" />  


Content-Style-Type
Define o tipo padrão de linguagem para estilização do documento.

Código: Selecionar todos

<meta http-equiv="content-style-type" content="text/css" />


DC.title
Desempenha a mesma função da tag "title", e deve conter o mesmo valor.

Código: Selecionar todos

<meta name="DC.title" content="Mr.TheChessMan - Impressões Ideológicas" />


DC.Creator
Tem o mesmo papel da meta tag "Author"

Código: Selecionar todos

<meta name="DC.creator " content="Gazola, André" />


DC.Creator.adress
E-mail para contato com o autor da página.

Código: Selecionar todos

<meta name="DC.creator.address" [email protected]" />


DC.Suject
Tem a mesma função da meta "Keywords".

Código: Selecionar todos

<meta name="DC.subject" content="metadata, metatags, dublin core,web design" />


DC.Description
Tem a mesma função da meta "Description".

Código: Selecionar todos

<meta name="DC.description" content="..aqui vai a descrição da página.." />


DC.Publisher
Nome da organização que é responsável pelo documento.

Código: Selecionar todos

<meta name="DC.publisher" content="Info Web Design" />


DC.Custodian
Normalmente, o webmaster responsável pela página.

Código: Selecionar todos

<meta name="Custodian" content="Gazola, André" />


DC.Date.Created
Data de criação da página no formato AAAA-MM-DD.

Código: Selecionar todos

<meta name="DC.date.created" content="2006-02-01" />


DC.Date.Modified
Última data de modificação do documento, importante para buscas por data.

Código: Selecionar todos

<meta name="DC.date.modified" content="2006-02-01" />


DC.Identifier
URL do documento.

Código: Selecionar todos

<meta name="DC.Identifier" content="http://www.thechessman.org">  


DC.Format
Especifica o tipo de dados contidos no documento.

Text/html;
Text/xml;
Text/html;
Image/jpg;
Image/gif;
Video/quicktime;
<meta name="DC.format" content="text/xhtml" />

DC.Type
Text, Home Page, menu, image, vídeo, dados, software ou sound são alguns dos valores suportados.

Código: Selecionar todos

<meta name="DC.type" content="text.homepage.institucional" />


Fonte: http://developer.mozilla.org/pt/Utilizando_meta_tags