Como redirecionar suas Páginas HTML

O HTML Redirect pode ser necessário quando você precisar realizar o redirecionamento de uma página para outra. Portanto, é importante entender o que é, como funciona e como utilizar o HTML Redirect.

Ao possuir mais que um domínio ou diversas páginas web, é possível que você precisar utilizar o HTML Redirect. O HTML Redirect nada mais é que uma forma de redirecionar uma página para outra através do próprio HTML. Podemos estar fazendo o redirecionamento através do metadados. Também é possível utilizar o HTML Redirect a partir do JavaScript e também a partir do PHP.

Vamos agora os exemplos de códigos que podem ser utilizados para redirecionar uma página

Redirecionando através HTML

Para poder criar um sistema de redirecionamento do site, basta estar incluindo a tag <meta> ao <head> da nossa página com o o atributo http-equiv=”refresh”. Posteriormente, utilizamos o atributo content para indicar em quanto tempo, após carregar a página, o redirecionamento acontecerá e qual será a URL destino. Veja a sintaxe do HTML Redirect no exemplo de código abaixo:

<meta http-equiv="refresh" content="tempo em segundos; URL='url da pagina destino '"/>

Observe então o exemplo de um documento HTML com o metadados de redirecionamento, através do código abaixo:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Meu Redirect</title>

    <meta http-equiv="refresh" content="5; URL='https://www.homehost.com.br/'"/>
</head>
<body>
...
</body>
</html>

No exemplo acima a página será redirecionada em 5 segundos, sendo
no campo content="5 << informa o segundos que levam para redirecionar a página

se quiser que a página seja redirecionada de imediato então coloque 0

0 - redireciona de imediato
1 - leva 1 segundo
3 - leva 3 segundos

Redirecionando através de Java
Assim como o método anteriormente explicado, podemos utilizar o javaScript no código HTML para poder estar redirecionando o usuário. Este tipo de redirecionamento também é realizado do lado do cliente.

Para realizar este redirecionamento basta incluir um script no nosso documento HTML. Portanto, vejamos abaixo a função do JavaScript para realizar o redirecionamento:

window.location.href='url';
Esta função retorna a URL digitada. Ou seja, redireciona para a URL digitada. veja o exemplo abaixo desta função do JavaScript:

Portanto, vejamos como aplicar isso em um documento HTML no exemplo abaixo:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Meu Redirect</title>
</head>
<body>
    <p>
        O conteúdo desta página foi movido permanentemente para o link:
        <a href="https://www.homehost.com.br/">www.homehost.com.br/</a>
    </p>
    <script>
        window.location.href='https://www.homehost.com.br/';
    </script>
</body>
</html>

Redirecionando através de PHP

Diferentemente do Redirecionamento através do metadados e também através do JavaScript, ao utilizar o PHP, fazemos o redirecionamento do lado do servidor, e não mais do lado do cliente. Isso acontece devido ao fato de o PHP ser uma linguagem de programação Back End, ou seja, que roda dentro do servidor.

Para realizar o HTML Redirect com o PHP, basta utilizar a função header() e a função exit() no inicio do nosso documento. Observe que é importante que este documento seja salvo com a extensão .php.  Também podemos apenas estar criando um arquivo nomeado de index.php com as funções de redirecionamento e incluir no diretório da página que deve realizar o redirecionamento.

<?php 
  header('Location: url');
  exit();
?>
Portanto vejamos o exemplo abaixo:

<?php 
  header('Location: https://www.homehost.com.br/');
  exit();
?>
Porém, no caso acima, o php vai definir como o padrão de redirecionamento o código 302. Dessa forma, será entendido que é um redirecionamento temporário, geralmente utilizado para páginas em manutenção. Portanto, podemos complementar a nossa função para definir o padrão de código. Vamos então exemplificar como criar um código 301, ou seja, um redirecionamento Permanente:

<?php 
  header('Location: https://www.homehost.com.br/', true, 301);
  exit();
?>
Desta forma, conseguimos então indicar aos usuários, assim como aos mecanismos de busca, qual é o tipo de redirecionamento que estamos fazendo.

Portanto, vejamos agora o exemplo abaixo:

<?php 
  header('Location: https://www.homehost.com.br/', true, 301);
  exit();
?>


Leia a matéria completa aqui

Fonte: Home Host

abr, 2023