Cómo Optimizar el SEO con Etiquetas Canonical y Alternate

por
Tiempo de lectura: 2 minutos

Para evitar problemas de contenido duplicado y mejorar la señalización SEO en un sitio web, es fundamental utilizar etiquetas <link rel="canonical"> y <link rel="alternate"> correctamente. Aquí tienes un tutorial paso a paso para implementar estas etiquetas.

Paso 1: Comprender las Etiquetas Canonical y Alternate

  • Canonical: Indica a los motores de búsqueda la URL principal (canónica) de una página.
  • Alternate hreflang: Señala las versiones alternativas de una página en diferentes idiomas o regiones.

Paso 2: Identificar la URL Canónica

Elige una URL principal para cada página. Por ejemplo, entre http://www.web.com/page y http://web.com/page, decides que http://www.web.com/page será la URL canónica.

Paso 3: Añadir la Etiqueta Canonical y Alternate

Incorpora las etiquetas <link rel="canonical"> y <link rel="alternate"> en la sección <head> de cada página.

Ejemplo:

Supongamos que tienes una página disponible en inglés y español, y deseas que la versión con www sea la canónica.

Página en Inglés (versión canónica en www.web.com)

<!DOCTYPE html>
<html>
<head>
  <link rel="canonical" href="http://www.web.com/page" />
  <link rel="alternate" href="http://www.web.com/page" hreflang="x-default" />
  <link rel="alternate" href="http://www.web.com/page" hreflang="en" />
  <link rel="alternate" href="http://www.web.com/page?lang=es" hreflang="es" />
</head>
<body>
  <h1>Contenido de la Página en Inglés</h1>
  <p>Content in English...</p>
</body>
</html>

Página en Español (versión canónica en www.web.com)

<!DOCTYPE html>
<html>
<head>
  <link rel="canonical" href="http://www.web.com/page?lang=es" />
  <link rel="alternate" href="http://www.web.com/page" hreflang="x-default" />
  <link rel="alternate" href="http://www.web.com/page" hreflang="en" />
  <link rel="alternate" href="http://www.web.com/page?lang=es" hreflang="es" />
</head>
<body>
  <h1>Contenido de la Página en Español</h1>
  <p>Contenido en Español...</p>
</body>
</html>

Paso 4: Configurar Redirecciones 301

Configura redirecciones 301 para dirigir todo el tráfico de web.com a www.web.com.

Ejemplo para Apache (.htaccess):

RewriteEngine On
RewriteCond %{HTTP_HOST} ^web\.com [NC]
RewriteRule ^(.*)$ http://www.web.com/$1 [L,R=301]

Ejemplo para Nginx:

server {
    listen 80;
    server_name web.com;
    return 301 http://www.web.com$request_uri;
}

Paso 5: Configurar Alternate hreflang para Diferentes Idiomas

Asegúrate de incluir etiquetas alternate en cada versión del idioma apuntando a las otras versiones.

Ejemplo Completo:

Página en Inglés (www.web.com)

<!DOCTYPE html>
<html>
<head>
  <link rel="canonical" href="http://www.web.com/page" />
  <link rel="alternate" href="http://www.web.com/page" hreflang="x-default" />
  <link rel="alternate" href="http://www.web.com/page" hreflang="en" />
  <link rel="alternate" href="http://www.web.com/page?lang=es" hreflang="es" />
</head>
<body>
  <h1>Contenido de la Página en Inglés</h1>
  <p>Content in English...</p>
</body>
</html>

Página en Español (www.web.com)

<!DOCTYPE html>
<html>
<head>
  <link rel="canonical" href="http://www.web.com/page?lang=es" />
  <link rel="alternate" href="http://www.web.com/page" hreflang="x-default" />
  <link rel="alternate" href="http://www.web.com/page" hreflang="en" />
  <link rel="alternate" href="http://www.web.com/page?lang=es" hreflang="es" />
</head>
<body>
  <h1>Contenido de la Página en Español</h1>
  <p>Contenido en Español...</p>
</body>
</html>

Paso 6: Verificar la Configuración

Usa herramientas como Google Search Console para verificar que las etiquetas canonical y alternate están configuradas correctamente y que los motores de búsqueda las reconocen.

Resumen

  1. Identificar la URL Canónica: Decide la URL principal para cada página.
  2. Añadir la Etiqueta Canonical: Inserta la etiqueta <link rel="canonical" href="URL_CANONICA" /> en la sección <head> de cada página.
  3. Configurar Redirecciones 301: Redirige todo el tráfico de versiones no canónicas a la versión canónica.
  4. Configurar hreflang para Sitios Multilingües: Usa etiquetas alternate con hreflang para versiones en diferentes idiomas.
  5. Verificar la Configuración: Usa herramientas de SEO para asegurar que todo está configurado correctamente.

Siguiendo estos pasos, optimizarás tu sitio web para los motores de búsqueda, mejorando la indexación y evitando problemas de contenido duplicado.

Post Views: 4

Deja un comentario