Meta tags

O que são e para que servem ???

Tenho reparado que os iniciantes em web, que ou por não terem feito um curso de qualidade ou aqueles que estão aprendendo sozinhos, desconhecem os recursos da tag meta.

O motivo para fazer este post foi ver um iniciante web abrindo o dreamweaver inda até a área de código e simplesmente apagando a linha da tag meta. Quando perguntei o por que ele tinha feito aquilo, a resposta foi clara e rápida.

Não preciso dessa linha, sem isso funciona do mesmo jeito!

Isso foi como uma facada no peito, um chute nas partes baixas ou como ver o São Paulo  sendo rebaixado. Resumindo dueu muito!!!

Como professor antes de estrangular a pequena criança, contei até 899 e expliquei os motivos pelo qual ele não deve mais apagar e ao contrário ainda falta autras linhas para colocar.

O assunto é bem extenso mais nessa primeira matéria vou me ater as 3 principais funções da tag meta.

Veja um exemplo:

<HTML>
<HEAD>
<TITLE> Aprendendo sobre as meta tags </TITLE>
<META NAME=”author” CONTENT=”Alex Lima”>
<META NAME=”description” CONTENT=”Meta Tags – O que são e para que servem – Um artigo para iniciantes”>
<META NAME=”keywords” CONTENT=”sites, web, desenvolvimento, meta, meta tags”>
</HEAD>

1ª: Facilitar os Motores de Busca.

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.

<meta name=”keywords” content=”sites, web, desenvolvimento, meta, meta tags”>

Sempre separe as palavras com vírgula, e declare todas elas em letras minúsculas – alguns buscadores têm problemas com letras maiúsculas e podem ignorar seu site.

 

description

Uma ou duas frases que o buscador apresentará como um resumo do conteúdo do seu site:

<meta name=”description” content=” Meta Tags – O que são e como utilizá-las – Um artigo para iniciantes”>

2ª: Adicionar mais informação a página.

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.

<META NAME=”author” CONTENT=”Alex Lima”>

generator

Essa tag é responsável por informar em qual software foi construido aquela página.

<meta name=”generator” content=”Dreaweaver CS3″ />

3ª: Redirecionamento.

Alguma vez você já deve ter visitado um site que mudou de endereço e que exibia uma mensagem do tipo:

Você será redirecionado para novo site em 5 segundos.
Se não quiser aguardar, clique aqui.

Esse redirecionamento é feito em apenas uma linha:

<meta http-equiv=”refresh” content=”5;url=http://www.novosite.com/”>

Ou seja, depois de 5 segundos o navegador será redirecionado para o endereço www.novosite.com.

Essa mesma tag é utilizada para atualizar automaticamente uma página dinâmica, como a home page de um portal ou a sessão de notícias de um site, por exemplo. Neste caso, o intervalo de tempo em segundos deve ser bem maior, e a URL deve ser o endereço do próprio site a ser atualizado.

############################################

É isso ai pessoal, espero que todos tenham gostado e entendido os beneficios da utilização de meta tags. Em outra oportunidade explicarei melhor o porque digitar name, content ou http-equiv.

Abraços

Uma resposta

  1. Muito bom tio Alex vc é o “CARA”!!!

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: