Cómo configurar un Subdominio o un Subdirectorio con Cloudflare

🚀 Cómo configurar un Subdominio o un Subdirectorio con Cloudflare 🌩

Usar un subdirectorio es, en la mayoría de los casos, mejor para el SEO que un subdominio. Pero, ¿qué haces si quieres dos páginas en un mismo dominio? 🤔 Este tutorial te mostrará cómo hacerlo.

Si estás aquí, seguramente te encanta el SEO y quieres lo mejor de ambos mundos 🌍🌏. Es decir, tener dos sitios en un solo dominio sin usar un subdominio.

¡Pero alto! 🛑 Google dice que los subdominios no afectan al SEO. ¿Verdad o mito? 🧐 Veamos…

Subdominio vs. Subdirectorio 🥊

Ambos, subdominios y subdirectorios, son herramientas esenciales en la gestión y organización de un dominio web, pero tienen usos y ventajas distintas. La elección entre uno u otro puede tener un impacto significativo en el SEO y en cómo se percibe y navega tu sitio.

¿Qué son y cuál es la diferencia?

• Subdominio: Es una extensión del dominio principal y funciona como un sitio web independiente. Por ejemplo, «blog.ejemplo.com» es un subdominio de «ejemplo.com».
• Subdirectorio: Es una carpeta dentro de tu dominio principal y se percibe como una parte del sitio principal. Ejemplo: «ejemplo.com/blog».

Ventajas del Subdominio:

1. Independencia: Los subdominios funcionan casi como sitios web separados, lo que puede ser útil si se quiere separar una parte del negocio o tener diferentes CMS.
2. Flexibilidad en el Hosting: Puede ser alojado en un servidor diferente al dominio principal.

Ventajas del Subdirectorio:

1. Consolidación del Dominio: Al estar en el dominio principal, cualquier SEO y autoridad que el dominio principal tenga puede beneficiar al subdirectorio.
2. Mantenimiento: Al estar bajo el mismo dominio y servidor (generalmente), puede ser más fácil de gestionar y mantener.

¿Qué dicen los estudios? 📊

A lo largo de los años, varios estudios y experimentos han analizado cómo Google y otros motores de búsqueda tratan los subdominios frente a los subdirectorios en términos de SEO. Aunque Google ha indicado que trata ambos de manera similar, muchos expertos en SEO han observado que:

• Un dominio establecido con tráfico y reputación consolidados tiende a transferir parte de esa autoridad a sus subdirectorios, lo que puede beneficiar el SEO de las páginas dentro de esos subdirectorios.
• Por otro lado, los subdominios a menudo son tratados como entidades separadas y, por lo tanto, no se benefician automáticamente de la autoridad del dominio principal.

Esto no significa que los subdominios no puedan rankear bien o adquirir su propia autoridad, pero puede requerir más esfuerzo en términos de SEO en comparación con un subdirectorio.

Conclusión:

La elección entre subdominio y subdirectorio debería basarse en las necesidades específicas del proyecto y en una estrategia clara. Si bien es cierto que los subdirectorios pueden tener algunas ventajas inherentes en términos de SEO, especialmente para dominios ya establecidos, los subdominios ofrecen flexibilidad y separación que puede ser crucial en ciertos escenarios.

Usar Cloudflare para la Magia ✨

Si quieres dos sitios pero no un subdominio, tengo buenas noticias 💌. Es fácil transformar «blog.ejemplo.com» en «ejemplo.com/blog». Y este truquito con Cloudflare es oro puro 🌟.

Sigue estos pasos:

1. Asegúrate que tu DNS va por Cloudflare (busca nubes naranjas 🍊).
2. Crea un «Worker» en Cloudflare.
3. Pega un el código mágico
4. ¡Voilà! ¡Magia digital! 🎩🐇

addEventListener('fetch', function(event) {
  event.respondWith(handleRequest(event.request))
})
async function handleRequest(request) {
  // Only GET requests work with this proxy.
  if (request.method !== 'GET') return MethodNotAllowed(request);

  const url = new URL(request.url);
  const originUrl = url.toString().replace(
    'https://ejemplo.com',
    'https://blog.ejemplo.com'
  );
  const originPage = await fetch(originUrl);
  const newResponse = new Response(originPage.body, originPage);

  return newResponse;
}
function MethodNotAllowed(request) {
  return new Response(`Method ${request.method} not allowed.`, {
    status: 405,
    headers: {
      'Allow': 'GET'
    }
  })
}

¡Espero que te haya gustado! 😃 Y si necesitas ayuda, ¡aquí estamos! 👋