Genera meta etiquetas SEO, propiedades Open Graph y marcado de Twitter Card desde un solo formulario, con enlace canónico y control de longitud en vivo.
Genera etiquetas SEO, Open Graph y Twitter Card desde un solo formulario. Rellena los campos una vez y obtén el bloque <head> completo. La longitud del título y la descripción se comprueba en vivo frente a los límites que usan los buscadores antes de truncar.
La mayoría de las meta etiquetas que aparecen en tutoriales antiguos se ignoran. Las que todavía influyen en lo que ve el usuario son pocas:
<title> — el elemento en página más importante. Es el titular clicable en los resultados y el texto de la pestaña del navegador.<meta name="description"> — no es un factor de posicionamiento, pero suele convertirse en el fragmento bajo el título, así que afecta directamente al porcentaje de clics.<link rel="canonical"> — indica a los buscadores qué URL es la versión autorizada cuando el mismo contenido es accesible por varias direcciones.Falta llamativamente <meta name="keywords">. Google confirmó que dejó de usarla para posicionar en 2009 tras años de abuso. Se incluye aquí solo porque unos pocos sistemas de búsqueda internos todavía la leen.
Los buscadores truncan títulos y descripciones para encajar en un ancho fijo en píxeles, así que un título con caracteres estrechos cabe más que otro lleno de mayúsculas. El recuento de caracteres es una aproximación práctica: unos 60 para el título y 160 para la descripción te mantienen dentro del límite de escritorio la mayoría de las veces. Los resultados móviles son aún más estrechos.
Pasarse no es un error. La descripción es un fragmento, no un contrato, y los buscadores la reescriben con frecuencia cuando otro pasaje encaja mejor con la consulta. Coloca las palabras importantes al principio para que el sentido sobreviva al recorte.
Open Graph nació en Facebook pero hoy es el estándar de facto que leen LinkedIn, Slack, Discord, WhatsApp, iMessage y casi todas las plataformas. Cuatro propiedades hacen casi todo el trabajo: og:title, og:description, og:url y og:image.
El analizador de Twitter recurre a Open Graph cuando faltan sus propias etiquetas, así que un juego completo de twitter:* solo hace falta si quieres un título, descripción o imagen distintos en esa plataforma. La etiqueta que sí conviene poner explícitamente es twitter:card, que elige entre el diseño de imagen grande y la miniatura compacta.
Aquí es donde fallan la mayoría de las implementaciones. Usa una URL absoluta: las rutas relativas fallan en todos los rastreadores. Apunta a 1200 por 630 píxeles, la proporción 1,91:1 que llena la tarjeta grande sin recortes. Mantén el archivo por debajo de 1 MB, usa JPEG o PNG y asegúrate de que la URL sea accesible públicamente sin autenticación, cookies ni cadenas de redirección. Cualquier texto de la imagen debe ser grande, porque la tarjeta suele mostrarse a una fracción de su tamaño natural.
Todas las plataformas importantes cachean la vista previa de forma agresiva, a veces durante días. Tras actualizar las etiquetas seguirá apareciendo la tarjeta antigua hasta que caduque la caché o fuerces una actualización con la herramienta de depuración de la plataforma. Facebook, LinkedIn y Twitter ofrecen una. Si tras refrescar sigue mal, comprueba que el rastreador pueda alcanzar la página: un muro de acceso, un bloqueo en robots.txt o contenido restringido por región producen una tarjeta vacía.