Generador de etiquetas Open Graph
Genera etiquetas HTML de Open Graph para optimizar la visualización de enlaces en redes sociales a partir de títulos, descripciones, enlaces e imágenes.
Ejecutar herramienta
Esta utilidad genera el marcado HTML de metadatos Open Graph necesario para compartir enlaces en redes sociales y plataformas de mensajería. Al completar los campos disponibles, el generador estructura las etiquetas `og:title`, `og:description`, `og:type` y `og:locale`, además de añadir opcionalmente `og:image`, `og:url` y `og:site_name` cuando incluyes esos datos. El proceso escapa de forma automática los caracteres especiales en HTML para prevenir errores de sintaxis en el código generado. Si no indicas un tipo de contenido o una configuración regional específica, se aplican por defecto el tipo de sitio web y el idioma inglés. Si dejas el campo de título vacío, no se muestran etiquetas de metadatos. Ten en cuenta que la utilidad no realiza peticiones de red externas ni comprueba si las direcciones de imagen o páginas web existen realmente en servidores remotos.
Instrucciones
- Introduce el título de la página en el campo correspondiente para generar las etiquetas de metadatos.
- Añade un resumen breve en el campo de descripción si deseas contextualizar el enlace compartido.
- Indica de manera opcional la dirección URL canónica, la URL de la imagen y el nombre del sitio web.
- Modifica el tipo de contenido y el código de idioma regional si tu proyecto requiere valores distintos a los predeterminados.
- Pulsa el botón de generación para obtener el código HTML listo para insertar en la cabecera de tu web.
Ejemplos
- Entrada con título «Guía de senderismo en Pirineos», descripción «Rutas y consejos para montaña», URL «https://ejemplo.es/rutas» e imagen «https://ejemplo.es/foto.jpg». El resultado muestra etiquetas meta para título, descripción, URL, imagen, tipo «website» y configuración «en_US».
- Entrada con título «Entrevista a autores», tipo «article», configuración regional «es_ES» y nombre del sitio «Revista Cultural». El resultado muestra etiquetas meta con el título indicado, descripción vacía, tipo «article», idioma «es_ES» y nombre de sitio asignado.
Preguntas frecuentes
¿Por qué no se genera ninguna etiqueta si el título está vacío?
Para que la especificación Open Graph muestre etiquetas de metadatos, es necesario indicar un título. Si dejas el campo de título vacío, no se genera ninguna etiqueta.
¿La herramienta comprueba si la imagen o el enlace existen en internet?
No. La herramienta no realiza consultas de red ni valida URLs remotas; únicamente toma el texto introducido, escapa los caracteres HTML y genera las etiquetas correspondientes.
¿Qué valores se aplican si no especifico el tipo o el idioma?
Cuando proporcionas un título pero dejas vacíos esos campos, se aplican «website» como tipo y «en_US» como configuración regional.
¿Cómo se gestionan las comillas y caracteres especiales en los textos?
Todos los valores introducidos se escapan en formato HTML antes de insertarse en el atributo de contenido de cada etiqueta meta.