sanity-io/prácticas-recomendadas-seo-aeo

¿Qué hace prácticas-recomendadas-seo-aeo?

Prácticas recomendadas de SEO y AEO para metadatos, Open Graph, sitemaps, robots.txt, hreflang, datos estructurados JSON-LD, EEAT y contenido optimizado para motores de búsqueda y superficies de respuesta de IA. Usa esta habilidad al implementar SEO de página, SEO técnico, marcado de esquema, SEO internacional, preparación para resúmenes de IA, o al mejorar contenido para Google, ChatGPT, Perplexity y asistentes similares.

Principios Generales

• Prioriza la claridad y la estructura semántica: Usa etiquetas HTML5 apropiadas (<header>, <main>, <nav>, <article>, <section>, <aside>, <footer>).
• Sé monolingüe cuando sea posible: Si el contenido está en un solo idioma, evita añadir redundancia con hreflang. Solo usa hreflang si tienes variantes por idioma o región.
• Usa URLs limpias y descriptivas: ejemplo.com/guia-seo en lugar de ejemplo.com/p?123. Las URLs deben ser legibles y contener palabras clave relevantes.
• Cumple con las directrices de Google, Bing y plataformas de IA: Sigue las normas actualizadas para asegurar la mejor indexación y comprensión.

Metadatos y Etiquetas HTML

Título de la página (<title>)

• Longitud: 50-60 caracteres (Google muestra hasta ~600 píxeles de ancho).
• Incluye la palabra clave principal al inicio del título.
• Único para cada página: Evita duplicados.
• Ejemplo:

  <title>Guía Completa de SEO para Desarrolladores | MiSitio</title>
  

Meta Descripción

• Longitud: 150-160 caracteres.
• Atractiva y accionable: Incluye un llamado a la acción (CTA) si es relevante.
• Única para cada página. No uses descripciones genéricas.
• Ejemplo:

  <meta name="description" content="Aprende las mejores prácticas de SEO técnico y AEO para destacar en buscadores y asistentes de IA. Guía práctica con ejemplos.">
  

Open Graph (OG) y Twitter Cards

• OG Title: og:title (mismo que title pero optimizado para redes sociales, 40-60 caracteres).
• OG Description: og:description (2-4 frases, hasta ~200 caracteres).
• OG Image: og:image (1200x630px, formato WebP o JPEG, <5 MB).
• OG URL: og:url (URL canónica).
• Twitter Card: twitter:card (summary_large_image), twitter:title, twitter:description, twitter:image.
• Ejemplo:

  <meta property="og:title" content="Guía Completa de SEO para Desarrolladores" />
  <meta property="og:description" content="Domina el SEO técnico y la optimización para motores de respuesta con ejemplos prácticos." />
  <meta property="og:image" content="https://ejemplo.com/imagen-og.webp" />
  <meta property="og:url" content="https://ejemplo.com/guia-seo" />
  <meta name="twitter:card" content="summary_large_image" />
  

Canonicalización

• Usa <link rel="canonical" href="https://ejemplo.com/url-canónica" /> para evitar contenido duplicado.
• La URL canónica debe ser absoluta y coincidir con la preferida (con o sin www, protocolo HTTPS).

Etiquetas de Idioma (hreflang)

• Útil solo para sitios multilingües o multirregionales.
• Incluye x-default para la página predeterminada.
• Ejemplo:

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

Sitemaps y robots.txt

Sitemap XML

• Incluye solo URLs canónicas.
• No incluyas URLs con parámetros de sesión, fragmentos o redireccionamientos.
• Ejemplo básico:

  <?xml version="1.0" encoding="UTF-8"?>
  <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
    <url>
      <loc>https://ejemplo.com/</loc>
      <lastmod>2025-03-01</lastmod>
      <changefreq>weekly</changefreq>
      <priority>1.0</priority>
    </url>
  </urlset>
  

• Envía el sitemap a Google Search Console y Bing Webmaster Tools.
• Para sitios grandes, usa sitemaps indexados.

robots.txt

• Permite el acceso completo a Googlebot y otros bots de IA:

  User-agent: *
  Allow: /
  

• Bloquea URLs no deseadas (ej: /api/, /admin/):

  User-agent: *
  Disallow: /api/
  Disallow: /admin/
  

• Especifica la ubicación del sitemap:

  Sitemap: https://ejemplo.com/sitemap.xml
  

