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


Índice - Recursos visuais avançados | Frames