- .: Google abre mais um escritório na Argentina para oferecer suporte à América Latina e à Itália
- .: Seagate alcança a marca de 1 bilhão de discos rÃgidos vendidos
- .: Google Apps ganha extensão de segurança
- .: AMD anuncia processadores Opteron de 6 e 12 núcleos
- .: Electronic Arts aposta no Nintendo Wii para inovar
No orkut
RSS
Busca no site
:: Web
Meta Tags Parte 4 - Redirecionando o visitante para outra página
Por Erika Sarti, em 20/07/2006.
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.
Lembre-se: utilizando o valor 0 o site não será atualizado!
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.
<meta http-equiv="refresh" content="120;url=http://www.seusite.com/">
Redirecionamento com frames
Quando você quiser fazer um redirecionamento mantendo o endereço do domínio no navegador, uma opção pode ser o uso de frames: você cria um quadro que ocupe 100% da tela e, dentro dele, faz referência ao novo endereço do site:
<html>
<head>
<title> Título do seu site </title>
</head>
<frameset rows="*" noborder border=0 frameborder=0>
<frame name="conteudo" scrolling="yes" noresize src="http://www.novosite.com.br" marginwidth=0 marginheight=0>
<noframes>
<body>
<h1>Mudamos de endereço</h1>
<h1><a href="http://www.novosite.com.br">www.novosite.com.br</a>
</body>
</noframes>
</frameset>
</html>
Para quem não conhece frames, vamos analisar cada trecho do código:
<frameset rows="*" noborder border=0 frameborder=0>
É a tag que define o frame. Aqui, rows="*" significa que o frame vai ocupar toda a tela. Os outros parâmetros garantem que nenhum tipo de borda vai aparecer, para que o usuário não perceba que está acessando o conteúdo dentro de um quadro.
<frame name="conteudo" scrolling="yes" src="http://www.novosite.com.br">
Aqui, definimos o quadro. O parâmetro name identifica o quadro - ele é mais útil quando você tem mais de um quadro na tela e precisa escolher em qual deles mostrar o conteúdo.
O parâmetro scrolling diz respeito à barra de rolagem do navegador: usando "yes" elas aparecem, usando "no" elas somem.
Em src, você define o endereço do site que quer exibir dentro do frame. Aqui valem as mesmas regras dos links: se fizer referência a uma página dentro do seu site, pode colocar só o nome dela; senão, coloque o endereço completo do site, sem esquecer do http://.
E a tag noframes?
Não se esqueça que você não sabe que navegador o usuário escolheu para acessar suas páginas. Se por acaso esse navegador não tiver suporte a frames, garanta que seu site vai ser acessado colocando pelo menos um link para o novo endereço.
Se você escolheu os frames como solução permanente para seu site, a importância das meta-tags é ainda maior: os sites de busca não terão nenhum conteúdo na sua página index.htm para indexar. O que vai aparecer no resultado da busca é a mensagem que você utilizou dentro do noframes:
Feio, né? Portanto, dê muita atenção às suas meta-tags, especialmente a description. Para saber mais sobre isso, dê uma olhada nos artigos anteriores sobre o assunto.
Redirecionamento com PHP
Vamos imaginar a seguinte situação: você está desenvolvendo um site temático, cujo layout vai mudar de acordo com a estação do ano. Você já desenvolveu os 4 layouts, cada um na sua pasta dentro do domínio principal.
Toda vez que a estação mudar você vai precisar republicar todo o site na raiz? Não. Se seu host tem suporte a PHP, você pode especificar no arquivo principal (index.php) para qual pasta o visitante deve ser redirecionado.
Por que index.php e não index.htm? Porque toda página que usar script PHP precisa ter a extensão .php para que o host saiba que lá dentro há um trecho de código que precisa ser executado. Se você utilizar a extensão .htm, o código vai ser ignorado.
Abra o Bloco de Notas, ou outro editor não visual da sua preferência, e edite o conteúdo do seu arquivo index.php, para que ele fique assim:
<?php
header("Location: http://www.seusite.com/primavera/");
exit();
?>
Assim, toda vez que o usuário acessar www.seusite.com, ele será automaticamente redirecionado para www.seusite.com/primavera. Quando a estação mudar, ao invés de republicar todo o site você só edita uma linha do seu código.
Se você quer saber mais sobre PHP, procure apostilas e tutoriais em sites de busca. Mesmo que você seja um webdesigner e não um programador, algumas noções dessa linguagem ajudam a desenvolver sites mais leves. Eu prefiro trabalhar com PHP porque os hosts com suporte a essa linguagem são mais baratos, mas você também pode optar por ASP, por exemplo. Neste caso, você vai utilizar o comando response.redirect.
Finalizando
Terminamos aqui esta série de tutoriais sobre meta-tags. Como dica final, algo que vale para qualquer assunto a ser aprendido, especialmente para web design: todo o conteúdo que a gente precisa está disponível na internet, basta criar o hábito de procurar, procurar e procurar mais um pouco. Aqui no InfoWester mesmo você encontra um interessante artigo que mostra macetes para usar os recursos do Google com mais eficiência, caso este seja seu mecanismo de busca preferido.
No mais, continue se esforçando. O aprendizado é um processo
constante ;D
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.
informativos, em benefício exclusivo do dono da marca registrada, sem intenção de infringir as regras e leis de sua utilização.
InfoWester 2008 - Propagando conhecimento - Responsável: Emerson Alecrim