Desvendando as Meta Tags #02

Postado em 29 de janeiro de 2008 em Curiosidades, Desenvolvimento Web, Tecnologia

Estou de volta pessoal, dando continuidade ao desvendar das Meta Tags e hoje daremos início definitivo ao seu uso, estaremos aprendendo um pouco mais sobre as de atributo HTTP-EQUIV, então… chega de conversa e vamos ao que interessa!

Estas MetaTags são utilizadas correspondendo a controles HTTP. Podemos dizer que estas “dão instruções” ao browser e mecanismos de busca sobre o do que se trata determinada página.

expires

Utilizado para informar ao navegador quando a página expirará. Seu uso também pode referir-se ao cache do usuário, por exemplo, se a página expirou, o navegador fará uma nova requisição no servidor, com isso, fazendo um novo “download” da página.

Você pode colocar um valor 0 (zero), que fará com que o navegador SEMPRE faça uma nova requisição, ignorando o cache.

Também serve para os buscadores validarem a página, que faz com que os buscadores atualizem o conteúdo do site dentro dos registros do BD dos próprios.

<meta http-equiv=”expires” content=”Sun, 31 Dez 2007 06:16:00 GMETATAG” />

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.

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.

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.

Seu modo de uso é o seguinte:

<meta http-equiv=”content-language” content=”pt-br”>

Onde:

pt-br define a língua primária deste site como Português do Brasil, segue alguns valores possíveis:

pt Português
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

refresh

Utilizada para fazer redirecionamento para determinada página, geralmente quando se está mudando o domínio de determinado site, mas não só isso, também é usada para determinar um período específico de atualização de um portal por exemplo.

<meta http-equiv=”refresh” content=”3;URL=http://www.numclique.net” />

Com certeza você já se deparou com a seguinte frase em um site:

Você será redirecionado em 5 segundos ao nosso novo site

Para acessar diretamente, clique aqui

Pois é, isso nada mais é que uma linha de HTML no topo da página.

Os valores utilizados são expressos em segundos, ou seja, se você quer que a pessoa demore 1 (um) minuto para ser direcionado a determinada página, você deverá inserir, no lugar do valor “3″ utilizado no exemplo acima, por “60″, equivalendo a 60 segundos.

Muitos portais de notícia utilizam deste recurso para atualizar automaticamente a capa e com isso o usuário sempre tem as principais notícias do momento em sua tela. Para isso, o intervalo de tempo deve ser calculado de acordo com o tempo que se queira gerar a atualização da página e a URL destino deve ser a mesma da página a qual se quer atualizar.

Conclusão

Com as Meta Tags aprendidas hoje, podemos já dar uma boa melhorada na qualidade do seu site, mas elas não trabalham sós…

Não perca amanhã o complemento sobre o uso das Meta Tags de atributo NAME

Para ler o artigo Desvendando as Meta Tags #01, clique aqui

Para ler o artigo Desvendando as Meta Tags #03, clique aqui

Joares Miranda

Webdesigner, twitteiro, blogueiro. Para alguns, um falso nerd, acho que por conta de não perder a chance de gastar horas num bom papo off-line

Ver todos os posts de Joares Miranda | Twitter: @joares

Quem linkou este post

  1. NumClique - Informar é simples! » Desvendando as Meta Tags #01 (29 jan 2008) :

    [...] Para ler o artigo Desvendando as Meta Tags #02, clique aqui [...]

  2. NumClique - Informar é simples! » Desvendando as Meta Tags #03 (30 jan 2008) :

    [...] Para ler o artigo Desvendando as Meta Tags #01, clique aqui Para ler o artigo Desvendando as Meta Tags #02, clique aqui [...]

Inserir comentário

Publicidade - Skybanner

Ícones para acesso às mídias sociais

Publicidade - Banner Quadrado

Publicidade - miniquadrados submarino

Blogs amigos

Patrocínio

Monitor online

Busca

Publicidade - Full Banner

Sobre este blog

O blog NumClique pode ser definido de várias maneira, seja por trazer um conteúdo diferenciado em relação aos assuntos ligados não só a tecnologia, bem como a tudo o que rola de interessante e que se refere à nossa grande paixão: A internet.

Quer saber quem faz este blog?

  • Joares

    CEO / Gerente de negócios

  • Antino

    CEO / Gerente de conteúdo

  • Pedro

    Produtor de conteúdo

NumClique – Estilo de vida digital

Política de privacidade

Todo material publicado neste blog e que tem como autor algum membro ou ex-membro da equipe é de propriedade do blog

Hospedado por Argohost.net - Especialista em Hospedagem de sites e blogs

Este blog utiliza WordPress como CMS