Open Graph Tester
Previsualiza cómo se verá un enlace al compartirlo en redes sociales.
Qué hace esta herramienta
Open Graph tester que abre cualquier URL pública y muestra exactamente cómo se renderiza al compartirla. Lee las etiquetas Open Graph, Twitter Card y meta tags estándar, y las presenta como tarjetas comparadas para que detectes lo que falta antes del lanzamiento.
Si quieres revisar las etiquetas a fondo, prueba con probador de regex sobre el HTML, o pasa el resultado por formateador JSON para verlo estructurado.
Para qué te sirve
- Confirmar que un artículo nuevo enseña su imagen destacada al compartirlo en Facebook o LinkedIn.
- Comprobar que una página de producto usa el tipo de Twitter Card correcto antes del tuit de lanzamiento.
- Auditar la web de un cliente buscando títulos, descripciones o imágenes que falten.
- Comparar previews de staging y producción tras editar el SEO de una página.
Cómo se usa
- Pega la URL que quieres analizar.
- Hacemos la petición desde nuestro servidor y procesamos las etiquetas meta.
- Revisa las tarjetas previas de Facebook y Twitter, y la lista completa de tags.
- Copia el volcado en bruto si quieres compartirlo con tu equipo.
Todo el trabajo ocurre dentro de tu navegador, sin subir archivos a ningún servidor. Ver más herramientas del mismo campo.
Etiquetas Open Graph que sí merecen estar
No todas las etiquetas meta pesan igual. Estas son las que de verdad miran las redes sociales al renderizar una tarjeta. Si las configuras, el preview deja de verse roto.
| Etiqueta | Para qué sirve | Valor de ejemplo |
|---|---|---|
| og:title | Título que se muestra en la tarjeta compartida. Si falta, se usa el <title>. | ToolFarm. Herramientas gratis para tu día a día. |
| og:description | Resumen de una línea bajo el título. | Convierte, formatea y limpia archivos desde el navegador. |
| og:image | Imagen de previsualización. 1200 por 630 px es la medida segura para todas las plataformas. | https://toolfarm.io/og/es/home.png |
| og:url | URL canónica a la que enlaza la tarjeta. | https://toolfarm.io/es |
| og:type | Tipo de contenido. 'article' para posts de blog, 'website' para landings. | website |
| og:site_name | Nombre del sitio. Algunas tarjetas lo muestran sobre el título. | ToolFarm |
| twitter:card | Layout específico de Twitter. 'summary_large_image' rellena la tarjeta con la imagen. | summary_large_image |
Combina bien con
Otras herramientas que la gente suele usar en el mismo flujo.
- Meta Tag AnalyzerEn camino
Suele combinarse en el mismo flujo.
- Probador de regex
probar expresiones regulares
Sirve para auditar las etiquetas meta.
- Formateador JSON
formatear y validar JSON
Sirve para auditar las etiquetas meta.
- SEO ScorerEn camino
Sirve para auditar las etiquetas meta.
Otras herramientas del mismo campo
SEOPreguntas frecuentes
¿Por qué se busca desde el servidor y no desde el navegador?
La mayoría de los sitios bloquean peticiones de origen cruzado desde el navegador. Hacerlo desde nuestro servidor evita ese muro, y no guardamos ni la URL ni la respuesta.
¿Qué etiquetas lee?
El title y description estándar, todo el conjunto Open Graph (og:title, og:image, og:type, og:site_name y compañía), las etiquetas de Twitter Card y el link canonical. Cualquier otra cosa que encontremos sale en la tabla de tags.
¿Y si la imagen no carga en el preview?
Suele ocurrir porque la og:image es relativa, está detrás de autenticación o bloquea el hotlinking. Abre la URL resuelta en una pestaña nueva para comprobarlo, y asegúrate de que la imagen es pública.
¿Funciona con aplicaciones SPA?
Solo si las etiquetas meta se sirven desde el servidor. Muchos frameworks SPA las inyectan por JavaScript después de cargar, y los crawlers no las ven. Si es tu caso, pásalo a render del servidor en las rutas que te interesa posicionar.