Documente Academic
Documente Profesional
Documente Cultură
A grande maioria dos iniciantes não tem a menor noção do que é uma meta
tag, e de como elas são fundamentais na divulgação do seu site.
Meta tags são linhas de código HTML, ou "etiquetas", que, entre outras coisas,
descrevem o conteúdo do seu site para os buscadores. É nelas que você vai
inserir as palavras chaves que facilitarão a vida do usuário na hora de te
encontrar. Através delas você pode também "assinar" seu site, declarando sua
autoria sobre o código fonte.
As meta tags devem ser incluídas no seu código HTML, dentro da tag
<HEAD>, assim:
<HTML>
<HEAD>
<TITLE> Aprendendo sobre as meta tags </TITLE>
<META NAME="author" CONTENT="Nome do Autor">
<META NAME="description" CONTENT="Descreva o seu site com o mais detalhe possível">
<META NAME="keywords" CONTENT="sites, web, desenvolvimento">
</HEAD>
...
keywords
Nesta tag você deverá incluir o maior número possível de palavras que se
refiram ao seu texto. Se não utilizar as mesmas palavras, tente utilizar
sinônimos. Nunca quebre uma linha de palavras-chave, porque seu trecho de
código será considerado um erro e será ignorado. Por isso, utilize quantas
meta tags keywords você precisar.
1
TUTORIAL Meta Tags - O que são e como utilizá-las
description
<meta name="description" content=" Meta Tags - O que são e como utilizá-las - Um artigo para
iniciantes">
Cuide também dos seus links: procure mostrar apenas links para páginas com
assuntos relacionados ao seu conteúdo, e tente ser linkado de volta. Em
quanto mais páginas relevantes sobre o mesmo assunto seu site aparecer,
melhor ele estará no ranking dos buscadores.
Agora que você conhece o básico das meta tags e seu uso correto, ao invés de
procurar métodos mirabolantes para aumentar seu ranking, simplesmente dê
mais atenção à elas e deixe os buscadores fazerem o resto.
Quando você utiliza pop-ups ou iframes para mostrar o conteúdo do seu site,
não é interessante que o buscador indexe essas páginas; afinal, se elas forem
acessadas individualmente não vão significar nada e não trarão um acesso real
ao seu site. Também pode ser interessante não indexar seu site quando seu
conteúdo é restrito a um grupo de pessoas e você não precisa de divulgação,
ou quando você quer fazer um blog mais reservado, por exemplo. Nestes
casos, mesmo que outras pessoas linkem seu site (o primeiro passo para
aparecer nos maiores buscadores sem fazer nenhum esforço) ele não
aparecerá em nenhuma busca.
2
TUTORIAL Meta Tags - O que são e como utilizá-las
Portanto
Portanto, se você quiser evitar que os sites de busca encontrem seu site, use a
última opção. Porém, se você quiser que apenas o Google não encontre seu
site, ou quiser remover uma página dos seus resultados de busca a partir da
próxima varredura, pode utilizar a tag
A maioria dos buscadores armazena uma cópia da sua página em cache, para
otimizar a busca. Para evitar isso, você pode utilizar a tag
content-language
3
TUTORIAL Meta Tags - O que são e como utilizá-las
pt Português
pt-br Português do Brasil
en Inglês
en-us Inglês dos EUA
en-gb Inglês Britânico
fr Francês
de Alemão
es Espanhol
it Italiano
ru Russo
zh Chinês
ja Japonês
content-type
Onde
Através das meta tags você também pode declarar sua autoria sobre a página,
"assinando" seu código fonte:
Author
Eu considero esta tag importantíssima. Ela pode ser útil quando algum usuário
procura pelo seu nome em um buscador, ou quando o site do seu cliente não
tem uma forma de contato direto com você desenvolvedor por alguma razão.
4
TUTORIAL Meta Tags - O que são e como utilizá-las
reply-to
Alguma vez você já reparou que quando edita uma página HTML feita no
FrontPage ou no Word é o programa que a gerou que abre para edição, e não
o Bloco de Notas ou seu editor não-visual padrão? Isso é por causa da meta
tag generator, que especifica o programa que construiu a página:
É assim que o Windows sabe que editor utilizar e que ícone mostrar ao exibir
um arquivo .htm ou .html numa pasta.
Redirecionamento
Alguma vez você já deve ter visitado um site que mudou de endereço e que
exibia uma mensagem do tipo:
5
TUTORIAL Meta Tags - O que são e como utilizá-las
<html>
<head>
<title> Título do seu site </title>
</head>
<frameset rows="*" noborder border=0 frameborder=0>
<frame name="conteudo" scrolling="yes" noresize src="http://www.site.com.br" marginwidth=0
marginheight=0>
<noframes>
<body>
<h1>Mudamos de endereço</h1>
<h1><a href="http://www.novosite.com.br">www.novosite.com.br</a>
</body>
</noframes>
</frameset>
</html>
Para quem não conhece frames, vamos analisar cada trecho do código:
É a tag que define o frame. Aqui, rows="*" significa que o frame vai ocupar toda
a tela. Os outros parâmetros garantem que nenhum tipo de borda vai aparecer,
para que o usuário não perceba que está acessando o conteúdo dentro de um
quadro.
Em src, você define o endereço do site que quer exibir dentro do frame. Aqui
valem as mesmas regras dos links: se fizer referência a uma página dentro do
seu site, pode colocar só o nome dela; senão, coloque o endereço completo do
site, sem esquecer do http://.
E a tag noframes?
Não se esqueça que você não sabe que navegador o usuário escolheu para
acessar suas páginas. Se por acaso esse navegador não tiver suporte a
frames, garanta que seu site vai ser acessado colocando pelo menos um link
para o novo endereço.
6
TUTORIAL Meta Tags - O que são e como utilizá-las