HTML

Meta tags.

Meta tags, são linhas de código HTML que, entre outras coisas, descrevem o conteúdo do site para os motores de busca.

Cada vez mais os motores de busca levam em consideração a qualidade do conteúdo nos resultados de pesquisa, e por isso adicionar simplesmente meta tags no código fonte da página não vai melhorar o posicionamento dela.
Porém, as meta tags ainda tem valor se utilizadas corretamente.
As meta tags devem ser incluídas dentro da secção <head>.

<meta http-equiv=" content-type" content="text/html;charset=iso-8859-1">
Neste caso informa que a linguagem usada no document é ISSO-8859-1, que é uma linguagem derivada do latim.

<meta http-equiv="content-language" content="pt">
Neste caso informa que a linguagem usada no site é pt (Português). Podia ser en (Inglês), zh (Chinês), it (Itáliano), de (Alemão), enfim qualquer linguagem.

<meta http-equiv="refresh" content="segundos;url=url de destino">
Esta tag redireciona a página nos segundos especificados para o url de destino especificado.

<meta name="keywords" content="palavras chave separadas por virgulas seguida de um espaço, (exemplo: site, site, site)" >
Nesta tag devesse incluir uma quantidade de palavras que descrevam o conteúdo da página, tentando não ultrapassar o limite máximo de aproximadamente 150 caracteres.
Não convém repetir palavras.
Não se pode usar quebras de linha, porque será considerado um erro e ignorado.
As palavras devem ser separadas com vírgulas e todas elas em letra minúscula, alguns motores de busca têm problemas com letras maiúsculas e podem ignorar o site.
Pode-se usar palavras no singular e plural.
Palavras com acentuação apenas usando a codificação ISO, (exemplo: codificaç), caso contrário não devem colocar acentuação.

<meta name="description" content="palavras chave separadas por virgulas">, Nesta tag devemos escrever uma ou duas frases que descrevam o nosso site, o buscador vai apresentar estas frases como resumo do conteúdo do site, não devemos ultrapassar um limite máximo de aproximadamente 90 carateres.
Por vezes o buscador usa o conteúdo escrito dentro da tag <title> e não este.

<meta name="copyright" content="direitos de autor">
Esta tag especifica os direitos de autor do site, (exemplo: copyright©2015).

<meta name="author" content="nome do autor">
Esta tag especifica o nome do autor do site.

<meta name="designer" content="nome do designer">
Esta tag especifica o nome do designer do site.

<meta name="reply-to" content="email">
Esta tag especifica o endereço de correio electrónico para que seja possível entrar em contacto com o responsável pelo site.

<meta name="generator" content="programa usado na construção do site">
Esta tag especifica o programa usado na construção do site.

<meta name="revisit-after" content="período, (exemplo: 7 days)" >
Esta tag informa as aranhas para voltar ao site em 7 dias e indexá-lo novamente.
Se modificarmos conteúdo regularmente no nosso site convém usar este exemplo, mas devemos sempre ter em conta o numero de vezes que atualizámos o nosso site.
O Google tem a sua própria data de indexação, mas temos de nos lembrar que de uma certa forma todos os motores de busca estão interligados.

<meta http-equiv="pragma" content="no-cache">
Esta tag faz com que o navegador não armazene a página em cache.

<meta http-equiv="imagetoolbar" content="no">
Esta tag elemina no internet Explorer a barra de opções que aparece por cima de uma imagem quando passamos o cursor.

<meta name="rating" content="?">, classifica a página por censura.
general (qualquer idade). Mature (maiores de 18 anos). 14 years (censura 14 anos).

<meta name="robots" content="index,follow">
Esta tag indexa a página inicial e todas as páginas nela referenciada.

<meta name="robots" content="noindex,follow">
Esta tag não indexa a página inicial, mas indexa todas as páginas nela referenciada.

<meta name="robots" content="index,nofollow">
Esta tag indexa a página inicial, mas nenhum link nela existente.

<meta name="robots" content="noindex,nofollow">
Esta tag não indexa nem a página inicial nem nenhuma página nela referenciada, os buscadores não encontrão a página.

<meta name="robots" content="noarchive">
Esta tag não permite aos buscadores guardarem uma cópia da página em cache.

<meta name="googlebot" content="noindex,nofollow">
Esta tag faz com que o Google não encontre a página.

Podemos também usar meta tags para gerar um efeito de entrada ou saída.
Quando um utilizador sai ou entra na nossa página ou no nosso site, ocorre um efeito específico.
Escolhi dois exemplos de efeitos para vermos, mas Infelizmente não funciona em todos os browsers.

Exemplos:

<meta http-equiv="Site-Exit" content="revealTrans(Duration=1.0,Transition=8)">
<meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=12)">

Podemos mudar o efeito de transição da página mudando o valor de Transition=? Por valores inteiros até 22.


0|1|2|3|4|5|6|7|8|9|10|11|12|13|14