Testing SEO para QA

Por Qué los Ingenieros QA Necesitan Probar SEO #

El SEO (Search Engine Optimization) impacta directamente cuántos usuarios encuentran un sitio web a través de motores de búsqueda. Un solo meta tag mal configurado, una URL canónica rota o una directiva noindex accidental puede hacer que las páginas desaparezcan de los resultados de búsqueda, costando potencialmente miles de visitantes.

Los ingenieros QA están en una posición única para detectar problemas de SEO porque ya prueban el output HTML, verifican el comportamiento de las páginas y revisan casos extremos que los desarrolladores pueden pasar por alto. El testing técnico de SEO se integra naturalmente en el flujo de trabajo de testing web.

Elementos SEO Esenciales para Probar #

Tags de Título #

El tag <title> aparece en resultados de búsqueda y pestañas del navegador. Prueba:

• Cada página tiene un tag de título único
• La longitud del título es de 50-60 caracteres (los motores truncan títulos más largos)
• El título contiene la keyword principal de forma natural
• El título no se duplica con otras páginas
• Las páginas dinámicas generan títulos correctos (nombre de producto, categoría)

Meta Description #

Aparece como el snippet debajo del título en resultados de búsqueda:

• Presente en cada página (150-160 caracteres)
• Única por página (sin duplicados)
• Contiene un call to action o propuesta de valor
• Incluye la keyword objetivo naturalmente

Tags Canonical #

Previene problemas de contenido duplicado:

<link rel="canonical" href="https://example.com/blog/seo-testing" />

Verifica que:

• Cada página tiene un tag canonical
• La URL canónica apunta a la página correcta (sin cadenas de redirección)
• Las páginas paginadas tienen canonicals correctos
• Las páginas HTTP canonizan a versiones HTTPS
• Consistencia de trailing slash (elige un patrón)

Tags Hreflang (Sitios Multilingües) #

Para sitios con múltiples versiones de idioma:

<link rel="alternate" hreflang="en" href="https://example.com/page" />
<link rel="alternate" hreflang="es" href="https://example.com/es/page" />
<link rel="alternate" hreflang="x-default" href="https://example.com/page" />

Verifica que:

• Cada versión de idioma referencia todas las demás versiones
• x-default apunta al idioma principal
• Las URLs son absolutas, no relativas
• Los códigos de idioma son ISO 639-1 válidos

Tags Open Graph y Twitter Meta #

Controlan cómo aparecen las páginas al compartirse en redes sociales:

<meta property="og:title" content="Título de Página" />
<meta property="og:description" content="Descripción" />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta name="twitter:card" content="summary_large_image" />

Verifica que las imágenes OG existan, tengan dimensiones correctas (1200x630px recomendado) y las URLs sean absolutas.

Testing de Rastreabilidad #

robots.txt #

Ubicado en /robots.txt, este archivo indica a los motores qué rastrear:

User-agent: *
Allow: /
Disallow: /admin/
Disallow: /api/
Sitemap: https://example.com/sitemap.xml

Pruebas críticas:

• El robots.txt de producción no contiene Disallow: / (bloquea todo el sitio)
• El robots.txt de staging/dev SÍ bloquea el rastreo (previene indexar entornos de prueba)
• Las páginas importantes no están bloqueadas accidentalmente
• La URL del sitemap es correcta y accesible

XML Sitemap #

Ubicado en /sitemap.xml:

• Todas las páginas importantes están incluidas
• No hay URLs con 404 o redirecciones en el sitemap
• Las fechas lastmod son precisas
• El sitemap es XML válido (usa un validador)
• El sitemap está referenciado en robots.txt

Noindex/Nofollow #

<meta name="robots" content="noindex, nofollow" />

Verifica que:

• Las páginas de producción NO tienen tags noindex accidentales
• Las páginas que deben excluirse (admin, thank-you) SÍ tienen noindex
• El header HTTP X-Robots-Tag no está configurado como noindex en páginas públicas

Testing de Datos Estructurados #

Qué Probar #

Los datos estructurados usan vocabulario Schema.org para describir el contenido:

Herramientas de Validación #

1. Google Rich Results Test (search.google.com/test/rich-results)
2. Schema.org Validator (validator.schema.org)
3. Ver código fuente y buscar application/ld+json o itemscope

Ejercicio: Auditoría SEO de una Página Web #

Realiza una auditoría técnica SEO en una página de tu proyecto o cualquier sitio web público.

Paso 1: Auditoría de Meta Tags #

Abre la página e inspecciona la sección <head> en DevTools. Documenta:

Paso 2: Verificación de Rastreabilidad #

# Verificar robots.txt
curl https://example.com/robots.txt

# Verificar sitemap
curl https://example.com/sitemap.xml | head -50

# Verificar noindex
curl -s https://example.com/page | grep -i "noindex"

# Verificar canonical
curl -s https://example.com/page | grep -i "canonical"

Paso 3: Validación de Datos Estructurados #

1. Copia la URL de la página
2. Abre Google Rich Results Test
3. Pega la URL y ejecuta el test
4. Documenta: ¿Qué tipos de schema se detectan? ¿Errores o advertencias?

Paso 4: Auditoría de Links #

Verifica links internos y externos en la página:

• ¿Hay links rotos (404)?
• ¿Todos los links tienen anchor text descriptivo (no “haz clic aquí”)?
• ¿Los links externos usan rel="noopener" o rel="nofollow" donde corresponde?

Automatizando Verificaciones SEO #

Integra validación SEO en tu suite de tests:

// Ejemplo: Verificaciones SEO con Playwright
test('la página tiene meta tags SEO válidos', async ({ page }) => {
  await page.goto('/blog/mi-articulo');

  const title = await page.title();
  expect(title.length).toBeGreaterThan(30);
  expect(title.length).toBeLessThan(65);

  const description = await page.$eval(
    'meta[name="description"]',
    el => el.content
  );
  expect(description.length).toBeGreaterThan(100);
  expect(description.length).toBeLessThan(165);

  const canonical = await page.$eval(
    'link[rel="canonical"]',
    el => el.href
  );
  expect(canonical).toContain('/blog/mi-articulo');

  const robots = await page.$('meta[name="robots"][content*="noindex"]');
  expect(robots).toBeNull();
});

Bugs SEO Comunes Encontrados por QA #

1. Noindex de staging filtrado a producción — El bug más peligroso. Siempre verifica meta robots después del deployment.
2. Canonical apuntando a URL incorrecta — Especialmente después de migraciones de URL o rediseños.
3. Links hreflang recíprocos faltantes — Idioma A enlaza a B, pero B no enlaza de vuelta a A.
4. Tags de título duplicados — Valores por defecto del template no sobrescritos en páginas individuales.
5. Sitemap incluyendo URLs 301/404 — Sitemap no regenerado después de cambios de URL.

Puntos Clave #

• Los ingenieros QA deben probar elementos SEO como parte del testing web rutinario
• Las verificaciones más críticas son: tags de título, URLs canónicas, directivas noindex y robots.txt
• La validación de datos estructurados asegura que los rich snippets se muestren correctamente
• Siempre verifica que las configuraciones de staging/dev no se filtren a producción
• Automatiza verificaciones SEO en tu suite de tests para detectar regresiones temprano
• Usa Google Rich Results Test y PageSpeed Insights como herramientas de validación