T

Text Machine

Potentes herramientas de texto, en tu navegador

Previsualizador de Open Graph

Introduce URL del Sitio Web
Previsualizar Tarjeta Open Graph

Previsualización Facebook

Ejemplo de Título de Página

EXAMPLE WEBSITE

Ejemplo de Título de Página

Este es un ejemplo de descripción del contenido de la página que aparecería cuando se comparte en redes sociales.

https://example.com/page

Previsualización Twitter

Ejemplo de Título de Página

Ejemplo de Título de Página

Este es un ejemplo de descripción del contenido de la página que aparecería cuando se comparte en redes sociales.

example.com

website
Generador de Meta Tags

Cómo usar Open Graph Previewer

  1. 1

    Introduce la URL de una página

    Pega en el campo de URL del sitio web la URL completa de la página que quieres comprobar.

  2. 2

    Obtén los datos de OG

    Haz clic en "Obtener datos de OG" para extraer el título, la descripción, la imagen y el nombre del sitio de Open Graph existentes en la página.

  3. 3

    Edita manualmente si es necesario

    Cambia a Editar manualmente para ajustar el título, la descripción, la URL de la imagen, el tipo y otros campos y ver cómo se actualiza la vista previa.

  4. 4

    Previsualiza y copia las etiquetas

    Revisa las vistas previas de las tarjetas de Facebook y Twitter, y luego copia las metaetiquetas generadas para añadirlas a tu página.

Preguntas frecuentes

¿Qué son las etiquetas de Open Graph y por qué importan?
Las metaetiquetas de Open Graph indican a las plataformas sociales qué título, descripción e imagen mostrar cuando se comparte tu página, de modo que unas etiquetas bien configuradas producen vistas previas de enlaces más ricas y con más clics en Facebook, X, LinkedIn y más.
¿Cómo funciona la vista previa de Facebook y Twitter?
La herramienta representa tarjetas simuladas de Facebook y Twitter usando tus valores de Open Graph para que veas cómo aparecerán el título, la descripción y la imagen antes de publicar o compartir el enlace.
¿Puedo generar etiquetas sin una página existente?
Sí, usa Editar manualmente para rellenar desde cero el título, la descripción, la URL de la imagen, el nombre del sitio, la URL y el tipo, y luego copia las metaetiquetas ya hechas para tu HTML.
¿Por qué la obtención de una URL podría fallar o no devolver datos?
Algunos sitios bloquean las solicitudes automatizadas, requieren inicio de sesión o no tienen ninguna etiqueta de Open Graph; en esos casos, cambia al modo manual e introduce tú mismo los valores.
¿Es gratuita la herramienta y qué ocurre con la URL que introduzco?
La herramienta es gratuita y sin registro. Para leer las etiquetas de una página en vivo, obtiene la URL a través de nuestro proxy de servidor (necesario para sortear las limitaciones de origen cruzado del navegador), por lo que solo se solicita la dirección pública de la página; la edición manual y las vistas previas se ejecutan en tu navegador.

Herramientas relacionadas

Sigue trabajando con estas prácticas herramientas

Generador de Meta Tags

Generador de Robots.txt

Codificador/Decodificador de Entidades HTML

Visor de Cabeceras HTTP

Verificador de Cadenas de Redirección URL

Extractor de URLs de Sitemap