Meta Tags

Certamente já ouviu dizer algo como isto "Quer o primeiro lugar no google basta mudar as metatags".
Este conceito não corresponde à realidade, no entanto, algumas das metatags são importantes para que os robots classifiquem melhor um documento na web.
As meta tags têm como função básica, descrever o documento para os motores de busca podendo inibir os motores de busca de colocarem no seu índice o documento, funcionam como elementos de ajuda para os browsers.

O que são Meta Tags ?

Meta tags são textos informativos, colocadas entre as etiquetas <head></head> que têm função informativa,
não são visíveis quando se visualiza a página. A informação contida tem diversas finalidades, dizer ao browser do visitante que código de caracteres usa o documento, por exemplo.

Vamos então verificar as diferentes meta-tags e a sua função:
<head>
<title>BITPT Meta tags</title>
<META NAME="description" CONTENT="Meta Tags para que servem e como se utilizam"
<META NAME="Keywords" CONTENT="metatags, webmaster,html,page description "
</head>

neste exemplo podemos verificar o inicio da página com a etiqueta <head> e o final da etiqueta </head>

Tag Title

Na realidade o title não é uma meta tag, o texto dentro destas etiquetas aparecerá na barra do browser do visitante.
Uma outra finalidade é de ficar como titulo quando alguém adiciona a página aos seus favoritos. É a principal informação dentro do cabeçalho, é por isso fundamental que seja o mais curta possível e descritiva.

Tag Description

Esta etiqueta destina-se apenas a descrever aos motores de busca o que contem a página, está neste momento a ser excluída como factor de classificação, é no entanto um factor importante,
especialmente para as páginas sem conteúdo directo (páginas apenas com imagens ou multimédia), deve conter texto normal descritivo.
O texto existente é colocado no índice não deve ter mais de 200 caracteres, neste momento o google gera a sua própria descrição para cada uma das páginas, baseado no conteúdo directo de cada página, existe alguma discussão sobre o impacto que tem neste momento a description meta tag nos resultados.

Tag Keywords

Esta tag destina-se a enviar informação adicional aos motores de busca. A maior parte dos motores de busca ignora esta etiqueta, é pouco provável que se não tiver a palavra "cenoura" dentro do conteúdo da sua página possa aparecer se for colocada apenas nas keywords.
É uma tag cada vez menos utilizada pelos webmasters, e cada vez menos utilizada pelos motores de busca. Foi no passado o principal factor de classificação de uma pagina nos resultados, permitia o uso de 1000 caracteres, o uso de virgulas nesta tag é desnecessário.

Tag Robots

<title>BITPT Meta tags</title>
<META NAME="description" CONTENT="Meta Tags para que servem e como se utilizam"
<META NAME="Keywords" CONTENT="metatags, webmaster,html,page description "
<META NAME="robots" CONTENT="index, follow" >
</head>

A tag robots destina-se a informar os robots se podem ou não indexar a página, e se podem ou não seguir os links. Pode ter em alguns casos a mesma função do ficheiro robots.txt . Colocando o texto
<meta name="robots" content="index, follow" >

Permite aos spiders indexar, todo o conteúdo. O "follow" determina se os robots podem ou não seguir os links existentes na página.

Usando esta tag como:

<meta name="robots" content="noindex, nofollow" >

Os motores de busca não colocam a informação no índice, não seguem os links existentes na página.

Não precisa de utilizar esta etiqueta se pretende que a página seja indexada, por defeito os searchers indexam e seguem todos os links.
Quanto à opção do noindex e nofollow, se utilizar o ficheiro robots.txt é bastante mais eficiente do que a utilização do bloqueio nas meta tags. É muito útil no caso de existir conteúdos duplicados dentro de uma mesma página, por exemplo, temos uma página de impressão, ou uma página de impressão em que o conteúdo é idêntico a uma página já existente.

Meta Language

<title>BITPT Meta tags</title>
<meta http-equiv="Content-Language" content="pt" >
<META NAME="description" CONTENT="Meta Tags para que servem e como se utilizam"
<META NAME="Keywords" CONTENT="metatags, webmaster,html,page description "
<META NAME="robots" CONTENT="index, follow" >
</head>

