Um pouco de design, desenvolvimento, tecnologia e muito de informação. Sirva-se, é só clicar!
Os elementos meta servem para adicionar informações que depois serão usadas por sites de busca e alguns dispositivos de acesso, facilitando sua visibilidade na web. Sua utilização faz parte das boas práticas de SEO [Search Engine Optimization], assunto que abordarei mais profundamente em outro post.
Exemplos de ajuda que podem ser usadas pelas meta tags são a autoria do site e ou código, descrição dos mesmos e palavras que podem ajudar suas páginas serem mais facilmente indexadas, ‘achadas’ pela web. As metas tags devem ser inseridas entre as tags <head> e </head>
>> Meta Tags mais utilizados
<!-- Autor do documento, site e/ou código --> <meta name="author" lang="pt-br" content="Da20web"> <meta name="copyright" content="© 2011 Da20web">
<!-- Tipo de caracter usado no documento --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> ou <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- Palavras chaves, para dar relevância ao seu site --> <meta name="keywords" content="Da20web, design, desenvolvimento, tecnologia, informação, web, webmaster, developer, site, sites, páginas">
<!-- Descrição sobre seu site --> <meta name="description" content="Da20web | Um pouco de design, desenvolvimento, tecnologia e muito de informação. Sirva-se, é só clicar!">
<!-- Idioma principal usado no site --> <meta name="language" content="pt-br"> <meta http-equiv="content-language" content="pt-br">
>> Meta Tag Refresh
Em sites dinâmicos que geram sempre novas páginas com informação, imagem, banners, sites de jornais, é muito comum a utilização da meta tag refresh, ela define o tempo [em segundos] para recarregar a página novamente, de forma automática.
<meta http-equiv="refresh" content="60">
<!-- No exemplo abaixo, após decorrido o tempo,
uma página especificada é carregada -->
<meta http-equiv="refresh" content="60; URL=http://da20web.com.br">
>> Meta Tag Robots
Por padrão os sites de busca tem liberdade para indexar, ou seja, colocar seus sites e páginas da web em suas listas de busca, facilitando que os usuários possam lhe encontrar.
Mas e se você está construindo uma extranet e quer restringir as informações que coloca lá? Simples, basta usar as meta tags robots, limitando sua visibilidade.
Basta para isso variar o valor de indexação da página inicial entre index e noindex, e também os valores de visitação das páginas referenciadas na página principal entre follow e nofollow na meta tag robots, veja os exemplos:
<meta name="robots" content="index,follow"> <!-- indexa a página inicial e todas as referenciadas --> <meta name="robots" content="noindex,follow"> <!-- não indexa a página inicial, mas indexa as referenciadas --> <meta name="robots" content="index,nofollow"> <!-- indexa a página inicial, não indexa as referenciadas --> <meta name="robots" content="noindex,nofollow"> <!-- não indexa a página inicial, não indexa as referenciadas -->
