Cómo Optimizar el SEO con Etiquetas Canonical

por
Tiempo de lectura: 2 minutos

Las etiquetas <link rel="canonical"> son esenciales para evitar problemas de contenido duplicado y consolidar las señales de SEO en una URL principal. Aquí te presento un tutorial paso a paso para optimizar tu sitio web utilizando etiquetas canonical.

Paso 1: Comprender las Etiquetas Canonical

La etiqueta canonical indica a los motores de búsqueda la URL principal de una página. Esto es especialmente útil cuando tienes contenido duplicado o similar en varias URLs.

Paso 2: Identificar la URL Canónica

Para cada página de tu sitio web, decide cuál será la URL principal (canónica). Por ejemplo, si tienes la misma página accesible desde varias URLs, elige una como la principal.

Paso 3: Añadir la Etiqueta Canonical

Incorpora la etiqueta <link rel="canonical"> en la sección <head> de cada página, apuntando a la URL principal que has decidido.

Ejemplo:

Supongamos que tienes dos versiones de la misma página:

  1. http://www.web.com/page
  2. http://web.com/page

Decides que http://www.web.com/page será la URL canónica.

Página en http://www.web.com/page:

<!DOCTYPE html>
<html>
<head>
  <link rel="canonical" href="http://www.web.com/page" />
</head>
<body>
  <h1>Contenido de la Página</h1>
  <p>Contenido...</p>
</body>
</html>

Página en http://web.com/page:

<!DOCTYPE html>
<html>
<head>
  <link rel="canonical" href="http://www.web.com/page" />
</head>
<body>
  <h1>Contenido de la Página</h1>
  <p>Contenido...</p>
</body>
</html>

Paso 4: Configurar Redirecciones 301 (Opcional pero Recomendado)

Configurar redirecciones 301 ayuda a consolidar las señales de SEO. Redirige todas las peticiones 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 Sitios Multilingües

Si tienes versiones en diferentes idiomas, usa las etiquetas alternate con hreflang para indicar las versiones alternativas.

Ejemplo para Página en Inglés:

<!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>

Ejemplo para Página en Español:

<!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 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: 2

Deja un comentario