ir para o conteúdo | ir para o menu | ?

InfoWester


www.infowester.com
Pesquisa personalizada

Notícias Recentes

Últimas do Blog



Web

Meta Tags Parte 3 - Mais do que divulgar seu site nos buscadores

Por Erika Sarti, em 06/07/2006.

As meta tags não servem só para divulgar seu conteúdo. Basicamente, a função delas é fornecer informações adicionais sobre seu site. Vamos conhecer melhor algumas meta tags interessantes.

content-language

Especifica a língua primária da página. Útil para ajudar os buscadores a classificar seu site no idioma apropriado, orientar os navegadores a exibirem a acentuação e caracteres especiais corretamente e para facilitar o uso de corretores ortográficos.

Alguns valores possíveis:

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

Um exemplo usa o valor "pt":

<meta http-equiv="content-language" content="pt">

content-type

Especifica o tipo de conteúdo da página e o conjunto de caracteres que ele usa. É recomendável utilizar esta meta tag em todas as páginas do seu site, porque ela garante que os navegadores irão tratar seu documento da maneira mais apropriada, especialmente quando você utiliza formulários para enviar informações entre páginas. Para quem desenvolve páginas em idiomas orientais, utilizar o conjunto de caracteres apropriados é fundamental para que eles sejam exibidos corretamente.

Os valores mais comuns são:

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

Onde

text/html define que o conteúdo é um texto em linguagem HTML. Se você desenvolve sites em XHTML ou XML certamente sabe que deverá os valores "application/xhtml+xml" e "application/xml", respectivamente.

iso-8859-1 é a codificação da linguagem mais comum para exibir textos em línguas derivadas do latim.


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.

<META NAME="author" CONTENT="Erika Sarti">

Infelizmente, trabalhamos com o risco de clientes não pagarem pelo nosso trabalho, motivo pelo qual também é importante manter uma tag com o seu nome no código do site para provar que ele foi desenvolvido por você.

reply-to

Especifica um endereço de e-mail para entrar em contato com o(s) responsável(is) pelo site.

<meta name="reply-to" content="erikasarti@infowester.com">

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:

<meta name="generator" content="Microsoft FrontPage 5.0">

É assim que o Windows sabe que editor utilizar e que ícone mostrar ao exibir um arquivo .htm ou .html numa pasta.

No próximo e último artigo da série sobre meta tags, o uso da tag refresh e como ele pode ser substituído por PHP para redirecionamento de páginas.

Parte 1 | Parte 2 | Parte 4

Erika Sarti é web designer e trabalha como free-lancer desde 2000. É a responsável pelo novo layout do InfoWester, basicamente feito com tableless, um de seus assuntos preferidos. Seu portfólio está em www.erikasarti.net.

Imprimir este artigo Indicar por e-mail Página inicial Voltar Adicionar ao Delicious

 

O InfoWester é um site sobre informática que oferece aos seus usuários artigos explicativos sobre tecnologias relacionadas à computação, assim como tutoriais, dicas, colunas de opinião e notícias referentes aos mesmos assuntos. Saiba mais...

Várias marcas registradas aparecem nas páginas deste site. O InfoWester declara estar utilizando tais nomes apenas para fins informativos, em benefício exclusivo do dono da marca registrada, sem intenção de infringir as regras e leis de sua utilização.

Artigos disponíveis sob a Licença Creative Commons | Política de privacidade | Condições de uso do site

InfoWester 2008 | Propagando conhecimento | Responsável: Emerson Alecrim | Layout por Erika Sarti