Como redirecionar uma página do site para outra aplicando scripts de redirecionamento no código
Se você tem um site, às vezes é necessário redirecionar uma página web para outra, aplicando scripts de redirecionamento no código HTML ou PHP. Para sites no CMS WordPress existem plugins eficientes para fazer este redirecionamento, mas nem sempre queremos instalar um plugin apenas para fazer pequenos trabalhos no site. É por isso que vou lhe mostrar essas dicas extraordinariamente fáceis e úteis para criar um redirecionamento eficaz.
Uma das coisas que muitos donos de sites gostam de fazer é redirecionar a página 404 para outra página, ou para a homepage do site. Isso é absolutamente natural e pode ser útil se você tem algo melhor para mostrar aos visitantes do que em uma página de erro 404.
Quando é preciso fazer um redirecionamento de páginas web?
Um redirecionamento ocorre quando um usuário insere um URL, mas ele muda e o navegador o leva para um URL diferente. Os criadores de sites contam com eles quando precisam alterar a estrutura de seu site ou a localização de uma página específica. Claro, você também pode redirecionar para um site completamente diferente.
Ao trabalhar com o protocolo HTTP, você precisa ter um conhecimento básico de seus códigos de resposta . Eles contêm três dígitos, o primeiro dos quais define seu tipo:
Códigos de resposta HTTP
Cada vez que inserimos um URL ou fazemos uma solicitação de um navegador, estamos usando o protocolo de transferência de hipertexto, ou HTTP. Embora pareça um nome aparentemente confuso, é na verdade o processo pelo qual solicitamos recursos como HTML, CSS, JS e imagens de um servidor. Depois de enviarmos uma solicitação, esses ativos darão uma resposta, que deve ser validada com o código de resposta HTTP 200. Existem muitos tipos diferentes de código de resposta HTTP, sendo o mais familiar talvez 404 Not Found.
Cada resposta HTTP é categorizada em um determinado número de três dígitos, então 404 Not Found é um código de status 4XX para esclarecer que é um erro do cliente e 200 está na categoria 2XX para significar que é uma mensagem de sucesso de algum tipo. Estamos interessados na categoria 3XX de resposta HTTP, como 301 Moved Permanently ou 302 Found , porque esses são os códigos de status especificamente reservados para redirecionamentos. Dependendo do método que escolhermos, não precisaremos necessariamente saber sobre esses códigos, mas é essencial para outros.
No nosso caso, usaremos um redirecionamento 301 porque alguns navegadores da web ou servidores proxy irão armazenar em cache esse tipo, tornando a página antiga inacessível que, neste caso, é exatamente o que queremos.
Então, como fazemos para redirecionar uma página da web?
Como redirecionar com HTML
Talvez a maneira mais simples de redirecionar para outro URL seja com a tag Meta Refresh. Podemos colocar essa meta tag dentro do <head> na parte superior de qualquer página HTML como esta:
<meta http-equiv="refresh" content="0; URL='https://site.com/nova-pagina'"/>
<head> e </head>. Não esqueça de adicionar o www, caso o seu site utilize.O atributo content é o atraso antes que o navegador redirecione para a nova página, então aqui nós o definimos como 0 segundos. Observe que não precisamos definir um código de status HTTP, mas é importante verificar a estranha abertura e fechamento das aspas acima (existem aspas dentro das aspas, então elas precisam ser de tipos diferentes e correspondentes).
Embora esse método seja a maneira mais fácil de redirecionar para uma página da web, existem algumas desvantagens. De acordo com o W3C, existem alguns navegadores que surtam com a tag de atualização Meta. Os usuários podem ver um flash quando a página A é carregada antes de serem redirecionados para a página B. Ele também desativa o botão Voltar em navegadores mais antigos. Não é uma solução ideal e não é recomendável usá-la.
Uma opção mais segura pode ser redirecionar o site com JavaScript.
Redirecionamentos de JavaScript
Essa é a minha opção favorita. Redirecionar para outro URL com JavaScript é muito fácil, basta alterar a propriedade: window.location adicionando o endereço de redirecionamento correto.
Em um eventual redirecionamento com JavaScript seria mais ou menos assim:
<script> location.href="https://www.site.com/pagina_de_destino" </script>
Pede ser redirecionado apenas para a homepage do site.
Se você quiser redirecionar para uma nova página ao carregar, use o seguinte código:
<script>
window.onload = function() {
location.href = "https://www.site.com/";
}
</script>
Como redirecionar páginas com PHP
O redirecionamento de páginas com PHP pode não funcionar no WordPress, dependendo do tema que você tem instalado e até mesmo de suas habilidades com códigos PHP. Para quem tem um site WordPress eu recomendo uma das duas opções anteriores, com HTML, ou JavaScript.
No entanto, este redirecionamento é como a tag meta, ele não tem como esconder o endereço real de destino que estará sendo acessado.
<?php
header("Location: https://www.site.com");
?>
Como Redirecionar Páginas web WordPress com plugins
Quando se trata de web sites WordPress, esta pode ser a maneira mais segura de fazer redirecionamentos de páginas, se você não quer alterar seu código PHP. E porque este tipo de redirecionamento tem essa vantagem? Simplesmente porque os temas WordPress são atualizados periodicamente e isso pode sobrepor os arquivos que você alterou no PHP e todo seu trabalho foi para o espaço.
Com um plugin de redirecionamento; mesmo sabendo que você terá um plugin a mais para seu site lidar; é provável que queira usá-lo para facilitar as coisas.
Plugins de redirecionamento que eu posso recomendar
Redirection é o gerenciador de redirecionamento mais popular para WordPress, com mais de 2 milhões de instalações ativadas. Com ele, você pode gerenciar facilmente os redirecionamentos 301, acompanhar os erros 404 e resolver quaisquer pontas soltas que seu site possa ter. Isso pode ajudar a reduzir erros e melhorar a classificação do seu site.
Outro bom plugin para ver como redirecionar
301 Redirects ajuda você a gerenciar e criar redirecionamentos 301, 302, 307 para seu site WordPress para melhorar o SEO e a experiência do visitante
Existem também outras formas de redirecionamentos e outros plugins para este mesmo trabalho que provavelmente sejam úteis para você. Embora estas opções funcionem bem em sites WordPress e PHP, é possível que não em outras linguagens de programação. O que você pode fazer é adicionar o seu método preferido e fazer testes.
