Requisitos para las metaetiquetas de SEO
Las metaetiquetas son indicaciones legibles por máquina en el head que orientan a los motores de búsqueda, controlan los fragmentos y definen las previsualizaciones de enlaces. Configurarlas bien mejora el rastreo, la apariencia en el SERP y el rendimiento en redes. Esta guía resume requisitos prácticos y ejemplos.
Qué es realmente una “metaetiqueta”
En HTML, las metaetiquetas son elementos como <meta name="description"> o <meta name="robots">. Relacionados, pero no metaetiquetas, están <title>, <link rel="canonical"> y los enlaces hreflang. Conviven en <head> y se tratan aquí cuando afectan al SEO.
Requisitos clave
1) Meta description
- Propósito: Texto candidato al fragmento de búsqueda; no influye directamente en el ranking.
- Formato: Una por página, única, ubicada en <head>.
- Longitud: Apunta a 150–160 caracteres (o ~920px de ancho); escribe con intención y claridad.
- Contenido: Incluye tema/palabra clave principal de forma natural, propuesta de valor y un CTA suave.
- Evita: Duplicados, plantillas genéricas, clickbait y símbolos excesivos.
<meta name="description" content="Compara proveedores de copia en la nube, precios y velocidades de restauración. Revisa nuestras elecciones y elige el mejor plan para tu negocio.">
2) Directivas de robots
- Global: Usa name="robots" para todos los crawlers; usa name="googlebot" o "bingbot" para un bot específico.
- Ubicación: Solo en <head>; la directiva más restrictiva prevalece si hay varias (incluido HTTP X‑Robots‑Tag).
- Comunes: index | noindex, follow | nofollow, noarchive, nosnippet, max-snippet:[-1|N], max-image-preview:[none|standard|large], max-video-preview:[-1|N], notranslate, noimageindex.
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta name="googlebot" content="index, follow">
Conflictos: noindex anula canonical; nofollow puede bloquear señales del grafo de enlaces desde la página; úsalo con moderación.
3) Viewport (móvil)
- Necesario para la paridad en el mobile-first indexing y una experiencia usable en móviles.
- Usa width=device-width e initial-scale=1.
<meta name="viewport" content="width=device-width, initial-scale=1">
4) Charset
- Declara UTF‑8 en la parte alta de <head> para que rastreadores y navegadores interpreten bien caracteres y emojis.
<meta charset="UTF-8">
Meta extendidas para compartir
Aunque no son factores de ranking, las meta sociales controlan las previsualizaciones y elevan el CTR cuando tus enlaces se comparten.
Open Graph
- Mínimo: og:title, og:description, og:image, og:type.
- Imagen: 1200×630px (mín. 600px de ancho), ≤5 MB, og:image:alt descriptivo.
<meta property="og:type" content="article">
<meta property="og:title" content="Copia de seguridad en la nube: Guía de compra 2025">
<meta property="og:description" content="Pruebas independientes de velocidad de restauración, seguridad y precio en 12 proveedores.">
<meta property="og:image" content="https://example.com/images/backup-guide-1200x630.jpg">
<meta property="og:image:alt" content="Gráfico comparativo de servicios de copia en la nube">
Twitter Cards
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Copia de seguridad en la nube: Guía de compra 2025">
<meta name="twitter:description" content="Pruebas independientes de velocidad de restauración, seguridad y precio en 12 proveedores.">
<meta name="twitter:image" content="https://example.com/images/backup-guide-1200x630.jpg">
Relacionados (no meta) pero críticos
- Título: Único, descriptivo, ~50–60 caracteres o ~580–600px; palabra clave principal temprano, marca al final.
- Canonical: URL absoluta, uno por página, autorreferente por defecto; no combines canonical con noindex.
- Hreflang: Para variantes por idioma/región; incluye enlace a sí mismo y de retorno; empareja con canonical por localización.
<title>Proveedores de copia en la nube: Compara precios y velocidades | Marca</title>
<link rel="canonical" href="https://example.com/cloud-backup">
<link rel="alternate" href="https://example.com/es/copias" hreflang="es">
<link rel="alternate" href="https://example.com/es/copias" hreflang="x-default">
Requisitos técnicos y errores comunes
- Unicidad: description, title y canonical deben ser únicos por URL.
- Una de cada: evita duplicar meta description o robots; los navegadores honran la primera, pero los crawlers pueden fusionar con la regla más restrictiva.
- Orden: Coloca charset y viewport arriba; robots antes de scripts que puedan bloquear el renderizado.
- Tamaño: Mantén el head compacto; Google procesa hasta ~15 MB de HTML, pero las etiquetas tempranas son más seguras.
- Renderizado: Si el head se construye en cliente, renderiza en servidor o dinámicamente; los crawlers pueden no ver mutaciones tardías.
- Paginación: En series, redacta descripciones específicas; rel="next/prev" está obsoleto; confía en buen interlinking y canonicalización.
- Noindex: Úsalo solo cuando realmente quieras excluir; no bloquees en robots.txt si esperas que Google vea el noindex.
- Internacional: No dependas de meta http‑equiv content-language; usa hreflang.
- Tests A/B: Evita robots o canonicals en conflicto entre variantes.
Lista rápida
- Una meta description única por página indexable, 150–160 caracteres, acorde a la intención de búsqueda.
- Robots en index, follow por defecto; directivas estrictas solo cuando sea necesario.
- Viewport y UTF‑8 presentes y tempranos.
- OG/Twitter completos con imagen de alta calidad y título/descr. coherentes.
- Title, canonical, hreflang limpios y consistentes entre variantes.
- Sin señales contradictorias (noindex vs canonical; múltiples canonicals; mezcla follow/nofollow).
Ejemplo mínimo
<meta charset="UTF-8">
<title>Mejor copia en la nube para pequeñas empresas | Marca</title>
<meta name="description" content="Encuentra copia en la nube fiable con restauraciones rápidas y cifrado robusto. Compara proveedores y elige el plan adecuado para tu pyme.">
<meta name="robots" content="index, follow, max-image-preview:large">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="https://example.com/mejor-copia-nube">
<meta property="og:type" content="article">
<meta property="og:title" content="Mejor copia en la nube para pequeñas empresas">
<meta property="og:description" content="Copia fiable con restauraciones rápidas y cifrado fuerte. Compara proveedores.">
<meta property="og:image" content="https://example.com/backup-1200x630.jpg">
<meta name="twitter:card" content="summary_large_image">