Saltar al contenido
Toolars
Explorar
Informar de un error

Social · utilidad Local

Generador de metadatos Open Graph

Open Graph Meta Generator

Redacta metaetiquetas og:title, og:type, og:url, og:description, og:image y og:site_name con escape seguro y una tarjeta de vista previa.

Ruta de la tarea / de la entrada al resultado

Escribe el título y la descripción

Funciona en local · No se sube nada

Cómo funciona Generador de metadatos Open Graph, privacidad y herramientas relacionadas

Ruta de la tarea / de la entrada al resultado

Cómo generar metaetiquetas Open Graph

  1. 01

    Escribe el título y la descripción

    Rellena Título (hasta 120 caracteres) y Descripción (hasta 300). El título es obligatorio —generar sin uno se detiene con un error con nombre— mientras que la descripción es opcional y se convierte en og:description cuando está presente. Ambos campos dejan de aceptar entrada al llegar a sus límites.

  2. 02

    Añade las URL

    Introduce la URL canónica, que debe ser una dirección HTTP o HTTPS absoluta, y una URL de la imagen opcional, que también debe ser absoluta cuando está presente. Las direcciones no válidas se rechazan con un error con nombre antes de generar nada, de modo que una ruta relativa o un dominio pelado nunca se cuelan en las etiquetas.

  3. 03

    Define el nombre del sitio y el tipo

    Añade un Nombre del sitio de hasta 100 caracteres y elige un Tipo de contenido: Sitio web, Artículo o Producto. El tipo se convierte en el valor de og:type y el nombre del sitio en og:site_name; déjalo vacío y esa línea simplemente se omite del marcado.

  4. 04

    Genera las etiquetas

    Pulsa Generar metaetiquetas. El marcado se ensambla localmente como un elemento meta por línea con cada valor escapado para atributos, y la salida terminada debe mantenerse dentro del límite local de 16 000 caracteres. Cargar ejemplo rellena un ejemplo de artículo completo y lo genera con un solo clic.

  5. 05

    Revisa y copia

    Comprueba la tarjeta para compartir representativa —muestra el nombre del sitio, o el hostname de la URL canónica cuando no hay nombre de sitio, sobre el título y la descripción— y lee el marcado generado en el panel de salida. Editar cualquier campo borra el marcado hasta que generes de nuevo. Luego usa Copiar metaetiquetas para el portapapeles o Descargar HTML para guardar las etiquetas como toolars-open-graph-meta.html para el head de tu página.

Datos de la herramienta

Procesamiento
En tu navegador
La entrada sale del dispositivo
Nunca
Retención
No se guarda nada
Precio
Gratis

Tus datos se quedan en el navegador.

Generador de metadatos Open Graph usa su ruta de ejecución local verificada y no crea un historial oculto de entradas ni salidas.

Ejecución local

Se ejecuta dentro de la pestaña actual del navegador.

Sin procesamiento oculto

Los datos activos de la herramienta nunca se convierten en un registro de documento de Toolars.

No se necesita cuenta

Usa el flujo de trabajo principal sin crear un perfil. Los favoritos se sincronizan con tu cuenta después de iniciar sesión.

Restablecimiento inmediato

Limpia la pestaña y los datos de trabajo activos desaparecen.

Qué hace Generador de metadatos Open Graph en realidad

Una desarrolladora está a punto de lanzar una landing page y quiere que el enlace se despliegue correctamente cuando el equipo lo publique en el chat. Escribe un título de 70 caracteres, una descripción de dos frases y la URL de producción, fija el tipo en Sitio web y genera las seis líneas de etiquetas. Generador de metadatos Open Graph ensambla las líneas og:title, og:type, og:url, og:description, og:image y og:site_name con escape seguro, y muestra una tarjeta para compartir representativa junto al marcado para que pueda comprobar el truncamiento antes de pegar el fragmento en el head. El borrador del texto y la URL aún no publicada permanecen en la pestaña del navegador: sin pings de validación ni subidas.

Preguntas frecuentes

¿Qué etiquetas se generan?
Siempre og:title, og:type y og:url; además og:description, og:image y og:site_name cuando esos campos están rellenos. Cada línea es un elemento meta estándar con un atributo property, listo para pegar en el head de una página, y las líneas opcionales se omiten por completo en lugar de emitirse vacías.
¿Cómo se escapa el contenido?
Cada valor se escapa para atributos antes de entrar en el marcado: los ampersands, las comillas dobles y simples y los corchetes angulares se sustituyen por sus formas de entidad. Así, los títulos con comillas o caracteres especiales no rompen la etiqueta, y cada valor se recorta de espacios en blanco sobrantes primero.
¿Cuáles son las reglas de validación y los límites?
El Título es obligatorio; la URL canónica debe ser una URL HTTP o HTTPS absoluta, y lo mismo la URL de la imagen cuando está presente. Las longitudes se limitan a 120 caracteres para el título, 300 para la descripción y 100 para el nombre del sitio, y el marcado terminado debe mantenerse dentro de los 16 000 caracteres.
¿Qué muestra la tarjeta para compartir representativa?
La tarjeta imprime el nombre del sitio sobre el título y la descripción, y recurre al hostname de la URL canónica cuando el campo Nombre del sitio está vacío. Es una vista previa representativa de cómo se leen juntos los valores, dibujada localmente, no una renderización exacta píxel a píxel de ninguna plataforma concreta, ya que cada plataforma recorta y trunca de forma distinta.
¿Se sube o se descarga algo?
No. El marcado se ensambla y la tarjeta se previsualiza por completo dentro de esta pestaña del navegador; la URL de la imagen se escribe en las etiquetas pero nunca se descarga aquí. No se necesita cuenta, y Restablecer devuelve los valores de ejemplo por defecto.

Continuar en Mockups para redes sociales

Tareas relacionadas, no un callejón sin salida.

Pasa a otro espacio de trabajo enfocado sin volver al índice completo.

Filtros de Instagram

Instagram Filters

Aplica los filtros Aurora, Noir, Atardecer o Vívido con intensidad de 0 a 100% a tu foto y descarga el PNG a resolución completa. En el Canvas local.

Editar

Generador de publicaciones de Instagram

Instagram Post Generator

Diseña una tarjeta de publicación ficticia con titular, pie, me gusta y tres temas, y expórtala como PNG etiquetado de 1200 × 900, nunca una captura.

Publicar

Generador de historias de Instagram

Instagram Story Generator

Enmarca un concepto de historia con titular, llamada a la acción y hora de guion, y descarga el PNG vertical de 1080 × 1920 con rótulo de maqueta.

Publicar

Generador de mensajes directos de Instagram

Instagram DM Generator

Monta un intercambio de DM ficticio con dos líneas de hasta 400 caracteres y hora de guion, en un marco de teléfono con marca de agua de maqueta.

Publicar