Desenvolvimento - HTML
Meta Tag: Onde e como inserir em seu código
Nesse tutorial estarei explicando onde devemos colocar as meta tags de HTML e quais são as principais tags a serem usadas no seu site.
por Alan MoskoO que é uma META Tag
Para que você possa entender o que são as meta tags, vamos começar explicando o significado das palavras. Meta é um prefixo que entra na composição de muitas palavras, como por exemplo, metabolismo, metabólito. (Não confundir com o substantivo meta, popular entre nós, e que, entre outras coisas, significa aquele espaço que fica entre três páus ou hastes, e onde os jogadores de futebol fazem os gols.) Quando se fala em "meta tags" o prefixo fica separado do substantivo tag. Não se fala metatag ou metatags. Portanto, o prefixo meta passa a ter uma característica própria. E pode-se dar diferentes interpretações para o prefixo, todas apropriadas à sua função.
Meta pode designar o que está atrás. Pode também designar o que está além. Pode indicar que algo vem em sucessão. Qualquer dessas interpretações são apropriadas, como você verá. Vamos ver em seguida o significado de "tag".Onde colocar ?
Listagem 1: Colocar todas as meta tags entre as tags
<html>
<head>
Colocar META tags aqui
</head>
<body>
</body>
<html>
Listagem 2: Meta tag de TÍTULO - - Coloque 1 a 3 palavras/frase-chave que façam sentido; fique em cerca de 67 caracteres
<html>
<head>
<TITLE>Nome do Site</TITLE>
</head>
<body>
</body>
<html>
Listagem 3: Meta tag de DESCRIÇÃO - Até 150 caracteres
<html>
<head>
<META NAME="DESCRIPTION" CONTENT="Descrição do seu site">
</head>
<body>
</body>
<html>
Listagem 4: Meta tag de SINTESE - Até 70 caracteres
<html>
<head>
<META NAME="ABSTRACT" CONTENT="Sintese">
</head>
<body>
</body>
<html>
Listagem 5: Meta tag de PALAVRAS CHAVES - Até 12 palavras e/ou frases de 2-3 palavras, separads por vírgulas - limitar em 255 CARACTERES
<html>
<head>
<META NAME="KEYWORDS" CONTENT="Palavras-chave" >
</head>
<body>
</body>
<html>
Meta tag de ROBO DO GOOGLE - Essa tag serve para que você diga ao robo do google, que lê todos os sites, qual paginas ele pode indexar (ou seja mostrar na pesquisa do Google) - Ex.: Se seu site tem uma área de administração o Google não pode ler e mostrar na página de pesquisa do seu site.
O content "Index, Follow" (mais usado) diz ao Google que ele pode indexar tudo que está conectado com index e seguir(indexar páginas linkadas na página index)
Listagem 6: Meta Robot
<html>
<head>
<META NAME="ROBOT" CONTENT="Index,Follow" >
</head>
<body>
</body>
<html>
Listagem 7: Metas robot opcionais
- Indexar Tudo - Indexar mas não seguir - Não indexar e não seguir - Não indexar mas seguir - Para nao criar cache no buscador
Listagem 8: Meta tag de AUDIÊNCIA (opcional) - Com esta tag você consegue controlar a qual publico esta liberado abrir sua página
<html>
<head>
<META NAME="RATING" CONTENT="general" >
</head>
<body>
</body>
<html>
Listagem 9: Opcional
<META NAME="RATING" CONTENT="14 years" > - 14 Anos ou mais
<META NAME="RATING" CONTENT="mature" > - Adultos
<META NAME="RATING" CONTENT="restricted" > - Benéfico a todos
Listagem 10: Meta tag de DISTRIBUIÇÃO (opcional) - Com esta tag você consegue controlar aonde poderá aparecer sua página, mais usado "global" que seria para todo o mundo
<html>
<head>
<META NAME="DISTRIBUTION" CONTENT="global">
</head>
<body>
</body>
<html>
Listagem 11: Meta tag de distribuição opcionais
<META NAME="DISTRIBUTION" CONTENT="local" > - Local
<META NAME="DISTRIBUTION" CONTENT="IU" > - Uso Interno (Escritório)
<META NAME="RATING" CONTENT="restricted" > - Benéfico a todos
Listagem 12: Meta tag de LINGUAGEM - Aqui você diz em qual idioma estará seu site, por padrão, no Brasil se utiliza "Pt-Br" mas também pode se usar "Pt" para português de Portugal.
<html>
<head>
<META NAME="LANGUAGE" CONTENT="PT" >
</head>
<body>
</body>
<html>
Bom pessoal, espero que tenham gostado do meu primeiro artigo para o portal, espero escrever ainda muitos outros tutoriais, um abraço e até a próxima.