Datos Estructurados (JSON-LD) - Schema.org

Tipos Esenciales

• Organization: Datos de la empresa (nombre, logo, URL).
• Website: Información del sitio web.
• WebPage, Article, BlogPosting, Product, FAQPage, BreadcrumbList, LocalBusiness (según el tipo de contenido).

Ejemplo para Artículo

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Guía Completa de SEO para Desarrolladores",
  "description": "Domina el SEO técnico con ejemplos prácticos.",
  "author": {
    "@type": "Person",
    "name": "Juan Pérez"
  },
  "datePublished": "2025-03-01",
  "dateModified": "2025-03-15",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://ejemplo.com/guia-seo"
  },
  "image": "https://ejemplo.com/imagen-og.webp"
}

Buenas Prácticas

• Valida con Schema.org Validator y Google Rich Results Test.
• No uses JSON-LD para contenido oculto o irrelevante.
• Actualiza dateModified cuando el contenido cambie.

EEAT (Experience, Expertise, Authoritativeness, Trustworthiness)

• Experience: Muestra evidencia de experiencia práctica (ej: casos de estudio, reseñas de clientes).
• Expertise: Demuestra conocimiento profundo (ej: biografías de autores con credenciales, contenido detallado).
• Authoritativeness: Consigue enlaces externos de calidad (backlinks) y menciones en medios relevantes.
• Trustworthiness: Muestra señales de confianza (enlaces HTTPS, políticas de privacidad claras, testimonios reales).

Implementación Técnica

• Usa about y mentions en Schema.org para asociar contenido con personas o entidades reconocidas.
• Enlaza a fuentes autoritarias cuando sea relevante.
• Mantén la página de información de autor (/autor/juan-perez) clara y con credenciales.

Contenido para Motores de Respuesta (AEO)

Estructura del Contenido

• Usa encabezados jerárquicos (<h1> -> <h2> -> <h3>) para crear una estructura lógica.
• Incluye párrafos cortos y viñetas para facilitar la extracción de respuestas.
• Define explícitamente la pregunta y la respuesta al inicio de cada sección.
• Ejemplo:

  <h2>¿Qué es SEO técnico?</h2>
  <p>El SEO técnico se refiere a la optimización de la infraestructura de un sitio web para mejorar su indexación y posicionamiento en motores de búsqueda.</p>
  

Datos Estructurados para Preguntas Frecuentes (FAQ)

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "¿Qué es AEO?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "AEO (Answer Engine Optimization) es la práctica de optimizar contenido para que sea mostrado como respuesta directa por asistentes de IA como ChatGPT, Perplexity o Google AI Overviews."
      }
    }
  ]
}

Freshness (Actualidad)

• Actualiza contenido regularmente (cada 6 meses).
• Cambia dateModified en el marcado JSON-LD.
• Google prefiere contenido fresco para consultas sensibles al tiempo.

SEO Técnico Adicional

Velocidad de Página y Core Web Vitals

• LCP (Largest Contentful Paint): < 2.5 segundos.
• FID (First Input Delay): < 100 ms (reemplazado por INP: Interaction to Next Paint).
• CLS (Cumulative Layout Shift): < 0.1.
• Usa herramientas como PageSpeed Insights, Lighthouse y Web Vitals Extension.

Imágenes

• Usa formatos modernos: WebP, AVIF.
• Incluye atributos alt descriptivos.
• Especifica dimensiones (width/height) para evitar CLS.
• Comprime imágenes (ej: con Squoosh o herramientas de CI).

Redireccionamientos

• Usa redirecciones 301 permanentes para URLs cambiadas.
• Evita cadenas de redirección.
• Actualiza enlaces internos para apuntar directamente a la URL final.

Validación y Monitoreo

• Google Search Console - Monitoreo de indexación, errores, rendimiento.
• Bing Webmaster Tools - Similar para Bing.
• Google Rich Results Test - Verifica datos estructurados.
• Ahrefs Webmaster Tools (gratuito) - Auditoría de SEO.
• Screaming Frog SEO Spider - Análisis técnico offline (versión gratuita limitada).

Conclusión

Sigue estas prácticas para garantizar que tu sitio web esté optimizado tanto para motores de búsqueda tradicionales como para asistentes de IA. Revisa cada punto regularmente y mantenlo actualizado con las directrices de los buscadores. Para preguntas específicas, consulta la documentación oficial de Google SEO Starter Guide y Schema.org.