Metadatos fundamentales

Los metadatos on-page son la primera capa explícita de comunicación entre un sitio web y los motores de búsqueda.
Desde ingeniería, su correcta implementación garantiza que cada URL:

• tenga una identidad clara
• sea correctamente interpretada
• no dependa de inferencias automáticas
• pueda ser indexada y rankeada sin ambigüedades

En sitios modernos, los metadatos no son decorativos: forman parte de la arquitectura del sitio.

2.1 Principio general /nk

Ninguna página indexable debe salir a producción sin metadatos definidos.
Nunca vacíos. Nunca dummy.

Si no se conoce la metadata correcta al momento del desarrollo:

• se revisa el sitio anterior, o
• se solicita definición al cliente

Pero no se deja en blanco ni con valores genéricos.

2.2 Title (<title>)

Qué es

El title define el título del documento HTML y es uno de los factores on-page más relevantes para SEO.
Es el texto que normalmente se muestra como título principal en los resultados de búsqueda.

Impacto real

• Señal directa de relevancia para buscadores
• Influye fuertemente en el CTR (CTR significa Click Through Rate, es una métrica que indica qué porcentaje de personas hace clic en un resultado después de verlo)
• Es usado como referencia por IA y sistemas de resumen

Reglas técnicas

• Un solo title por página
• Longitud recomendada: 30–60 caracteres
• Debe ser único por URL indexable
• Debe representar el contenido real de la página
• No debe depender de JS post-hydration

Errores comunes

• Títulos duplicados
• Títulos genéricos (ej. “Home”, “Page”)
• Títulos generados automáticamente sin control
• Títulos dinámicos que cambian según estado del cliente
• Títulos distintos entre HTML inicial y estado final

Implementación (conceptual)

• Definir el title desde el servidor
• En frameworks modernos, asegurarse de:
  • que exista en el HTML inicial
  • que no se sobrescriba luego sin intención

2.3 Meta description (<meta name="description">)

Qué es

La meta description es un resumen del contenido de la página.
No es un factor directo de ranking, pero impacta en la forma en que la página es presentada.

Impacto real

• Influye en el CTR
• Es utilizada por buscadores e IA para entender el contexto
• Puede ser usada como snippet en resultados

Reglas técnicas

• Una por página
• Longitud recomendada: hasta 155–160 caracteres
• Debe ser coherente con el contenido visible
• No debe estar vacía
• No debe ser duplicada entre páginas importantes

Errores comunes

• Repetir la misma description en todo el sitio
• Dejarla vacía
• Usar texto genérico o automático sin sentido
• Generarla solo del lado del cliente

2.4 Metadatos sociales (Open Graph / Twitter)

Qué son

Los metadatos sociales controlan cómo una URL se presenta cuando es compartida en redes, mensajería y herramientas internas.

Aunque no impactan directamente en ranking, forman parte de la calidad general del documento.

Metadatos mínimos recomendados

• og:title
• og:description
• og:image
• og:url
• twitter:card

Impacto técnico

• Mejor presentación al compartir
• Evita previews incorrectos
• Reduce scraping erróneo por bots externos
• Aporta claridad semántica adicional

Errores comunes

• No definirlos
• Usar imágenes de tamaño incorrecto
• Desalinearlos con title / description reales
• Servirlos dinámicamente solo con JS
• og:url que no coincide con la URL en cuestión

2.5 Consistencia entre metadatos y contenido

Un principio clave:

Los metadatos deben reflejar el contenido real de la página.

Inconsistencias entre:

• title
• meta description
• headings
• contenido visible

generan:

• menor confianza del motor
• snippets reescritos automáticamente
• pérdida de control semántico

2.6 Metadatos y renderizado

Desde ingeniería, es crítico garantizar que:

• todos los metadatos estén presentes en el HTML inicial
• no dependan de:
  • useEffect
  • estados del cliente
  • datos cargados post-hydration

Los motores leen el documento, no la intención.

2.7 Metadatos en sitios con CMS

Buenas prácticas:

• campos para title y description
• fallback controlado (no genérico)

2.8 Relación con AEO y GEO

Los metadatos:

• aportan contexto explícito
• ayudan a clasificar la página
• son usados por sistemas de IA como señal inicial

En búsquedas generativas, los títulos claros y descripciones coherentes reducen ambigüedad y mejoran la reutilización del contenido.

2.9 Checklist mínimo de la sección

Antes de considerar una página “lista”:

• Title definido, único y no dummy
• Meta description definida
• Metadatos presentes en HTML inicial
• Metadatos coherentes con el contenido
• Metadatos sociales configurados

2.10 Conclusión

Los metadatos on-page son la base semántica mínima de cualquier URL indexable.
No optimizarlos correctamente no rompe el sitio visualmente, pero rompe la forma en que el sitio existe para sistemas automáticos.

En /nk, los metadatos:

• no son opcionales
• no se agregan al final
• se definen como parte del desarrollo