Vista Previa SERP y OGP
Simula cómo se ve tu sitio en la Búsqueda de Google y en las redes sociales (X/Facebook) en tiempo real.
Incluye comprobaciones del recuento óptimo de caracteres y generación automática de etiquetas Meta.
✏️ Ingresar Metadatos
👀 Vista Previa
Etiquetas Meta Generadas
Acerca de la herramienta de vista previa SERP y OGP
Esta es una herramienta gratuita de SEO y marketing que le permite simular la apariencia de su página en las páginas de resultados del motor de búsqueda (SERP) y tarjetas Open Graph Protocol (OGP) para redes sociales. Puede obtener una vista previa de los títulos y descripciones en la búsqueda de Google, así como de las tarjetas OGP en X (anteriormente Twitter) y Facebook en tiempo real.
Al verificar si la longitud del texto es óptima y asegurarse de que las imágenes OGP estén recortadas correctamente, puede maximizar su tasa de clics (CTR) tanto de los motores de búsqueda como de las redes sociales.
Todos los datos que ingresa se procesan completamente dentro de su navegador localmente. Ningún dato se envía a nuestros servidores, por lo que es seguro probar información confidencial antes de su publicación.
Cómo usar
Ingresar Metadatos
Ingrese la URL de la página, el título, la descripción meta y la URL de la imagen OGP en el formulario izquierdo. La vista previa a la derecha se actualizará de inmediato.
Revisar Vistas Previas
Cambie de pestaña en la parte superior para ver cómo se ve en Google, X y Facebook. Asegúrese de que su texto no se vea truncado por "...".
Copiar Etiquetas HTML
Una vez optimizado, verifique las etiquetas Meta generadas en la parte inferior. Haga clic en "Copiar Código" y péguelo en el <head> de su sitio web.
Glosario
- SERP (Search Engine Results Page)
- La página mostrada por los motores de búsqueda en respuesta a una consulta.
- OGP (Open Graph Protocol)
- Un protocolo que permite que una página web se convierta en un objeto enriquecido en una red social, habilitando vistas previas correctas.
- CTR (Click Through Rate)
- La proporción de usuarios que hacen clic en un enlace específico en comparación con el total de usuarios que ven una página o anuncio.
- Fragmento (Snippet)
- Una breve descripción que se muestra debajo del título de la página en los resultados de búsqueda, a menudo derivada de la etiqueta meta description.
- og:image
- La etiqueta meta que define la imagen que se mostrará cuando se comparte una página. El tamaño recomendado es 1200x630 píxeles.
- Twitter Card
- Sistema de etiquetas meta propiedad de Twitter. Los tipos más comunes incluyen summary_large_image y summary.
- og:title / og:description
- Etiquetas meta que definen el título y la descripción específicamente para el uso compartido en redes sociales.
- Meta Description
- Un atributo HTML que proporciona un breve resumen de una página web (generalmente alrededor de 120-160 caracteres).
FAQ
- Q.¿Cuál es el tamaño recomendado para las imágenes OGP?
- Tanto para X (Twitter) como para Facebook, el tamaño recomendado es de 1200x630 píxeles (relación de aspecto de 1.91:1).
- Q.¿Se guarda la información ingresada en algún servidor?
- No, todos los datos, como URL y títulos, se procesan completamente de forma local en su navegador. No se envía ni guarda información en servidores externos, por lo que es seguro probar información no publicada.
- Q.¿Qué sucede si no configuro las etiquetas OGP?
- Las plataformas de redes sociales extraerán automáticamente texto e imágenes de su página, lo que puede resultar en imágenes no deseadas o títulos truncados, reduciendo significativamente las tasas de clics.
- Q.¿Cuál es la cantidad óptima de caracteres para títulos y descripciones?
- Para la búsqueda de Google, se recomienda mantener los títulos por debajo de 60 caracteres y las descripciones por debajo de 160 caracteres (aproximadamente 100 para dispositivos móviles), asegurando que se incluyan palabras clave importantes al principio.
- Q.¿Puedo verificar cómo se ve en otras plataformas como WhatsApp o Slack?
- Sí, dado que la mayoría de las plataformas como WhatsApp, Slack y LinkedIn siguen el protocolo estándar Open Graph (OGP), la vista previa de Facebook y las etiquetas generadas también se aplican a ellas.
Casos de uso
Comprobaciones Previas a la Publicación
Antes de publicar un artículo, verifique su título, descripción e imagen OGP para maximizar el tráfico de búsqueda y redes sociales.
Mejora del CTR
Simule títulos, descripciones e imágenes más convincentes para páginas existentes que tienen una buena clasificación pero sufren de bajas tasas de clics.
Marketing en Redes Sociales
Verifique la configuración de OGP para páginas de destino promocionales o campañas publicitarias para garantizar una calidad de visualización óptima.
Verificaciones Mobile-First
Confirme visualmente si los fragmentos se acortan en dispositivos móviles o si el diseño de su tarjeta OGP se rompe en pantallas más pequeñas.
Enviar comentarios
Déjenos saber su opinión para ayudarnos a mejorar la herramienta.
Los comentarios están temporalmente suspendidos
El servidor está ocupado o la protección contra spam está activa. Inténtelo más tarde.