As XHTML Meta Tags: Significado e Utilização
16.07.2008Há algum tempo eu gastei algumas horas pesquisando e lendo sobre as meta tags, o que são, para que servem e qual a forma correta de utilizá-las. Reuni em um arquivo pessoal de tudo o que eu encontrava e decidi disponibilizar aqui no blog para tirar algumas dúvidas e para servir como referência de consulta. Pode ser um assunto um tanto antigo ou repetido, mais semana passada ao iniciar a escrita do código XHTML do Projeto Irapida eu tive de utilizá-las novamente.
O Que São Meta Tags e Para Que Servem?
Meta Tags ou Meta Dados são informações sobre os dados que contém no site, ou seja, é uma pequena descrição do conteúdo da página, tipo de codificação usada no desenvolvimento, idioma do site assim como seu seu autor e outras informações.
Servem para que seu site seja melhor encontrado em pesquisas realizadas em sites de busca, pois muitos sistemas de busca dão elevada importancia a elas para classificarem o site, a maioria deles indexa os dados das meta tags de descrição e palavras chaves (description e keywords respectivamente) como sumários da página.
O uso dos meta dados deve obviamente ser moderado, você não precisa utilizar todas as meta tags existentes no seu site, utilize aquelas que realmente são importantes.
Aonde Colocar e Quais Utilizar?
Todas as meta tags devem estar localizadas dentro das tags de cabeçalho <head> e </head>. Eu considero indispensável a utilização das tags de codificação do site, de palavras chave e de descrição do site, mas claro existem as outras não menos importantes que devem ser utilizadas como a de linguagem natural do site e a de indexação por sistemas de busca. Confira abaixo uma listagem e explicação mais precisa de cada uma das meta tags.
Content-type: Define o tipo de codificação de caracteres em que o site está escrito, considero a tag mais importante de um documento web e sempre deve ser usada para que os visitantes do seu site possam facilmente mapear a codificação para Unicode. Eu costumo definir os documentos que eu desenvolvo com o UTF-8 por ser a melhor escolha para mim e para a maioria dos propósitos dos documentos, porém não é a única possibilidade, você pode ficar por dentro da lista completa segundo especificação da IANA - Internet Assigned Numbers Authority.
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
Keywords: É nesta meta tag que você coloca as palavras-chave do seu site, ela é muito utilizada por sistemas de busca para indexar o site. Para inserir as keywords você deve separá-las por vírgula, eu não sei exatamente se há um limite de palavras-chave, mas eu costumo utilizar o bom senso, coloco palavras realmente coerentes com o conteúdo do site sem se preocupar com a quantidade e no máximo colocar uma ou outra palavra no singular e plural, por exemplo: site, sites, servidor, servidores, etc… Lembrando que o uso exessivo de keywords pode ser considerado como uma técnica de Black Hat (fraude) por buscadores e seu site será penalizado.
<meta name="keywords" content="palavras, chave, separadas, por, virgulas" />
Description: É a meta tag que contém a descrição do site, é o conteúdo desta tag que o buscador mostrará como resumo do conteúdo do seu site. Evite frases muito grandes e utilize palavras das suas keywords na frase. Não faça um texto, seja direto.
<meta name="description" content="Breve descrição do site" />
Content-language: É o idioma utilizado no site, essa meta tag pode ser utilizada por sistemas de busca para classificar conteúdos por idiomas. Confira alguns exemplos:
- pt : Português
- pt-BR : Português do Brasil
- en : Inglês
- en-US : Inglês dos EUA
- en-GB : Inglês Britânico
- fr : Francês
- de : Alemão
- es : Espanhol
- ja : Japonês
<meta http-equiv="content-language" content="pr-BR" />
Robots: Esta meta tag é utilizada pelos sistemas de busca para saber as informações de indexação da página. Veja a lista de valores que podem ser escritos.
- all : é o valor padrão, com ele o sistema de busca não recebe nenhuma informação.
- index : com esse valor os sistemas de busca podem indexar o site normalmente.
- follow : quer dizer que os robôs podem indexar e ainda seguir os links contidos no site.
- noindex : com este valor os links do site podem ser seguidos porém o site não é indexado.
- nofollow : assim a página será indexada e os links não serão seguidos.
- none : os sistemas de busca podem ignorar a página sem realizar nenhuma tarefa.
<meta name="robots" content="all" />
Author: Você pode colocar dentro dessa meta tag o nome de quem criou o site, ou seja, o autor do documento. Caso queira inserir mais de um nome separe-os por vírgula.
<meta name="author" content="Fulano da Silva, Ciclano dos Santos" />
Copyright: Com esta meta tag, você pode declarar os direitos autorais da página.
<meta name="copyright" content="© 2008 recoha.com" />
Pragma: Com esta meta tag, o navegador na hora que estiver carregando o site ele não irá armazenar seu site em cache. Existe outra tag parecida com essa que é o “cache-control:no-cache” porém ela é reconhecida somente pelo HTTP versão 1.1, enquanto o Pragma é reconhecida por qualquer versão.
<meta http-equiv="pragma" content="no-cache" />
Refresh: Esta meta tag é utilizada para especificar ao navegador em quanto tempo ele irá recarregar a página ou carregar uma nova página. O tempo é medido em segundos e você pode ou não especificar uma URL para ser redirecionado.
<meta http-equiv="refresh" content="15;url=http://www.thechessman.org" />
Generator: Nessa meta tag você pode dizer qual o software foi utilizado para construir o site, isso é utilizado como forma de medir popularidade de cada produto.
<meta name="generator" content="Dreamweaver 8" />
Rating: Esta meta tag serve para indicar a classificação do conteúdo da página, ou seja, serve para classificar a censura. Pode ter os seguintes valores:
- general : significar que o conteúdo é para qualquer idade.
- 14 years : para dizer que a censura é de 14anos.
- mature : para pessoas com 18 anos ou mais.
<meta name="rating" content="general" />
Expires: Com a utilização desta meta tag, você estará dizendo a partir de quando seu site será considerado como expirado. Sistemas de busca ao visitarem seu site podem deletar referências da sua página em seus banco de dados caso percebam que esta meta tag informa que seu site está expirado.
<meta http-equiv="expires" content ="Sun, 20 jul 2008 12:00:00 GMT" />
Considerações Finais
Não abuse das meta tags, elas fornecem informações que muitas vezes são utilizadas para classificar e rankear seu site, por isso não exagere no uso das mesmas. Se usadas com conciência os pontos negativos serão praticamente anulados, visto que a inteçãos dos meta dados são focar benefícios. Abraço e até a próxima.
Este texto foi postado em 16.07.2008 e está classificado na(s) categoria(s) Desenvolvimento Web. Você pode acompanhar os comentários deste post através do RSS 2.0. Você pode também deixar um comentário ou um trackback do seu site.
o artigo esta muito bem, e que se percebe facilmente, mas seria interessante informar onde e qual o nome do ficheiro em que esta ou se pose colocar as meta tags
Pois onde está?
#1 Manuel, você quer saber em qual arquivo colocar as meta tags e em que parte do arquivo colocá-las, é isso?
As meta tags devem ser colocadas em todos os arquivos HTML do site e “devem estar localizadas dentro das tags de cabeçalho <head> e </head>.”
Caso não seja isso, explique melhor a sua pergunta!
abraço!
#2 Raquel, me desculpa mas não entendi a sua pergunta!