Como Hospedar Seu Blog WordPress em uma Subpasta, Alojado Separadamente

Como Hospedar Seu Blog WordPress em uma Subpasta, Alojado Separadamente

Como Hospedar Seu Blog WordPress em uma Subpasta com Um Host Diferente

A necessidade de hospedar um blog WordPress em um servidor diferente do site principal, mas ainda apresentá-lo como parte do mesmo domínio, é uma situação que pode surgir em diversos cenários. Este artigo irá explorar como configurar o WordPress para funcionar em uma subpasta, mesmo que esteja hospedado em um serviço diferente. Essa abordagem é especialmente vantajosa para de SEO, pois os benefícios do conteúdo do blog podem ser transferidos para o domínio principal.

O Cenário Ideal

Imagine que você tem um site principal, como o Clashop, que atua como uma plataforma de anúncios classificados. Nesse cenário, o principal site pode estar hospedado em um servidor que não suporta WordPress, mas você deseja que o seu blog esteja completamente integrado à sua identidade online ao ser acessado por meio de uma subpasta, como clashop.com/blog/. Essa é crucial para a de SEO, já que os motores de busca valorizam a coesão entre o conteúdo do site e do blog.

A Importância de Usar uma Subpasta

Implementar um blog em uma subpasta, em vez de um subdomínio (por exemplo, blog.clashop.com), é uma estratégia inteligente para SEO. Isso porque o conteúdo do blog pode influenciar diretamente a autoridade do domínio principal e ajudar a aumentar sua nos motores de busca.

Ainda que um subdomínio possa ser mais fácil de configurar, ele trata o blog como um site separado, o que não favorece a construção de uma força de SEO coesa. Com uma subpasta, cada link gerado no blog adiciona valor ao domínio raiz, contribuindo para uma melhor classificação nas páginas de de busca.

Estrutura da Solução

Para implementar essa estratégia, o primeiro passo é garantir que utilizamos o Cloudflare como fornecedor de DNS para o seu domínio. O Cloudflare não apenas auxilia na proteção e performance do site, mas também disponibiliza uma funcionalidade chamada Workers, que será essencial para redirecionar as requisições.

Criando o Worker do Cloudflare

Os Cloudflare Workers permitem que scripts rodem diretamente no nível do domínio para realizar diversas operações. Neste caso, vamos criar um worker que redireciona as requisições para clashop.com/blog/ para o blog hospedado em blog.clashop.com, sem alterar o URL exibido no navegador do usuário.

  1. Acesse a seção “Workers” da sua conta Cloudflare e crie um novo Worker. Você pode nomeá-lo como “blog-proxy” ou escolher outro nome de sua preferência.
  2. Depois de criar o Worker, vá para “Edit Code” e insira o seguinte código, modificando conforme necessário:

    addEventListener('fetch', event => {
       event.respondWith(handleRequest(event.request));
    });
    
    async function handleRequest(request) {
       const url = new URL(request.url);
       if (url.pathname.startsWith('/blog/')) {
           // Redireciona a URL para blog.clashop.com
           url.hostname = "blog.clashop.com";
           url.protocol = "https";
           const newRequest = new Request(url.toString(), request);
    
           // Busca o conteúdo da nova URL
           const response = await fetch(newRequest);
           const modifiedResponse = new Response(response.body, response);
           modifiedResponse.headers.set('X-Worker-Status', 'proxied');
    
           return modifiedResponse;
       }
       // Se não corresponder, retorna a requisição original
       return fetch(request);
    }
  3. Salve e implante seu worker em sua conta Cloudflare.
  4. Volte ao domínio principal e acesse a seção “Workers Routes”. Clique em “Add Route”.
  5. O caminho deve ser clashop.com/blog/*. O asterisco funciona como um wildcard para corresponder a qualquer endereço que siga /blog/.
  6. Selecione o Worker “blog-proxy” que você criou anteriormente e salve a rota.

Com os ajustes feitos, é crucial que o proxy do Cloudflare esteja habilitado tanto nas versões com www quanto sem www do seu domínio. As mudanças na configuração devem ser aplicadas rapidamente, garantindo que os visitantes vejam o conteúdo corretamente.

Como Funciona o Redirecionamento

O worker que você configurou intercepta todas as requisições que começam com /blog/, alterando a requisição para buscar o conteúdo em blog.clashop.com, mas mantendo o URL original visível no navegador. Isso cria uma aparência de continuidade e autenticidade, fazendo com que o blog pareça parte do site principal.

Opções de Redirecionamento

Caso deseje implementar um redirecionamento real (onde o URL muda no navegador), você pode usar um script diferente:

addEventListener('fetch', event => {
    event.respondWith(handleRequest(event.request));
});

async function handleRequest(request) {
    const url = new URL(request.url);
    if (url.pathname.startsWith('/blog/')) {
        url.hostname = "blog.clashop.com";
        return Response.redirect(url.toString(), 301);
    }
    return fetch(request);
}

Com esse novo código, as requisições para /blog/ redirecionarão para o subdomínio, mudando também o que é exibido na barra de endereços do navegador.

Configurando o WordPress

Um ponto importante a ser considerado é que o WordPress usará a URL configurada nas suas definições para gerar links internos. Assim, se você estiver usando o subdomínio como o domínio principal do seu blog, isso pode quebrar a união visual que você deseja entre o blog e o site principal.

Para evitar que a aparência integrada seja comprometida, ajuste a URL do site nas configurações do WordPress para que utilize a estrutura da subpasta. Ou seja, altere a URL do site para clashop.com/blog/ nas configurações, garantindo que todos os links internos estejam corretos e que a do usuário seja fluida.

Conclusão

Hospedar o seu blog WordPress em uma subpasta, mesmo que em um servidor diferente, é uma tática eficaz para maximizar os benefícios de SEO e manter a coesão visual na experiência do usuário. Usando os Cloudflare Workers, você pode redirecionar requisições de maneira eficiente, fazendo com que seu conteúdo seja apresentado como parte do domínio principal.

Se você seguir esses passos, seu blog no Clashop estará perfeitamente integrado e otimizado, potencializando o do seu site nos motores de busca e oferecendo aos visitantes uma navegação harmoniosa. Para aqueles que ainda podem ter dificuldades ou necessitam de suporte adicional, não hesite em buscar assistência profissional para garantir que tudo esteja configurado corretamente.

Deixe um comentário

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