Metadados são dados sobre dados. Informações sobre a própria informação. Metadados são estruturas de informações que descrevem caracterÃsticas de uma fonte de informação.
Metadados servem para ajudar seres humanos ou máquinas a localizar e descrever informações, melhorando o gerenciamento e uso destas informações.
Existem uma série de padrões para se criar Metadados, mas por você ser um possÃvel profissional que trabalha com web, a que vai te interessar mais são as Metatags. Metatags são tags do HTML que lhe permitem inserir informações sobre o website. Você à s utiliza para informar seres humanos e aplicações, embora sejam as aplicações que fazem melhor uso destas informações.
As metatags são colocadas dentro da tag HEAD do seu documento HTML. Abaixo veja um exemplo de sintaxe:
<meta name="description" content="Tableless.com.br - Site sobre melhores práticas de desenvolvimento utilizando Padrões Web." />
Sistemas de buscas como Google utilizam as metatags para mostrar informações sobre o site nos resultados de busca.O Google especificamente ignora as metatags de Keywords, mas utiliza muito a metatag Description para exibir a descrição dos sites nos resultados de busca.
Diferença entre metatags HTTP-EQUIV e NAME
Quando o usuário clica em algum link na página, o servidor recebe uma requisição do browser via protocolo HTTP (uma série de regras que definem um diálogo entre o cliente e o servidor – mais aqui). O servidor dá uma série de repostas ao browser, que por sua vez mostrará na tela o que o servidor mandar.
Quando você utiliza o uma metatag HTTP-EQUIV, você controla alguns destes comandos, como por exemplo o cacheamento da página ou redirecionamento para outro endereço.
Já os metatags NAME não utilizam este tipo de conversa. Eles são responsáveis apenas em passar informações sobre o website para sistemas ou aplicações – como sistemas de busca.
Metatags importantes para uso
Description
<meta name="description" content="Tableless.com.br - Site sobre melhores práticas de desenvolvimento utilizando Padrões Web." />
A metatag description serve para informar uma descrição sobre o site. Nesta metatag você vai dizer para que serve o site, qual o assunto principal. É importante saber que os sistemas de busca indexam em média 250 caracteres desta metatag. Cuidade com este limite, pode ser que a descrição do site saia pela metade nos resultados de pesquisa.
Keywords
<meta name="keywords" content="xhtml, ajax, javascript, padroes web, tableless, desenvolvimento web">
Nesta metatag você colocará as palavras chaves relativas ao assunto do site. Se você utilizar algum CMS ou sistema de blogging – como o wordpress – é interessante que seja feito um estudo para inserir as tags das postas nestas metatags.
Robots
<meta name="robots" content="valor, valor, valor" />
Você pode controlar o que os robôs de busca irão indexar ou não indexar em sua página. Normalmente esta metatag é utilizada em alguma página que você não queira que o sistema de busca indexe.
- none: os robôs ignoram a página. É equivalente ao noindex e ao nofollow.
- noindex: a página não será indexada por um sistema de busca.
- nofollow: impede que os robôs de busca sigam os links da página.
- noimageindex: impede que as imagem sejam indexadas. Isso não inclui os textos.
- noimageclick: ignora links colocados diretamente em imagens.
- all: sem restrições de indexação
- index: robôs são permitidos para incluir esta página nas buscas.
- follow: robôs podem seguir os links da página para encontrar outras páginas.
Language
<meta name="language" content="pt-br" />
Você define qual a linguagem da página.
Author
<meta name="author" content="Diego Eis, Elcio Luiz Ferreira" />
Informa qual são os autores ou o autor da página.
Pragma
<meta http-equiv="pragma" content="no-cache" />
Informa que o navegador não deverá cachear a página.
É importante notar que não é necessário colocar muitas metatags em suas páginas. Apenas utilize aquelas que realmente serão úteis. Se você utiliza algo como o WordPress, é interessante encontrar plugins que ajudem na publicação de metatags nas páginas. Aqui no Tableless eu utilizo o Plugin para WordPress chamada AddMetaTags.
Uma lista maior de metatags você pode encontrar aqui: http://vancouver-webpages.com/META/. Há bastante informação também aqui.
31 Comentários
31 Comentários
TarcÃsio Sassara 11/01/2008 Ã s 04:33
Legal!
Bom, pelo menos este post é mais tranqüilo.
O mais importante pra mim é: Não sair recheando o Head da página com metatags. Não adianta muita coisa.
Só as mais importantes é que contam.
Eu já pesquisei muito sobre elas há alguns anos(quem ainda não pesquisou?) e quando encontro uma nova, dou uma olhadinha para saber se vale a pena usar.
Algumas que foram citadas neste Post são de uso praticamente obrigatório! Mesmo assim já vi muitos sites que não fazem uso das metas.(quem nunca viu?)
Ah! Diego,
Aguardo por mais textos polêmicos! =D
Abraço!
Cristian Trentin 11/01/2008 Ã s 08:50
Muito bom
Epassos 11/01/2008 Ã s 10:01
Muito bom o artigo.
Newton Calegari 11/01/2008 Ã s 10:16
Ótimo Post!
Agora esclareceu de uma vez por todas minhas antigas dúvidas sobre metatags.
Abraço,
Newton Calegari
Sergio Leal 11/01/2008 Ã s 10:23
Uma dúvida:
Em “Meta Description”, eu poderia usar diferentes textos para diferentes páginas em um site sem CMS?
Melhorando a pergunta:
Em um site, eu poderia utilizar a Description da página “Empresa” diferente da página de “Produtos”?
Sergio Leal 11/01/2008 Ã s 10:24
Complementando a questão acima:
Essa prática melhoraria a indexação do site pelos motores de busca?
Bruno Dulcetti 11/01/2008 Ã s 13:03
falei sobre isso tem bastante tempo… http://www.brunodulcetti.com/blog/2006/10/18/quais-e-como-utilizar-as-meta-tags-na-sua-pagina.html
Tiago Colucci 11/01/2008 Ã s 13:36
Interessante a matéria!
José 11/01/2008 às 13:54
Eu acho que o Google as ignora sim!
Vejam este texto retirado do site da mozilla(Meta Tags):
“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”.”
José 11/01/2008 às 14:02
Na verdade o Google ignora a metatag keywords…
Segundo esse artigo do blog oficial
http://www.blogger.com/profile/05980476691232878841:
”
Glen at Webstart said…
Hi John,
I notice that you do not mention the keywords meta tag – does this mean that Google totally ignores it?
December 4, 2007 3:37 AM
John Mueller said…
Thanks for asking, Glen! You’re right in that we generally ignore the contents of the “keywords” meta tag. As with other possible meta tags, feel free to place it on your pages if you can use it for other purposes – it won’t count against you.
“
José 11/01/2008 às 14:03
Coloquei o link errado.
O link certo é este:
http://googlewebmastercentral.blogspot.com/2007/12/answering-more-popular-picks-meta-tags.html#c7699172136299853362.
Abraços comunidade.
GHS 11/01/2008 Ã s 17:56
José,
O Google usa a meta-tag description para descrever o site sim, um exemplo é pesquisar no Google sobre “Mercado Livre”:
http://www.google.com.br/search?q=Mercado%20Livre
Note a descrição:
“A maior Comunidade de compra e venda online da América latina.”
Agora, entre no site e veja que há uma meta-tag description com exatamente esta descrição:
<meta name=”description” content=”A maior Comunidade de compra e venda online da América latina.”>
Cláudio Júnior 11/01/2008 às 18:02
Já percebi isso também, pelo menos o google não vai pelas metatags.
[]’s
rascunho » Blog Archive » links for 2008-01-11 11/01/2008 Ã s 18:20
[...] Tableless » Metatags – Breve introdução de uso e teoria Metadados são dados sobre dados. Informações sobre a própria informação. Metadados são estruturas de informações que descrevem caracterÃsticas de uma fonte de informação. Metadados servem para ajudar seres humanos ou máquinas a localizar e d (tags: http://www.tableless.com.br 2008 mes0 dia11 at_tecp metatags html explicação_introdutória) [...]
Mauro 11/01/2008 Ã s 21:20
Sobre a metatag “Language”, em vez de…
“Você define qual a linguagem da página.”
seria melhor escrever…
“Você define qual o idioma da página.”
Linguagem dá a entender que se trata de linguagem de programação. Idioma é mais preciso para indicar que se trata de lÃngua portuguesa, lÃngua inglesa, etc.
Guilherme Mattos 12/01/2008 Ã s 18:39
Poxa, valeu Diego
Nunca pensei que a minha sujestão fosse ser aceita.
Eu critico quando algo não está bom, mas também sei elogiar quando merece, e neste caso, belo post. Os links no final do artigo também são de grande ajuda, e finalmente vou dar um basta nas minhas dúvidas sobre metatags.
Valeu mesmo!
José 14/01/2008 às 11:39
@GHS
Conforme eu corrigi no comentário seguinte, na verdade o Google ignora a meta-tag KEYWORDS conforme o artigo do blog oficial que segue:Artigo.
felipe 14/01/2008 Ã s 11:51
Muito boa materia sobre metatags, mais aproveitando sua boa vontade, o sobre a tag , e extremamente dificil achar alguma coisa sobe elas, e quando acha e um breve resumo.
Então alguem sabe como elas funciona?
grato
Hide2System 14/01/2008 Ã s 12:48
Só uma dica para próximos textos,
lembrando que nossa lÃngua também é um padrão:
Palavras de origem estrangeira devem ser
escritos em itálicos.
Só nome de pessoas que não.
Experimente e verão que o texto fica mais
gostoso de ler.
charles 14/01/2008 Ã s 18:28
Valeu pelo post, eu me preocupo tanto com as benditas palavras chaves. Agora vou refletir mais e focar no conteúdo como um todo.
Obrigado mesmo.
Carlos Eduardo 17/01/2008 Ã s 10:15
Acho importante termos posts desse tipo para esclarecer e dar embasamento teórico para quem utiliza, mas não sabe exatamente do que se trata determinado assunto.
No caso das Metatags, com certeza é um tópico bastante pertinente!
José 18/01/2008 às 11:29
Vejo que o post foi corrigido na seção onde falava que o Google não ignora as metatags…
Agora o artigo ficou uma referência bem completa e correta sobre o assunto.
Abraços comunidade…
Sexta-feira dos Web Standards #11 · project.47 - Portfolio e blog sobre Web Standards 19/01/2008 Ã s 17:03
[...] Metatags – Breve introdução de uso e teoria – Artigo que explica o que são as metatags, as maneiras de utilizá-las e quando devemos usá-las. [...]
Bit por minuto » Metags!!!!! 21/01/2008 Ã s 11:14
[...] O que foi uma mentira pq ele dessecou muito bem e não deixou pra menos se quiser o link clique aqui. Publicado em Dica, Interessante, NotÃcias, Programação | por admin deixar [...]
Metatags, Longdesc e a realidade... - Mundo Tecno 24/01/2008 Ã s 16:41
[...] da pesquisa ainda possa mudar, tudo vai depender da qualidade dos profissionais da nossa área. Boas referências não faltam, é questão de ir atrás, pesquisar, de levar nosso trabalho a sério e não mais como [...]
Leandro Costa 25/01/2008 Ã s 15:04
A utilização de meta tags deve ser feita de maneira consisa, conciênte, páginas com descrições enormes e cheios de palavras chave que não tem nada a ver com o conteúdo são simplesmente ignoradas pelo algoritmo de classificação e posicionamento nas páginas de resultados dos buscadores, em especial o google.
Como na maioria das o importante é ter bom senso e utilizar as tags para aquilo que elas foram planejadas, semântica essa palavra diz muito.
Boa matéria para alertar os desavisados.
Tableless » IE8 Targeting Version 25/01/2008 Ã s 17:05
[...] que o pessoal da Microsoft, juntamente com o WaSP foi a seguinte: usando uma declaração de metatag, nós poderemos especificar a maneira que o motor de um browser como o IE8 deverá renderizar a [...]
rodrigo 01/03/2008 Ã s 20:55
ótima materia, mas miinha dúvida, Keywords servem para algo ainda?
Tutorial Intermediário de HTML: Tags Meta « Codando 09/03/2008 Ã s 20:11
[...] se aprofundar no assunto, leia o artigo sobre tags meta no [...]
Rafael Carazolli 03/05/2008 Ã s 14:28
É muito bom e importante, des de que eu comecei a fazer as metatags em minhas páginas os resultados melhoraram muito…
Marcelo 06/05/2008 Ã s 17:54
Viva!!! foi muito tempo em pesquisas no google para saber mais sobre o pagerank…. melhorar meu site.. fazer metatags e sitemaps mas agora tá começando a aparecer resultado…, muito baixo, é verdade, apenas 1, mas é daqui pra frente!!!