Generador de etiquetas Open Graph
Genera fragmentos HTML con etiquetas meta Open Graph para optimizar la previsualización de tus páginas web en redes sociales.
Ejecutar herramienta
Genera etiquetas meta Open Graph listas para incrustar en el encabezado HTML de cualquier página web. Estas etiquetas facilitan que redes sociales como Facebook o LinkedIn interpreten de forma estructurada el contenido al compartir enlaces. Para obtener el marcado es imprescindible indicar al menos un título; si dejas ese campo vacío, el panel no genera fragmentos HTML. Además del título y la descripción básica, puedes añadir campos opcionales como la dirección URL de la página, el enlace a una imagen destacada y el nombre del sitio web. La herramienta asigna automáticamente el tipo de contenido como sitio web y la configuración regional como en_US, salvo que decidas sustituirlos por valores específicos. Cada texto introducido se procesa con escape de caracteres HTML para proteger la sintaxis del código generado. Ten en cuenta que esta utilidad ensambla las etiquetas meta indicadas sin comprobar de forma activa la validez de los enlaces ni la disponibilidad de las imágenes.
Instrucciones
- Escribe el título principal de la página en el campo correspondiente.
- Indica una descripción y la URL canónica de la publicación si deseas mostrarlas.
- Añade el enlace directo a la imagen y el nombre general del sitio web si dispones de ellos.
- Ajusta el tipo de recurso y el código de idioma regional si requieres opciones distintas a las predeterminadas.
- Copia el bloque de etiquetas HTML generado y pégalo dentro de la sección <head> de tu documento web.
Ejemplos
- Crear etiquetas para un artículo de blog completando el título 'Guía de senderismo', la descripción 'Rutas recomendadas en los Pirineos', la URL de portada y fijando el idioma en es_ES.
- Generar el marcado mínimo para una página corporativa introduciendo únicamente el título 'Estudio Creativo' y la URL oficial de la empresa.
Preguntas frecuentes
¿Por qué no aparece ningún código en el resultado?
El generador requiere al menos un valor en el campo de título. Si dicho campo está vacío, no se produce ninguna etiqueta meta.
¿Qué ocurre si no indico una imagen o la URL del sitio?
Las etiquetas correspondientes a la imagen, la URL y el nombre del sitio son opcionales y solo se añaden al marcado final cuando rellenas sus campos.
¿La herramienta comprueba si la URL de la imagen existe?
No. El sistema ensambla las etiquetas y aplica escape a los caracteres especiales de texto, pero no realiza peticiones de red para validar la disponibilidad del enlace.
¿Cómo se gestionan las comillas y caracteres especiales en los textos?
Los valores introducidos se procesan con escape HTML estándar para evitar rupturas de sintaxis al insertarlos en los atributos del código generado.