A meta language é muito importante não só para os visitantes, como para os motores de busca.
Se tem uma página apenas numa língua, quase sempre os motores de busca conseguem detectar a linguagem base do documento, não o conseguem detectar. Se tem várias linguagens na mesma página, continua a ser muito importante informar que linguagem estamos a utilizar.
Os motores de busca usam como factor de língua em primeiro lugar o domínio se for .pt, é um site em Português de Portugal, não interessa onde está alojado.
Mas queremos colocar uma página em Francês no seu interior, excepto se utilizarmos esta tag, o motor de busca vão considerar a página em português.
Se o domínio for .com alojado nos EUA, os motores de busca não consideram a página de Portugal, embora possam detectar o texto em determinada língua é fundamental que exista uma separação clara.

Meta charset

Esta etiqueta define o conjunto de caracteres usados no documento, é comum esta meta estar incorrecta para linguagens diferentes do Inglês,
Para Português o código de caracteres utilizado é o iso-8859-1 e não como é frequente encontrar na internet UTF ou 1252.
Embora o UTF tenha quase todos os caracteres existentes, não tem todos, o uso incorrecto desta tag faz com que alguns visitantes não consigam ver as palavras com caracteres específicos
de determinada língua. por exemplo: o "ç" ou o "â", embora os browsers tentem detectar automaticamente o código de caracteres, o uso incorrecto deste código pode produzir erros tanto na indexação como na visualização da sua página.

Meta Author

Meta Distribution

Meta Rating

Esta etiqueta define o tipo de utilizador para este site, é muito importante nos sites para adultos, embora os motores de busca classifiquem o site de adulto pelos termos utilizados, a utilização desta tag aumenta consideravelmente o posicionamento nos motores de busca, tornando claro que os conteúdos são para adultos.
para sites de adultos usa-se

Meta Expires Tag

Esta tag define exactamente se um documento expira em determinada data.

<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

Meta Prama Tag

Define se um determinado browser pode ou não colocar a página em cache e trabalhar com ela off line, é especialmente útil no controle de navegação local do Netscape Navigator.

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

Meta Refresh

Recarrega o browser ao fim de algum tempo pode direccionar para outra URl ao fim de algum tempo. Deve-se ter especial atenção em não utilizar esta função para redireccionar para outra URL, se tiver de ser utilizado não colocar o tempo de redireccionamento menor que 10 segundos.Pode ser utilizada quando determinada página tem conteúdo dinâmico e necessita de apresentar novos dados porque foram alterados por inclusão de nova informação.

<META HTTP-EQUIV="Refresh" CONTENT="0;URL=http://www.novaurlcom">

Met Tag Set-Cookie

É um dos métodos para definir um cookie no navegador do visitante, se definir uma data de expiração o cookie é gravado no disco do utilizador até expirar.. de outra forma é gravado no disco do visitante e funciona apenas até a sessão expirar.

<META HTTP-EQUIV="Set-Cookie" CONTENT="cookievalue=xxx;expires=Wednesday, 21-Oct-98 16:14:21 GMT; path=/">

Meta Tag Generator

Generator meta tag informa que programa foi utilizado para gerar o documento.

META NAME="generator" CONTENT="Programa utilizado para fazer a página"

LINK REL|REV href="www.url.com"

REV="made": Indica o criador do documento. Normalmente usa-se mailto: URL com o email do responsável pela criação da página. Navegadores avançados permitem actualmente que os utilizadores possam comentar.
REL="stylesheet": Indica a localização do ficheiro de estilo para o documento.

as opções seguintes permitem a navegadores avançados colocar botões de navegação automaticamente.

REL="home": indica a localização da página inicial, ou de inicio
REL="toc": indica onde se encontra a tabela de conteúdos do site.
REL="index": Indica a localização do index do website. não tem de ser o mesmo da tabela de conteúdos. O index pode estar por ordem alfabética, por exemplo.
REL="glossary": Indica o local do glossário para o site.
REL="copyright": Indica qual a página que tem informação de direitos de autor para o site.
REL="help": Indica a localização da página de ajuda, pode ser muito útil em sites de grandes dimensões e com alguma complexidade.
REL="shortcut icon": Indica o localização do favicon.

exemplos de utilização

link rel="shortcut icon" href="http://www.url.com/favicon.ico"

link rel="stylesheet" type="text/css" href="http://www.url.com/estilo.css"

entre < >

BASE href="absolute URL"

indica a url base do website, deve ser usada com valor absoluto ex: http://www..url..com

< base href="http://www.url.com" >