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
1 2 3 4 5 6 7 | <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
1 2 3 4 5 6 7 | <html> <head> <TITLE>Nome do Site</TITLE> </head> <body> </body><html> |
Listagem 3: Meta tag de DESCRIÇÃO - Até 150 caracteres
1 2 3 4 5 6 7 | <html> <head> <META NAME="DESCRIPTION" CONTENT="Descrição do seu site"> </head> <body> </body><html> |
Listagem 4: Meta tag de SINTESE - Até 70 caracteres
1 2 3 4 5 6 7 | <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
1 2 3 4 5 6 7 | <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
1 2 3 4 5 6 7 | <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
1 2 3 4 5 6 7 | <html> <head> <META NAME="RATING" CONTENT="general" > </head> <body> </body><html> |
Listagem 9: Opcional
1 2 3 | <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
1 2 3 4 5 6 7 | <html> <head> <META NAME="DISTRIBUTION" CONTENT="global"> </head> <body> </body><html> |
Listagem 11: Meta tag de distribuição opcionais
1 2 3 | <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.
1 2 3 4 5 6 7 | <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.
