HTML - Meta tags

  »   HTML  »   HTML Tutorial - Meta tags (palavras chave, descrições, atualização, revisão...)

A meta tag é usada para gerar informação adicional no mecanismo de busca. Essa informação não será vista, a não ser que o usuário selecione para ver a "fonte" desde o menu 'View', onde tera acesso as partes HTML da página.

Meta palavras chave

Nas meta tags você pode adicionar palavras chave para a página. Aqui colocaremos as palavras e os grupos de palavras mais importantes que podem marcar seu site. É recomendável que você não abuse dessas tags, porque nem os mecanismos de busca, nem os usuários ganharão nada com você usar palavras chaves que não tem link com o conteúdo do site.

Aqui é um exemplo moderado de como usar uma meta tag

html<head>
	<meta name="keywords" content="web site, html tutorials, usege of html metatags" />
</head>

Esse exemplo é baseado no profile dessa página.

Como você pode ver, o nome especifica que tipo de meta tag será usada. Assim como a vírgula é usada para especificar que separa uma palavra da outra. Isso é bem trivial, mas as vezes tem de ser feito.

Meta descrições

Essa tag te ajudará a descrever seu site. O máximo de duas frases será usada para completar o conteúdo dessa tag.

html<head>
	<meta name="description" content="A web site resource for those willing to learn HTML and webmasters" />
</head>

Como você pode ver, o nome especifica que tipo de meta tag será usada. Google recomenda usar entre 200-250 caracteres para essa tag. Essa é uma das tags mais importantes em SEO.

Revisão de tags em meta

É usado para especificar o último update do site.

html<head>
	<meta name="revised" content="1/08/2008" />
</head>

Atualizando e direcionando em meta

Atualização é feito com a ajuda do atributo http-equiv="refresh" . O motivo dessa tag é atualizar a página e expor a nova informação. Muito útil para fóruns, por exemplo.

html<head>
	<meta http-equiv="refresh" content="10; url=http://www.tutorialehtml.com" />
</head>

Redirecionar é facilmente feito mudando o endreço da página da web pela que você quer que seja redirecionada. Essa aplicação é útil quando você compra um novo domínio e redreciona os usuários para a nova página desejada. Você pode usar esse site que faz isso automaticamente para você generates a redirect.

html<head>
	<meta http-equiv="refresh" content="5; url=http://www.etutoriale.ro" />
</head>