Curso de HTML/Recursos meta
Origem: Wikilivros, livros abertos por um mundo aberto.
As meta tags são usadas para diversas ocasiões. É possível fazer passar ao browser informações acerca do conteúdo, do autor, de descrições, etc, assim como controlar fluxo de informação e indexação a crawlers dos serviços de motores de busca.
Para se usar este recurso, usamos a tag <meta> dentro do corpo de <head>, composto pelos parâmetros HTTP-EQUIV, name e content.
<html> <head> <title>Página</title> <meta http-equiv="Refresh" content="60" /> </head> <body> </body> </html>
No exemplo acima, a tag meta indica ao browser que a página em questão deve ser actualizada de 60 em 60 segundos. Outras tags meta podem ser combinadas de forma a criarem outras instruções. De seguida apresentamos mais umas.
Tabela de conteúdo |
[editar] Indexação
Como já foi referido, as meta tags podem ser usadas para informar aos crawlers dos motores de busca o tipo de dados, as páginas, etc que podem ou não ser indexadas. Essas instruções são passadas usando o parâmetro name="robots" seguido da instrução que queremos passar ao crawler com content="<informação a passar ao crawler>". Exemplos destas metatags para bots:
<meta name="robots" content="INDEX" />: Este parâmetro informa ao crawler que pode indexar a página, ou seja, indexar a informação que se encontra nela.<meta name="robots" content="FOLLOW" />: Este parâmetro passa ao crawler a informação das hiperligações existentes na página, levando-o a segui-las para poder ou não - consoante as meta tags que existirem nas outras páginas - a indexar a informação lá existente.<meta name="robots" content="NOINDEX" />: Com isto estamos a pedir ao crawler para não indexar a página referida.
Também é possível combinar vários parâmetros:
<meta name="robots" content="INDEX,NOFOLLOW" />: Lendo isto, o crawler indexará a página referida mas não seguirá as hiperligações sugeridas no resto do documento.
[editar] Descrição
Com estas tags descritivas, podemos oferecer ao serviço de indexação ou motor de busca um texto personalizado e descritivo da página, ao invés das primeiras linhas que contem.
<meta name="description" content="Esta é a página pessoal do Vitor!" />
Não há muita variação possível aqui, a descrição é feita de apenas uma forma.
[editar] Palavras chave
Para que crawlers indexem por categorias, precisamos fazer passar uma metatag com palavras chave acerca do site:
<meta name="keywords" content="palavra chave nº1, palavra chave nº2, ..." />
[editar] Autor
É possível fazer passar informação do autor da página através das metatags. A forma de uso é a seguinte, desconhecendo-se actualmente outra forma de actuar.
<meta name="author" content="Lightningspirit" />
[editar] Cache
Podemos através das metatags optar por não fazer cache tanto à página como aos ficheiros nela submetidos no browser do cliente.
<meta http-equiv="cache-control" content="no-cache" />
ou
<meta http-equiv="Pragma" content="no-cache" />
[editar] Refresh e redirecionamentos
Com o mesmo http-equiv, é possível fazer passar ao browser o refresh da página de x em x segundos:
<meta http-equiv="Refresh" content="60" />: De 60 em 60 segundos (1 em 1 minuto) o browser actualizará a página
Do mesmo modo, acrescentando apenas um parâmetro, é possível redirecionar o browser para outra página:
<meta http-equiv="Refresh" content="3;URL:página de destino" />: Ao entrar nesta página, o cliente é redirecionando dentro de 3 segundos para o url especificado.
E isto é tudo o que se pode saber de meta tags