Sem categoria

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.

[wpsm_titlebox title="Índice" style="1"][contents h2 h3][/wpsm_titlebox]

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 [wpsm_tooltip text="HTTP" gravity="sw"]Hypertext Transfer Protocol[/wpsm_tooltip], 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 [wpsm_tooltip text="HTTP 200" gravity="sw"]Significa que esta página do site está resolvendo normalmente para exibir na tela do navegador da web[/wpsm_tooltip]. Existem muitos tipos diferentes de código de resposta HTTP, sendo o mais familiar talvez [wpsm_tooltip text="404 Not Found" gravity="sw"]As páginas da web podem responder com um status 404 e o mesmo pode acontecer com qualquer outro ativo que solicitamos, seja uma imagem ou qualquer outro tipo de ativo.[/wpsm_tooltip].

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'"/>

[wpsm_update date="" label="Cica"]Adicione este código sempre no cabeçalho do arquivo da página entre as tags <head> e </head>. Não esqueça de adicionar o www, caso o seu site utilize.[/wpsm_update]

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.

[wpsm_offerbox button_link="https://wordpress.org/plugins/redirection/" button_text="Ver e Baixar o Plugin" title="Plugin Redirection" description="Este é um dos melhores plugins para todos os tipos de redirecionamento de páginas da web." ]

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

[wpsm_offerbox button_link="https://wordpress.org/plugins/eps-301-redirects/" button_text="Ver e Baixar o Plugin" title="301 Redirects – Easy Redirect Manager" description="Este é também um dos melhores plugins de redirecionamento para páginas WordPress. Ele tem 5 estrelas na avaliação dos usuários" ]

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.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *