Las metaetiquetas son pequeños fragmentos de HTML en el <head> de una página que dicen a buscadores y redes sociales qué es la página, cuál es la URL real y cómo mostrarla. Los ejemplos de abajo los han producido los generadores del propio sitio, así que puede reproducirlos.
Las etiquetas que importan
| Etiqueta | Qué hace | Pauta habitual |
|---|---|---|
<title> |
El título de la página en resultados y pestañas | Unos 30 a 60 caracteres, por debajo de unos 600 px de ancho |
<meta name="description"> |
El resumen que un buscador puede mostrar bajo el título | Unos 70 a 160 caracteres, por debajo de unos 920 px |
<link rel="canonical"> |
Indica la URL preferida cuando varias muestran el mismo contenido | Una URL absoluta por página |
<link rel="alternate" hreflang> |
Enlaza entre sí las versiones por idioma y región de una página | Cada versión lista todas las versiones, incluida ella misma |
<meta name="robots"> |
Indica a los rastreadores si indexar la página o seguir sus enlaces | noindex mantiene una página fuera de los resultados |
og:* and twitter:* |
Controlan el título, texto e imagen de las vistas previas de enlaces | Imagen de unos 1200 × 630 px (1,91:1) |
Los buscadores recortan títulos y descripciones por ancho en píxeles, no por número de caracteres, así que un título con letras anchas puede cortarse antes. El título Free Online Mortgage Calculator With Taxes, Insurance and Extra Payments | Example mide 774 px frente a un límite de escritorio de 600 px, por lo que se muestra como Free Online Mortgage Calculator With Taxes, Insurance and…. La Vista Previa de Fragmento SERP enseña exactamente dónde cae el corte en escritorio y en móvil. La antigua metaetiqueta keywords la ignora Google, así que omítala; si busca ideas de términos, el Generador de Palabras Clave sugiere frases relacionadas.
Una cabecera completa
El Generador de Meta Etiquetas construye una cabecera como esta, con contadores que avisan cuando un título o una descripción es demasiado corto o largo:
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mortgage Calculator: Monthly Payment, Taxes & Insurance</title>
<meta name="description" content="Estimate your monthly mortgage payment with taxes, insurance and extra payments. Free, private and instant.">
<link rel="canonical" href="https://example.com/mortgage">
<meta property="og:type" content="website">
<meta property="og:title" content="Mortgage Calculator: Monthly Payment, Taxes & Insurance">
<meta property="og:description" content="Estimate your monthly mortgage payment with taxes, insurance and extra payments. Free, private and instant.">
<meta property="og:url" content="https://example.com/mortgage">
<meta property="og:image" content="https://example.com/og.png">
<meta property="og:image:alt" content="Mortgage calculator">
<meta name="twitter:card" content="summary_large_image">
URL canónicas
Si se llega a la misma página como /page, /page/ y /page?ref=x, los buscadores tienen que adivinar cuál posicionar. Un enlace canónico indica la preferida. Debe ser una URL absoluta, y todos los duplicados deben apuntar a la misma. Compruebe lo que declara una página con el Verificador de Etiqueta Canónica.
Versiones por idioma con hreflang
En un sitio con varios idiomas, cada página lista todas sus versiones, ella incluida, más un x-default para visitantes que no encajan en ninguna. Los enlaces deben ser recíprocos: si la página en inglés apunta a la española, la española debe apuntar de vuelta.
<link rel="alternate" hreflang="en" href="https://example.com/" />
<link rel="alternate" hreflang="es" href="https://example.com/es/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/" />
El Generador de Etiquetas hreflang las construye y señala los enlaces de vuelta que faltan.
robots.txt controla el rastreo, no la indexación
Un archivo robots.txt en la raíz del sitio indica a los rastreadores qué rutas pueden descargar:
User-agent: *
Disallow: /admin/
Allow: /admin/help
Sitemap: https://example.com/sitemap.xml
Fíjese en lo que no hace. Una URL bloqueada puede aparecer en los resultados si otros sitios la enlazan. Para mantener una página fuera de los resultados, déjela rastreable y añada noindex en una metaetiqueta robots, porque un rastreador que no puede descargar la página no ve la etiqueta. Cree un archivo con el Generador de robots.txt y pruebe rutas con el Probador de Robots.txt. No use nunca robots.txt para ocultar nada sensible: es público.
Vistas previas sociales
Las etiquetas Open Graph (og:) y Twitter (twitter:) fijan la tarjeta que se muestra al compartir un enlace. Use una URL de imagen absoluta de unos 1200 × 630 px (proporción 1,91:1) y añada texto alternativo. Previsualice el resultado con el Generador de Vista Previa Social.
Datos estructurados con JSON-LD
Los datos estructurados etiquetan el contenido de una página de forma legible por máquinas, lo que puede hacerla apta para resultados enriquecidos. JSON-LD es el formato habitual y va en un <script type="application/ld+json">. El Generador de Esquema JSON-LD produce, por ejemplo, marcado de preguntas frecuentes:
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Is it free?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes."
}
}
]
}
Marque solo contenido visible en la página y valídelo antes de publicar. Para más sobre la sintaxis JSON vea Cómo funciona JSON.
Errores frecuentes
- Títulos y descripciones duplicados entre páginas. Escriba cada uno para su página.
- Una canónica que apunta a otro sitio por error. Puede sacar una página de los resultados.
- Bloquear una página en robots.txt y esperar que desaparezca. Use
noindex. - URL relativas en canonical y en etiquetas
og:. Use URL absolutas. - Faltan enlaces de vuelta en hreflang. Los buscadores ignoran las anotaciones unidireccionales.