{"id":4010,"date":"2023-06-24T00:33:01","date_gmt":"2023-06-24T03:33:01","guid":{"rendered":"https:\/\/www.homehost.com.br\/blog\/?p=4010"},"modified":"2023-11-18T08:36:19","modified_gmt":"2023-11-18T11:36:19","slug":"html-redirect","status":"publish","type":"post","link":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/","title":{"rendered":"HTML Redirect: 4 formas de redirecionar p\u00e1ginas"},"content":{"rendered":"\n<p>O HTML Redirect pode ser necess\u00e1rio quando voc\u00ea precisar realizar o <strong>redirecionamento de uma p\u00e1gina para outra<\/strong>. Portanto, \u00e9 importante entender o que \u00e9, como funciona e como utilizar o HTML Redirect. Uma das formas mais comuns de se redirecionar uma p\u00e1gina, \u00e9 atrav\u00e9s do <strong>Meta refresh redirect<\/strong>.<\/p>\n\n\n\n<p><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Conte\u00fado<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/#O_que_e_o_HTML_Redirect\" title=\"O que \u00e9 o HTML Redirect\">O que \u00e9 o HTML Redirect<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/#Metodo_1_%E2%80%93_Meta_refresh_redirect_HTML_Redirect_atraves_de_Metadados\" title=\"M\u00e9todo 1 &#8211; Meta refresh redirect: HTML Redirect atrav\u00e9s de Metadados\">M\u00e9todo 1 &#8211; Meta refresh redirect: HTML Redirect atrav\u00e9s de Metadados<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/#Metodo_2_%E2%80%93_Redirecionamento_atraves_do_JavaScript\" title=\"M\u00e9todo 2 &#8211; Redirecionamento atrav\u00e9s do JavaScript\">M\u00e9todo 2 &#8211; Redirecionamento atrav\u00e9s do JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/#Metodo_3_%E2%80%93_Redirecionamento_atraves_do_PHP\" title=\"M\u00e9todo 3 &#8211; Redirecionamento atrav\u00e9s do PHP\">M\u00e9todo 3 &#8211; Redirecionamento atrav\u00e9s do PHP<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/#Metodo_4_%E2%80%93_Redirecionar_atraves_de_htaccess\" title=\"M\u00e9todo 4 &#8211; Redirecionar atrav\u00e9s de htaccess\">M\u00e9todo 4 &#8211; Redirecionar atrav\u00e9s de htaccess<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/#Por_que_usar_o_HTML_Redirect_301_sempre_que_possivel\" title=\"Por que usar o HTML Redirect 301 sempre que poss\u00edvel\">Por que usar o HTML Redirect 301 sempre que poss\u00edvel<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/#Recomendacoes_sobre_Redirecionamentos\" title=\"Recomenda\u00e7\u00f5es sobre Redirecionamentos\">Recomenda\u00e7\u00f5es sobre Redirecionamentos<\/a><\/li><\/ul><\/nav><\/div>\n<a name=\"top01\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-o-que-e-o-html-redirect\"><span class=\"ez-toc-section\" id=\"O_que_e_o_HTML_Redirect\"><\/span>O que \u00e9 o HTML Redirect<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ao possuir mais que um <a href=\"https:\/\/www.homehost.com.br\/blog\/registro-de-dominios\/o-que-e-dominio\/\">dom\u00ednio<\/a> ou diversas p\u00e1ginas web, \u00e9 poss\u00edvel que voc\u00ea precisar utilizar o HTML Redirect.&nbsp; O HTML Redirect nada mais \u00e9 que uma forma de redirecionar uma p\u00e1gina para outra atrav\u00e9s do pr\u00f3prio HTML. Podemos estar fazendo o redirecionamento atrav\u00e9s do metadados. Tamb\u00e9m \u00e9 poss\u00edvel <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/html-basico\/\" target=\"_blank\" rel=\"noopener\">utilizar o HTML<\/a> Redirect a partir do JavaScript, PHP e htaccess. Vamos ent\u00e3o estudar esses m\u00e9todos nos t\u00f3picos abaixo.<\/p>\n\n\n\n<p>Um redirecionamento em HTML tamb\u00e9m pode ser feito atrav\u00e9s do seu painel de controle de uma forma mais f\u00e1cil, pela op\u00e7\u00e3o redirecionamento de URL .<\/p>\n\n\n\n<p><a name=\"top02\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-metodo-1-meta-refresh-redirect-html-redirect-atraves-de-metadados\"><span class=\"ez-toc-section\" id=\"Metodo_1_%E2%80%93_Meta_refresh_redirect_HTML_Redirect_atraves_de_Metadados\"><\/span>M\u00e9todo 1 &#8211; Meta refresh redirect: HTML Redirect atrav\u00e9s de Metadados<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Para poder criar um sistema de redirecionamento do site, basta estar incluindo a tag <strong>&lt;meta&gt;<\/strong> ao <strong>&lt;head&gt;<\/strong> da nossa p\u00e1gina com o o atributo <strong>http-equiv=&#8221;refresh&#8221;<\/strong>. Posteriormente, utilizamos o atributo content para indicar em quanto tempo, ap\u00f3s carregar a p\u00e1gina, o redirecionamento acontecer\u00e1 e qual ser\u00e1 a URL destino. Veja a sintaxe do HTML Redirect no exemplo de c\u00f3digo abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;meta http-equiv=\"refresh\" content=\"tempo em segundos; URL='url da pagina destino '\"\/&gt;<\/pre>\n\n\n\n<p>Observe ent\u00e3o o exemplo de um documento <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/meta-tag\/\">HTML com o metadados<\/a> de redirecionamento, atrav\u00e9s do c\u00f3digo abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n    &lt;meta charset=\"utf-8\"\/&gt;\n    &lt;title&gt;Meu Redirect&lt;\/title&gt;\n\n    &lt;meta http-equiv=\"refresh\" content=\"5; URL='https:\/\/www.homehost.com.br\/'\"\/&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n...\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n\n\n\n<p>No exemplo acima, nossa p\u00e1gina ser\u00e1 aberta, e ap\u00f3s 5 segundos, a mesma ser\u00e1 redirecionada para &#8216;https:\/\/www.homehost.com.br\/&#8217;. Por\u00e9m, tamb\u00e9m podemos colocar para que o redirecionamento ocorra de imediato, para isso utilizamos o valor do tempo como 0 (zero):<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;meta http-equiv=\"refresh\" content=\"0; URL='https:\/\/www.homehost.com.br\/'\"\/&gt;<\/pre>\n\n\n\n<p>Dessa forma, assim que abrir a p\u00e1gina, a mesma j\u00e1 ser\u00e1 automaticamente redirecionado para &#8216;https:\/\/www.homehost.com.br\/&#8217;.<\/p>\n\n\n\n<p>Esse tipo de redirecionamento \u00e9 conhecido como <a href=\"https:\/\/www.homehost.com.br\/blog\/internet\/status-http-o-que-sao-codigos-de-resposta\/\">c\u00f3digo <strong>301<\/strong><\/a>. O c\u00f3digo \u201c<strong>301<\/strong>\u201d \u00e9 interpretado como \u201cmovido permanentemente\u201d. Ou seja, esse c\u00f3digo informa aos <a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/como-usar-o-awstats-contador-de-visitas-para-seu-site\/\">visitantes do site<\/a> e, tamb\u00e9m, aos mecanismos de pesquisa que sua p\u00e1gina da web foi movida permanentemente para um novo local com conte\u00fado equivalente. O redirecionamento 301 \u00e9 o mais indicado para melhorar o <a href=\"https:\/\/www.homehost.com.br\/blog\/seo\/seo-marketing-20-dicas-subir-no-google\/\">SEO<\/a> do seu site.<\/p>\n\n\n\n<p>Al\u00e9m disso, o <strong>meta refresh redirect<\/strong>, que \u00e9 um tipo de HTML Redirect \u00e9 um redirecionamento&nbsp;realizado do lado do cliente, onde \u00e9 informado ao navegador para solicitar outra p\u00e1gina.<\/p>\n\n\n\n<p>\u00c9 importante estar atendo que nem todos os navegadores antigos suportam esse tipo de metadados. Portanto, recomenda-se que sempre deixe uma mensagem com um <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/links-html\/\">link<\/a> para a p\u00e1gina de destino. Vejamos ent\u00e3o o exemplo abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n    &lt;meta charset=\"utf-8\"\/&gt;\n    &lt;title&gt;Meu Redirect&lt;\/title&gt;\n\n    &lt;meta http-equiv=\"refresh\" content=\"0; URL='https:\/\/www.homehost.com.br\/'\"\/&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;p&gt;\n        O conte\u00fado desta p\u00e1gina foi movido permanentemente para o link:\n        &lt;a href=\"https:\/\/www.homehost.com.br\/\"&gt;www.homehost.com.br\/&lt;\/a&gt;\n    &lt;\/p&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n\n\n\n<p>Desta forma, caso o navegador n\u00e3o suporte o HTML Redirect, voc\u00ea garante que o mesmo ter\u00e1 uma op\u00e7\u00e3o para ser direcionado a p\u00e1gina desejada.<br><a name=\"top03\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-metodo-2-redirecionamento-atraves-do-javascript\"><span class=\"ez-toc-section\" id=\"Metodo_2_%E2%80%93_Redirecionamento_atraves_do_JavaScript\"><\/span>M\u00e9todo 2 &#8211; Redirecionamento atrav\u00e9s do JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Assim como o m\u00e9todo anteriormente explicado, podemos utilizar o javaScript no <a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/o-que-e-html\/\" target=\"_blank\" rel=\"noopener\">c\u00f3digo HTML<\/a> para poder estar redirecionando o usu\u00e1rio. Este tipo de redirecionamento tamb\u00e9m \u00e9 realizado do lado do cliente.<\/p>\n\n\n\n<p>Para realizar este redirecionamento basta <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/espaco-html\/\">incluir um script no nosso documento HTML<\/a>. Portanto, vejamos abaixo a fun\u00e7\u00e3o do JavaScript para realizar o redirecionamento:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">window.location.href='url';<\/pre>\n\n\n\n<p>Esta fun\u00e7\u00e3o retorna a URL digitada. Ou seja, redireciona para a URL digitada. veja o exemplo abaixo desta fun\u00e7\u00e3o do JavaScript:<\/p>\n\n\n\n<p>Portanto, vejamos como aplicar isso em um documento HTML no exemplo abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n    &lt;meta charset=\"utf-8\"\/&gt;\n    &lt;title&gt;Meu Redirect&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;p&gt;\n        O conte\u00fado desta p\u00e1gina foi movido permanentemente para o link:\n        &lt;a href=\"https:\/\/www.homehost.com.br\/\"&gt;www.homehost.com.br\/&lt;\/a&gt;\n    &lt;\/p&gt;\n    &lt;script&gt;\n        window.location.href='https:\/\/www.homehost.com.br\/';\n    &lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n\n\n\n<p>Tamb\u00e9m podemos utilizar apenas a fun\u00e7\u00e3o&nbsp;<strong>window.location<\/strong> do javascript, e teremos o mesmo resultado. Vejamos os exemplos abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">window.location='url';<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n    &lt;meta charset=\"utf-8\"\/&gt;\n    &lt;title&gt;HTML Redirect&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;p&gt;\n        O conte\u00fado desta p\u00e1gina foi movido permanentemente para o link:\n        &lt;a href=\"https:\/\/www.homehost.com.br\/\"&gt;www.homehost.com.br\/&lt;\/a&gt;\n    &lt;\/p&gt;\n&lt;script&gt;\n    window.location = \"https:\/\/www.homehost.com.br\/\"\n&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n\n\n\n<p>Voc\u00ea pode estar estudando mais sobre as fun\u00e7\u00f5es de Redirect HTML atrav\u00e9s do JavaScript a partir <a href=\"https:\/\/www.w3docs.com\/snippets\/javascript\/how-to-redirect-a-web-page-with-javascript.html\">deste artigo da W3Docs<\/a>.<br><a name=\"top04\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-metodo-3-redirecionamento-atraves-do-php\"><span class=\"ez-toc-section\" id=\"Metodo_3_%E2%80%93_Redirecionamento_atraves_do_PHP\"><\/span>M\u00e9todo 3 &#8211; Redirecionamento atrav\u00e9s do PHP<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Diferentemente do Redirecionamento atrav\u00e9s do metadados e tamb\u00e9m atrav\u00e9s do JavaScript, ao utilizar o PHP, fazemos o redirecionamento do lado do servidor, e n\u00e3o mais do lado do cliente. Isso acontece devido ao fato de o PHP ser uma linguagem de programa\u00e7\u00e3o Back End, ou seja, que roda dentro do servidor.<\/p>\n\n\n\n<p>Para realizar o HTML Redirect com o <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/o-que-e-php\/\">PHP<\/a>, basta utilizar a fun\u00e7\u00e3o <strong>header()<\/strong> e a fun\u00e7\u00e3o <strong>exit()<\/strong> no inicio do nosso documento. Observe que \u00e9 importante que este documento seja salvo com a extens\u00e3o <strong>.php<\/strong>.&nbsp; Tamb\u00e9m podemos apenas estar criando um arquivo nomeado de <strong>index.php<\/strong> com as fun\u00e7\u00f5es de redirecionamento e incluir no diret\u00f3rio da p\u00e1gina que deve realizar o redirecionamento.<\/p>\n\n\n\n<p>A fun\u00e7\u00e3o <strong>header()<\/strong> envia um cabe\u00e7alho HTTP diretamente para o cliente. Dessa forma, quando cliente acessa sua p\u00e1gina, automaticamente o servidor estar\u00e1 retornando, atrav\u00e9s do PHP, um novo cabe\u00e7alho, que no caso ser\u00e1 descrito pela fun\u00e7\u00e3o <strong>header()<\/strong>. A fun\u00e7\u00e3o <strong>exit()<\/strong> apenas servir\u00e1 para garantir que a p\u00e1gina mostre o conte\u00fado restante, e, portanto, realize o redirecionamento instantaneamente.<\/p>\n\n\n\n<p>Na fun\u00e7\u00e3o header() utilizamos o Location, onde informamos a URL a qual ser\u00e1 redirecionado a p\u00e1gina. Dessa forma, teremos o seguinte c\u00f3digo PHP:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;?php \n  header('Location: url');\n  exit();\n?&gt;<\/pre>\n\n\n\n<p>Portanto vejamos o exemplo abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;?php \n  header('Location: https:\/\/www.homehost.com.br\/');\n  exit();\n?&gt;<\/pre>\n\n\n\n<p>Por\u00e9m, no caso acima, o php vai definir como o padr\u00e3o de redirecionamento o c\u00f3digo 302. Dessa forma, ser\u00e1 entendido que \u00e9 um redirecionamento tempor\u00e1rio, geralmente utilizado para p\u00e1ginas em manuten\u00e7\u00e3o. Portanto, podemos complementar a nossa fun\u00e7\u00e3o para definir o padr\u00e3o de c\u00f3digo. Vamos ent\u00e3o exemplificar como criar um c\u00f3digo 301, ou seja, um redirecionamento Permanente:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;?php \n  header('Location: https:\/\/www.homehost.com.br\/', true, 301);\n  exit();\n?&gt;<\/pre>\n\n\n\n<p>Desta forma, conseguimos ent\u00e3o indicar aos usu\u00e1rios, assim como aos mecanismos de busca, qual \u00e9 o tipo de redirecionamento que estamos fazendo.<\/p>\n\n\n\n<p>Portanto, vejamos agora o exemplo abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;?php \n  header('Location: https:\/\/www.homehost.com.br\/', true, 301);\n  exit();\n?&gt;<\/pre>\n\n\n\n<p>Voc\u00ea pode ainda estudar mais sobre o HTML Redirect atrav\u00e9s do PHP a partir do <a href=\"https:\/\/www.w3docs.com\/snippets\/php\/how-to-redirect-a-web-page-with-php.html\">artigo da W3Docs.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Metodo_4_%E2%80%93_Redirecionar_atraves_de_htaccess\"><\/span>M\u00e9todo 4 &#8211; Redirecionar atrav\u00e9s de htaccess<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Para redirecionar uma p\u00e1gina usando o arquivo .htaccess, voc\u00ea pode usar as regras de redirecionamento dispon\u00edveis no Apache. O arquivo .<a href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/htaccess-wordpress\/\">htaccess <\/a>\u00e9 um arquivo de configura\u00e7\u00e3o do servidor web Apache, que permite definir v\u00e1rias diretivas para controlar o comportamento do servidor.<\/p>\n\n\n\n<p>Aqui est\u00e3o alguns exemplos de como redirecionar p\u00e1ginas usando o arquivo .htaccess:<\/p>\n\n\n\n<p><strong>Redirecionamento 301 (permanente):<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Redirect 301 \/pagina-atual.html http:\/\/www.seusite.com\/nova-pagina.html<\/code><\/pre>\n\n\n\n<p><strong>Redirecionamento 302 (tempor\u00e1rio):<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Redirect 302 \/pagina-atual.html http:\/\/www.seusite.com\/nova-pagina.html<\/code><\/pre>\n\n\n\n<p><strong>Redirecionar com base em express\u00f5es regulares:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>RewriteEngine On\nRewriteRule ^pagina-atual.html$ http:\/\/www.seusite.com\/nova-pagina.html &#091;R=301,L]\n<\/code><\/pre>\n\n\n\n<p><strong>Redirecionamento para um diret\u00f3rio espec\u00edfico:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Redirect \/pasta-atual http:\/\/www.seusite.com\/novo-diretorio\/<\/code><\/pre>\n\n\n\n<p>Certifique-se de substituir &#8220;pagina-atual.html&#8221; e &#8220;http:\/\/www.seusite.com\/nova-pagina.html&#8221; pelos caminhos corretos para as suas p\u00e1ginas. Al\u00e9m disso, observe que o redirecionamento 301 \u00e9 usado para redirecionamentos permanentes, enquanto o redirecionamento 302 \u00e9 usado para redirecionamentos tempor\u00e1rios.<\/p>\n\n\n\n<p>Lembre-se de que o arquivo .htaccess deve estar localizado no diret\u00f3rio raiz do seu site e que o servidor Apache deve ter a op\u00e7\u00e3o &#8220;AllowOverride&#8221; ativada para permitir a leitura do arquivo .htaccess.<\/p>\n\n\n\n<p>Por fim, \u00e9 importante ter cuidado ao modificar o arquivo .htaccess, pois qualquer erro pode causar problemas no funcionamento do seu site. Al\u00e9m disso, \u00e9 recomend\u00e1vel fazer um backup do arquivo antes de fazer altera\u00e7\u00f5es e testar cuidadosamente o redirecionamento para garantir que esteja funcionando corretamente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Por_que_usar_o_HTML_Redirect_301_sempre_que_possivel\"><\/span>Por que usar o HTML Redirect 301 sempre que poss\u00edvel<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>Fazer redirecionamentos 301 \u00e9 uma pr\u00e1tica fundamental para o SEO<\/strong> (Search Engine Optimization) e traz diversos benef\u00edcios para o seu site. O redirecionamento 301 indica aos mecanismos de busca que uma p\u00e1gina foi permanentemente movida para um novo endere\u00e7o. Isso \u00e9 importante para manter sua classifica\u00e7\u00e3o nos resultados de pesquisa e garantir que voc\u00ea n\u00e3o perca tr\u00e1fego e visibilidade.<\/p>\n\n\n\n<p>Quando voc\u00ea redireciona uma p\u00e1gina antiga para uma nova, <strong>os mecanismos de busca transferem a autoridade e os rankings<\/strong> da p\u00e1gina antiga para a nova. Isso preserva a autoridade de busca que voc\u00ea construiu ao longo do tempo e ajuda a manter ou at\u00e9 mesmo melhorar suas posi\u00e7\u00f5es nos resultados de pesquisa.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">O Google valoriza muito os redirecionamentos 301<\/h4>\n\n\n\n<p>Al\u00e9m disso, o redirecionamento 301 tamb\u00e9m melhora a experi\u00eancia do usu\u00e1rio. Ao redirecionar corretamente as p\u00e1ginas do seu site, voc\u00ea evita que os visitantes encontrem links quebrados ou p\u00e1ginas de erro. Em vez disso, eles ser\u00e3o automaticamente redirecionados para a p\u00e1gina correta, proporcionando uma experi\u00eancia de navega\u00e7\u00e3o mais suave e evitando que eles abandonem o site por frustra\u00e7\u00e3o.<\/p>\n\n\n\n<p>Outra situa\u00e7\u00e3o em que o redirecionamento 301 \u00e9 \u00fatil \u00e9 quando voc\u00ea precisa atualizar a estrutura das URLs do seu site. Ao redirecionar as URLs antigas para as novas, voc\u00ea informa aos mecanismos de busca que a p\u00e1gina foi movida permanentemente para um novo endere\u00e7o. Isso ajuda a atualizar os \u00edndices dos mecanismos de busca e garante que os usu\u00e1rios encontrem a vers\u00e3o mais recente do seu conte\u00fado.<\/p>\n\n\n\n<p>Em resumo, o redirecionamento 301 \u00e9 uma pr\u00e1tica importante para manter a visibilidade do seu site nos mecanismos de busca, preservar a autoridade de busca, melhorar a experi\u00eancia do usu\u00e1rio e facilitar atualiza\u00e7\u00f5es na estrutura das URLs. Certifique-se de implementar corretamente os redirecionamentos 301 sempre que necess\u00e1rio para obter os benef\u00edcios de SEO e oferecer uma melhor experi\u00eancia de navega\u00e7\u00e3o para os visitantes do seu site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-recomendacoes-sobre-redirecionamentos\"><span class=\"ez-toc-section\" id=\"Recomendacoes_sobre_Redirecionamentos\"><\/span>Recomenda\u00e7\u00f5es sobre Redirecionamentos<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Voc\u00ea pode estar utilizando a forma que melhor encontrar para realizar o redirecionamento. Apesar de a fun\u00e7\u00e3o de HTML Redirect com metadados ser muito mais pr\u00e1tica e tamb\u00e9m garantir sua funcionalidade, a fun\u00e7\u00e3o atrav\u00e9s do PHP garante um maior controle sobre o redirecionamento, al\u00e9m de funcionar do lado do servidor. Tamb\u00e9m \u00e9 poss\u00edvel estar fazendo um redirecionamento atrav\u00e9s de outras linguagens, assim como tamb\u00e9m atrav\u00e9s do arquivos <a href=\"https:\/\/www.homehost.com.br\/blog\/internet\/htaccess-aprenda-tudo-sobre-esse-arquivo\/\"><strong>.htaccess<\/strong><\/a>.<\/p>\n\n\n\n<p>Portanto, para fazer um redirecionamento, recomendamos que escolha a linguagem de programa\u00e7\u00e3o (ou de marca\u00e7\u00e3o) que voc\u00ea mais utiliza ou tenha prefer\u00eancia.<\/p>\n\n\n\n<p>Enfim, com este artigo, voc\u00ea possui um manual completo para poder utilizar t\u00e9cnicas de HTML Redirect, e assim poder redirecionar suas p\u00e1ginas corretamente! Recomendamos que pratiquem os exemplos acima. Caso pretendam utilizar nas suas p\u00e1ginas, recomendamos que antes realizem o teste para garantir que tudo funcionar\u00e1 perfeitamente.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O HTML Redirect pode ser necess\u00e1rio quando voc\u00ea precisar realizar o redirecionamento de uma p\u00e1gina para outra. Portanto, \u00e9 importante entender o que \u00e9, como funciona e como utilizar o HTML Redirect. Uma das formas mais comuns de se redirecionar uma p\u00e1gina, \u00e9 atrav\u00e9s do Meta refresh redirect. O que \u00e9 o HTML Redirect Ao [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":4022,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_helpful_status":1,"_lmt_disableupdate":"","_lmt_disable":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[9,3,4,213,229,6,1],"tags":[2621,3306,254,253,21,151,153],"class_list":["post-4010","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-como-transferir-seu-site","category-criar-sites","category-desenvolvedores","category-frontpage","category-outros","category-tutoriais","category-uncategorized","tag-html","tag-html5","tag-java-script","tag-javascript","tag-php","tag-redirecionamento","tag-redirecionamento-301"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML Redirect: 4 formas de redirecionar p\u00e1ginas | Homehost<\/title>\n<meta name=\"description\" content=\"HTML Redirect: Aprenda como redirecionar suas p\u00e1ginas atrav\u00e9s dos metadados com meta refresh redirect, javascript ou PHP.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Redirect: 4 formas de redirecionar p\u00e1ginas | Homehost\" \/>\n<meta property=\"og:description\" content=\"HTML Redirect: Aprenda como redirecionar suas p\u00e1ginas atrav\u00e9s dos metadados com meta refresh redirect, javascript ou PHP.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/\" \/>\n<meta property=\"og:site_name\" content=\"Homehost\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Homehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-24T03:33:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-18T11:36:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/redirect_html.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1121\" \/>\n\t<meta property=\"og:image:height\" content=\"440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rafael Marques\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Homehost\" \/>\n<meta name=\"twitter:site\" content=\"@Homehost\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rafael Marques\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/\",\"name\":\"HTML Redirect: 4 formas de redirecionar p\u00e1ginas | Homehost\",\"isPartOf\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/redirect_html.png\",\"datePublished\":\"2023-06-24T03:33:01+00:00\",\"dateModified\":\"2023-11-18T11:36:19+00:00\",\"author\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/a2154603d8bc4cfd0c3bda2c09c4017e\"},\"description\":\"HTML Redirect: Aprenda como redirecionar suas p\u00e1ginas atrav\u00e9s dos metadados com meta refresh redirect, javascript ou PHP.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/#primaryimage\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/redirect_html.png\",\"contentUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/redirect_html.png\",\"width\":1121,\"height\":440,\"caption\":\"HTML Redirect\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.homehost.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Redirect: 4 formas de redirecionar p\u00e1ginas\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/\",\"name\":\"Homehost\",\"description\":\"Hospedagem De Sites\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/a2154603d8bc4cfd0c3bda2c09c4017e\",\"name\":\"Rafael Marques\",\"description\":\"Especialista em Desenvolvimento Web e Marketing. \u00c9 apaixonado por tecnologia, empreendedorismo, audiovisual e animais. Em sua carreira, dedica-se ao empreendedorismo, al\u00e9m de atuar como Desenvolvedor Fullstack e redator t\u00e9cnico. Gosta de usar seu tempo livre para assistir a filmes, jogar, escrever, e passar um bom tempo brincando e mimando seus animais de estima\u00e7\u00e3o. Contato: rafael.blog@homehost.com.br\",\"sameAs\":[\"https:\/\/www.instagram.com\/rafamarquesrmb\/\",\"https:\/\/www.linkedin.com\/in\/rafamarquesrmb\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Redirect: 4 formas de redirecionar p\u00e1ginas | Homehost","description":"HTML Redirect: Aprenda como redirecionar suas p\u00e1ginas atrav\u00e9s dos metadados com meta refresh redirect, javascript ou PHP.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/","og_locale":"pt_BR","og_type":"article","og_title":"HTML Redirect: 4 formas de redirecionar p\u00e1ginas | Homehost","og_description":"HTML Redirect: Aprenda como redirecionar suas p\u00e1ginas atrav\u00e9s dos metadados com meta refresh redirect, javascript ou PHP.","og_url":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/","og_site_name":"Homehost","article_publisher":"https:\/\/www.facebook.com\/Homehost\/","article_published_time":"2023-06-24T03:33:01+00:00","article_modified_time":"2023-11-18T11:36:19+00:00","og_image":[{"width":1121,"height":440,"url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/redirect_html.png","type":"image\/png"}],"author":"Rafael Marques","twitter_card":"summary_large_image","twitter_creator":"@Homehost","twitter_site":"@Homehost","twitter_misc":{"Escrito por":"Rafael Marques","Est. tempo de leitura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/","url":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/","name":"HTML Redirect: 4 formas de redirecionar p\u00e1ginas | Homehost","isPartOf":{"@id":"https:\/\/www.homehost.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/#primaryimage"},"image":{"@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/#primaryimage"},"thumbnailUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/redirect_html.png","datePublished":"2023-06-24T03:33:01+00:00","dateModified":"2023-11-18T11:36:19+00:00","author":{"@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/a2154603d8bc4cfd0c3bda2c09c4017e"},"description":"HTML Redirect: Aprenda como redirecionar suas p\u00e1ginas atrav\u00e9s dos metadados com meta refresh redirect, javascript ou PHP.","breadcrumb":{"@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/#primaryimage","url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/redirect_html.png","contentUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/redirect_html.png","width":1121,"height":440,"caption":"HTML Redirect"},{"@type":"BreadcrumbList","@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-redirect\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.homehost.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML Redirect: 4 formas de redirecionar p\u00e1ginas"}]},{"@type":"WebSite","@id":"https:\/\/www.homehost.com.br\/blog\/#website","url":"https:\/\/www.homehost.com.br\/blog\/","name":"Homehost","description":"Hospedagem De Sites","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/a2154603d8bc4cfd0c3bda2c09c4017e","name":"Rafael Marques","description":"Especialista em Desenvolvimento Web e Marketing. \u00c9 apaixonado por tecnologia, empreendedorismo, audiovisual e animais. Em sua carreira, dedica-se ao empreendedorismo, al\u00e9m de atuar como Desenvolvedor Fullstack e redator t\u00e9cnico. Gosta de usar seu tempo livre para assistir a filmes, jogar, escrever, e passar um bom tempo brincando e mimando seus animais de estima\u00e7\u00e3o. Contato: rafael.blog@homehost.com.br","sameAs":["https:\/\/www.instagram.com\/rafamarquesrmb\/","https:\/\/www.linkedin.com\/in\/rafamarquesrmb\/"]}]}},"modified_by":"ad_hmhst","jetpack_featured_media_url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/redirect_html.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/4010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=4010"}],"version-history":[{"count":14,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/4010\/revisions"}],"predecessor-version":[{"id":12224,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/4010\/revisions\/12224"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media\/4022"}],"wp:attachment":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=4010"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=4010"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=4010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}