Como configurar redirecionamentos apenas com HTML

Se você deseja configurar um redirecionamento para um site diferente, não precisa configurar nenhuma regra de roteamento em um servidor da web nem mexer com JavaScript; HTML possui ferramentas de redirecionamento integradas com meta tags. Discutiremos como e quando usá-los.

Você não precisa de JavaScript ou regras de roteamento sofisticadas

Claro, se você tem a capacidade de configurar algo melhor, você deve aceitá-lo. Se você tiver acesso total ao servidor web em que seu site está sendo executado, você provavelmente deverá configurar um redirecionamento 301 ou 302 ou, se o recurso estiver no mesmo servidor, configure uma reescrita de URL para que o usuário não &’ afetado em tudo. Até mesmo a hospedagem compartilhada com Apache pode lidar com redirecionamentos 301 com arquivos de configuração . htaccess.

No entanto, o mundo real nem sempre é tão bonito e, às vezes, você só precisa implantar uma página HTML que redireciona todos os usuários para outro lugar. Normalmente, isso é mais útil nos casos em que você não pode usar um arquivo . htaccess adequado, como em certos sistemas de gerenciamento de conteúdo que o sobrescrevem.

Esta ainda não é uma boa solução — não é ótima para SEO, pois é um redirecionamento do lado do cliente e este tipo de redirecionamento mostrará uma tela branca no lado do usuário enquanto espera para que o redirecionamento comece. Se você ainda quiser configurar um, o HTML tem algumas ferramentas integradas.

Usando redirecionamentos de atualização meta HTML, você pode enviar um usuário para uma nova página. Crie um arquivo HTML com nada além do seguinte, substituindo example. com pelo seu URL:

 < meta http-equiv = "atualizar" content = "0; URL = https: //www. example. com/" / > 

O zero antes disso significa que esse redirecionamento acontecerá instantaneamente, o que provavelmente é o ideal. No entanto, se você quiser exibir a mensagem chata “ clique aqui se você &’ não for redirecionado em cinco segundos de mensagem, ” você também pode fazer isso, adicionando um segundo link que os usuários:

 < head > < meta http-equiv = "atualizar" content = "5; URL = https: //www. example. com/" / > < / head > < body > < p > Se você não for redirecionado em cinco segundos, < a href = "https://www. example. com/" > clique aqui < / a >. < / p > < / body > 

No entanto, os redirecionamentos de atualização de meta HTTP são suportados em todos os navegadores, portanto, é quase sempre melhor redirecionar os usuários instantaneamente.

Via: How to Geek