A importância das Meta Tags
O que são as meta tags?
.
Meta tags são códigos HTML inseridos dentro dos tags e que passam determinadas informações sobre o site.
Há dois tipos de meta tags:
a) HTTP-EQUIV: são tags similares aos cabeçalhos HTTP. O cabeçalho HTTP é a informação que é transmitida ao navegador após a página ser requisitada. Contém informações úteis, informando ao navegador como exibir a página. A seguir, algumas meta tags HTTP-EQUIV:
- Cache-control: controla o cache. Essa meta tag é importante de se usar caso o site tenha muitas modificações. Exemplo para não armazenar a página em cache:
<META HTTP-EQUIV=”CACHE-CONTROL” CONTENT=”NO-CACHE”>
. - Content-Type: informa a codificação do texto. É importante definir para evitar erros de acentuação e exibição de caracteres estranhos na página:
<META HTTP-EQUIV=”CONTENT-TYPE” CONTENT=”text/html; charset=UTF-8″>
. - Expires: informa quando o conteúdo da página expira. Os robots dos mecanismos de buscas podem apagar o site quando ele expira. Ele deve ser definido no formato RCF e no horário de Greenwich:
<META HTTP-EQUIV=”EXPIRES” CONTENT=”Mon, 06 Sep 2010 11:11:08 GMT”>
. - Refresh: informa o tempo que o navegador utilizará para carregar um documento. Você pode criar um refresh para a própria página (utilizado quando a página exibe um evento ao vivo, por exemplo) ou para um outra página, dessa forma é necessário informar o tempo em segundos e a URL que será carregada:
<META HTTP-EQUIV=”REFRESH” CONTENT=”11;URL=http://www.painelbr.com”>
. - Content-language: informa a linguagem do documento. Pode ser utilizado pelos mecanismos de buscas para categorizar o site pela linguagem.
<META HTTP-EQUIV=”CONTENT-LANGUAGE” CONTENT=”pt, pt-br”>
.
.
b) NAME: são tags que não possuem informações de cabeçalho. Foram criadas para facilitar a organização das páginas e são utilizadas pela maioria dos mecanismos de buscas. A seguir, algumas meta-tags do tipo name:
- Author: define o autor do documento:
<META NAME=”AUTHOR” CONTENT=”Silvana Tauhata Ynemine”>
. - Description: define a descrição do documento:
<META NAME=”DESCRIPTION” CONTENT=”As diversas meta tags em um site”>
. - Keywords: define as palavras chaves. Alguns mecanismos de buscas utilizam essa meta-tag, dessa forma é interessante usar palavras sinônimos e que sejam relevantes ao documento. Separe cada palavra chave por vírgulas.
<META NAME=”KEYWORDS” CONTENT=”html, SEO, site, web, página, documento, desenvolvimento”>
. - Copyright: define o direito autoral do site.
<META NAME=”COPYRIGHT” CONTENT=”© 2010 PainelBR”>
. - Robots: define se as páginas serão indexadas ou não pelo robots dos mecanismos de buscas. As opções são: “all” (indexa tudo), “index, follow” (indexa a página inicial e todos os links que tem nela), “noindex, follow” (não indexa a página inicial e indexa todos os links que ela possui), “index, nofollow” (indexa a página inicial e não indexa os links que tem nela), “noindex, nofollow” (não indexa a página inicial e seus links).
<META NAME=”ROBOTS” CONTENT=”INDEX, FOLLOW”>
. - Revisit-after: define o tempo que o robot vai visitar a página (definir o período em inglês):
<META NAME=”Revisit-After” CONTENT=”7 Days”>
.
As meta tags devem ser inseridas dentro dos tags <head> e </head>
Exemplo de uso de meta tag:
<HEAD>
<TITLE> A importância das Meta Tags </TITLE>
<META NAME="author" CONTENT="Silvana Tauhata Ynemine">
<META NAME="description" CONTENT="As diversas meta tags em um site">
<META NAME="keywords" CONTENT="html, SEO, site, web, página, documento">
<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">
</HEAD>
.
Após conhecer algumas das principais meta tags, fica claro a importância delas no uso em seus sites.
Essas informações passadas pelas meta tags são lidas pelos navegadores e pelos mecanismos de buscas, portanto, a inserção de uma meta tag eficiente auxilia na visibilidade do site!
.
Se você gostou deste post, escreva um comentário e/ou cadastre-se em nosso feed.
Comentários
Ainda não há comentários.
Escreva um Comentário