Genera meta etiquetas HTML, Open Graph y Twitter Card
Un generador de meta etiquetas construye las etiquetas HTML que dicen a los buscadores y plataformas sociales cómo describir tu página — el título y la descripción que aparecen en los resultados de Google, más las etiquetas Open Graph y Twitter Card que controlan la tarjeta de vista previa cuando se comparte un enlace. Estas etiquetas viven en el <head> de la página y son invisibles para los visitantes, pero son lo que determina si tu enlace muestra una vista previa rica con imagen y titular, o una URL pelada y poco atractiva. Rellenas los detalles y la herramienta genera las etiquetas completas para pegar.
Acertar con esto importa porque la vista previa suele ser la primera impresión de tu página: una imagen Open Graph que falta o es incorrecta hace que un enlace compartido se vea roto en Facebook, LinkedIn o Slack, y una meta descripción floja cuesta clics en búsqueda. Lo complicado es que la misma información hay que repetirla en varios formatos de etiqueta — meta estándar, Open Graph (og:) y Twitter (twitter:) — cada uno con sus propios nombres de propiedad. Esta herramienta las genera todas de forma consistente en tu navegador, así que copias un bloque correcto en vez de ensamblarlo a mano.
Las meta etiquetas estándar (título, descripción) sirven sobre todo a los buscadores. Las etiquetas Open Graph (og:title, og:image, etc.) controlan cómo se ve la página al compartirla en plataformas sociales. Las Twitter Cards son un conjunto similar para X/Twitter. Por lo general quieres las tres para que búsqueda y compartir se vean bien.
Normalmente falta la etiqueta og:image, apunta a una URL inválida o la imagen es demasiado pequeña. Las plataformas leen og:image para construir la tarjeta de vista previa, así que debe ser una imagen válida, accesible públicamente y de tamaño adecuado — y algunas plataformas la cachean, así que volver a compartir puede requerir refrescar la caché.
Los buscadores suelen mostrar aproximadamente los primeros 50-60 caracteres de un título y unos 150-160 de una descripción antes de truncar. Pon las palabras importantes al principio para que el mensaje sobreviva si se corta en los resultados o vistas previas.
Open Graph lo leen la mayoría de plataformas, incluido X/Twitter como respaldo, así que cubre mucho por sí solo. Añadir las etiquetas twitter: te da un control más fino de la tarjeta de Twitter en concreto, como el tipo de tarjeta, así que incluir ambas es la opción más segura.
Generador de UUID · Conversor de timestamps · Codificador Base64 · Decodificador Base64 · Generador de hash · Conversor de colores