O que são meta tags

Índice

O que são meta tags?
Utilização
Exemplo
Adicionando metatag no ASP.NET Web Forms
Para saber mais

O que são meta tags?

Meta tags permitem adicionar as páginas html informações sobre a própria página, por exemplo: uma breve descrição, data de criação, autor, palavras chave etc.

Utilização

Devem ser adicionadas no cabeçalho da página, ou seja na tag <header>, ex:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Relógios XYZ - Loja relógios, Preços de relógios, Catálogo</title>
    <meta name="description" content="Relógios XYZ possui uma lista completa de reláogios masculinos e femininos para compra, além de serviços de manutenção e uma galeria com a evolução dos relógios" />
</head>
<body>
    Página
</body>
</html>

Exemplo

Um exemplo mais completo de meta tag:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Relógios XYZ - Loja relógios, Preços de relógios, Catálogo</title>

    <meta name="description" content="Relógios XYZ possui uma lista completa de reláogios masculinos e femininos para compra, além de serviços de manutenção e uma galeria com a evolução dos relógios" />
    <meta name="keywords" content="relógios, compra, femininos, masculinos, esportivos, relógios históricos" />

    <meta name="robots" content="follow" />

    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="content-language" content="pt-br" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta http-equiv="expires" content="0" />

    <meta name="author" content="Eduardo" />
    <meta name="copyright" content="© 2009 Eduardo" />
</head>
<body>
    <div>
        Conteúdo da página
    </div>
</body>
</html>

A função de cada tag é a seguinte:

Description: Breve descrição da página
Keywords: Palavras-chave utilizadas por alguns motores de busca exibir informações da página para os usuários
Author: Nome do autor da página
Cache-Control:
- Public: Os dados da página podem ser armazenados de forma compartilhada, isto é, será utilizado por diferentes usuários de um mesmo browser (Notar que só é possível especificar usuários de browser no Firefox e Opera)
- Private: É o contrário de public, o cache é armazenado para um específico usuário
- No-Cache: A página não é armazenada em Cache
- No-Store: É feito um cache temporário, a página não é arquivada
Content-language: Declara a(s) linguagem(ns) natural(is) do documento. Pode ser usada pelos motores de busca para categorizar por idioma. Podem ser indicados mais de um idioma, ex: “pt-br, en-US …”;
Content-type: Define o tipo de conteúdo da página e o tipo de codificação de caracteres. Pode-se dizer que é a meta tag mais importante, sempre deve ser usada
Copyright: Direito autoral da página
Expires: Indica quando o conteúdo da página expira. É utilizado “0” (zero) para indicar que o robô deve indexar o conteudo novamente a cada visita
Robots: Especifica informações de indexação para os robôs de busca, suporta os seguintes valores:
- All: Valor default, significa vazio, o robô de busca não recebe nenhuma informação
- Index: Os robôs de busca podem incluir a página normalmente
- Follow: Robôs podem indexar a página e ainda seguir os links para outras páginas que ela contém
- NoIndex:Os links podem ser seguidos, mas a página não é indexada
- NoFollow: A página é indexada, mas os links não são seguidos
- None: Os robôs podem ignorar a página
- NoArchive (Apenas Google): A página não é arquivada

Adicionando metatag no ASP.NET Web Forms

Para adicionar meta tags em páginas aspx através do codebehind, utilize:

System.Web.UI.HtmlControls.HtmlMeta metaKeywords = new System.Web.UI.HtmlControls.HtmlMeta();
metaKeywords.Name = "keywords";
metaKeywords.Content = "";
System.Web.UI.HtmlControls.HtmlMeta metaDescription = new System.Web.UI.HtmlControls.HtmlMeta();
metaDescription.Name = "description";
metaDescription.Content = "";
Page.Header.Controls.Add(metaKeywords);
Page.Header.Controls.Add(metaDescription);

Para saber mais

Utilizando meta tags: https://developer.mozilla.org/pt-PT/docs/Utilizando_meta_tags
HTML : http://www.w3schools.com/tags/tag_meta.asp
Using Robots meta tag https://webmasters.googleblog.com/2007/03/using-robots-meta-tag.html