Como redirecionar uma página da Web em HTML

Home » Geral» Como redirecionar uma página da Web em HTML
Como redirecionar uma página da Web em HTML

Como redirecionar uma página da Web em HTML

25 de maio de 2019 | Leitura de 3 min.

Para informar aos visitantes do site e aos mecanismos de pesquisa que sua página da web foi movida permanentemente para um novo local com conteúdo equivalente, use um redirecionamento 301. O código “301” é interpretado como “movido permanentemente”.

A maneira mais simples de redirecionar para outra URL é usar uma tag <meta> HTML com o parâmetro http-equiv definido como “refresh”. O atributo de conteúdo define o atraso antes que o navegador redirecione o usuário para a nova página da web. Para que o redirecionamento ocorra, defina imediatamente esse parâmetro como “0” segundos para o atributo de conteúdo .

Exemplo

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Refresh" content="0; url=https://pointcomunicacao.ppg.br" />
  </head>
</html>

 

Se você quiser que seu redirecionamento ocorra em um horário exato, apenas defina seu parâmetro preferido (em segundos) para o conteúdo . Vamos considerar um conjunto de exemplos com 7 segundos de tempo de redirecionamento definido.

Exemplo

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Refresh" content="5; url=https://pointcomunicacao.ppg.br" />
  </head>
</html>

 

Alguns navegadores não renderizam corretamente a tag de atualização <meta>, portanto, antes que a próxima página seja carregada, o usuário pode ver um flash como uma página.

 

Alguns navegadores antigos não são atualizados corretamente quando você adiciona um link rápido. Nesse caso, você pode adicionar um link de âncora para permitir que o usuário clique.

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Refresh" content="7; url=//pointcomunicacao.ppg.br" />
  </head>
  <body>
    <p>por favor, se não for redirecionado <a href="//pointcomunicacao.ppg.br/">clique neste link</a>.</p>
  </body>
</html>

 

Posts Relacionados

Point Comunicação®

Como redirecionar o usuário para outra página via Javascript

Muitas vezes você cria uma hospedagem e gostaria de colocar uma index para não deixar aquela tela...


Leia mais

Background Gradiente CSS3 – Como adicionar sem usar imagem

Antigamente utilizávamos muito imagens para poder chegar a um resultado que nos apresentassem uma...


Leia mais

Deixe seu comentário