El head es la primera impresión para Google
Antes de ver una sola imagen o párrafo de tu contenido, los buscadores leen la sección <head> de tu HTML. Ahí viven las etiquetas meta, y son las que determinan cómo apareces en los resultados, si evitas contenido duplicado y cómo te ves cuando alguien comparte tu enlace en redes sociales.
Title: tu titular en Google
La etiqueta <title> es lo primero que ve un usuario en los resultados. Debe ser única en cada página, descriptiva y contener la palabra clave principal cerca del inicio.
- Longitud ideal: entre 50 y 60 caracteres. Más largo y Google lo corta con puntos suspensivos.
- Estructura sugerida: Palabra clave principal | Marca o Título descriptivo - Marca.
- Evita el relleno de keywords. Google penaliza títulos spammosos.
Meta description: el anzuelo
No influye directamente en el ranking, pero sí en el CTR. Una buena descripción convence al usuario de hacer clic sobre los otros resultados.
- Longitud recomendada: 150 a 160 caracteres.
- Incluye un llamado a la acción implícito: "descubre", "aprende", "consulta".
- Si no la defines, Google genera una automáticamente con fragmentos de la página, y no siempre elige los mejores.
Canonical: el antídoto contra el contenido duplicado
Cuando la misma página es accesible desde varias URLs (con y sin www, con parámetros de seguimiento, versiones imprimibles), los buscadores no saben cuál indexar. La etiqueta <link rel="canonical" href="..."> le indica cuál es la versión oficial.
<link rel="canonical" href="https://tusitio.com/producto-a" />Úsala siempre, incluso en páginas únicas (apuntando a sí mismas). Previene problemas cuando alguien copia tu contenido o cuando un sistema de terceros agrega parámetros a la URL.
Hreflang: cuando hablas varios idiomas
Si tu sitio está en español y en inglés, hreflang le dice a Google qué versión mostrar a cada usuario según su región e idioma. Se declara así:
<link rel="alternate" hreflang="es" href="https://tusitio.com/es/" />
<link rel="alternate" hreflang="en" href="https://tusitio.com/en/" />
<link rel="alternate" hreflang="x-default" href="https://tusitio.com/" />Cada versión debe referenciar a todas las demás. Si hay asimetría, Google ignora la señal.
Open Graph: cómo te ves en Facebook y LinkedIn
Las etiquetas og:title, og:description, og:image y og:url controlan la previsualización cuando alguien comparte tu enlace. Sin ellas, la red social intenta adivinar y el resultado suele ser poco atractivo.
<meta property="og:title" content="Tu título social" />
<meta property="og:image" content="https://tusitio.com/portada.jpg" />Usa imágenes de al menos 1200x630 píxeles para que no se vean pixeladas.
Twitter Cards
X (antes Twitter) usa sus propias metas si las defines. Con twitter:card eliges el formato (summary o summary_large_image) y con twitter:title, twitter:description e twitter:image personalizas la tarjeta. Si no las declaras, suele caer en el Open Graph como fallback.
Revisa tus metas con herramientas gratuitas como el depurador de Facebook o el validador de tarjetas de X para asegurarte de que se ven como esperas antes de publicar.
