¿Cómo calcula la herramienta el truncado del título en Google?

Utiliza el ancho real en píxeles de la tipografía Arial (~600px en escritorio y ~920px en móvil) en lugar de contar caracteres de forma genérica.

¿Qué redes sociales son compatibles con la vista previa de OpenGraph?

Renderiza el formato estándar utilizado por plataformas como Facebook y LinkedIn, aplicando la relación de aspecto recomendada de 1.91:1 para la imagen.

¿Qué tipos de tarjetas de X (Twitter) puedo previsualizar?

Permite alternar entre el diseño de tarjeta de resumen (summary) y el de tarjeta con imagen grande (summary_large_image).

¿Qué diagnósticos SEO realiza la herramienta?

Evalúa la longitud de títulos y descripciones, validez de la URL canónica, uso de guiones en rutas, seguridad HTTPS en og:image y sugerencias de datos estructurados.

¿Es necesario rellenar todos los campos para ver la vista previa?

No, puede rellenar solo los campos que tenga disponibles y la herramienta le indicará qué metadatos faltan en el panel de diagnóstico.

Elysia Tools

Navegación

Development

Estudio de Vista Previa SERP y Social

Renderiza Google SERP (truncado por píxeles en escritorio/móvil), tarjetas X y OpenGraph con diagnósticos SEO pre-lanzamiento

Detalles

Qué te ayuda a hacer esta herramienta

Introduce los metadatos de tu página y la herramienta renderiza tres objetivos reales:

Tarjeta SERP de Google — truncado de título en escritorio (~600px) y móvil (~920px) calculado con anchos de píxel reales de Arial (string-pixel-width), no solo conteo de caracteres.
Tarjeta X (Twitter) — layouts summary y summarylargeimage.
Tarjeta OpenGraph — estilo LinkedIn/Facebook con la ratio recomendada 1.91:1.

También ejecuta diagnósticos SEO pre-lanzamiento: título corto/largo, truncado por dispositivo, longitud de descripción, caracteres sin escapar, validez de la URL canónica, guiones bajos vs guiones, og:image HTTPS/válida, longitud de og:description, og:site_name, twitter:card ausente — más pistas cuando el título sugiere datos estructurados FAQ / HowTo / Product.

Cómo usarlo:

Rellena lo que tengas; deja el resto vacío para ver qué falta.
Elige dispositivo: escritorio, móvil o ambos.
Usa la tabla de diagnósticos como checklist de lanzamiento.

Ejecución

Ejecutar esta herramienta

Completa el formulario, ejecuta la herramienta y revisa el resultado en un solo lugar.

Ejecuciones de ejemplo preparadas

Haz clic en un ejemplo para completar el formulario automáticamente. Los archivos aún deben subirse.

1 ejemplos

Previsualizar una página de reseña en SERP y tarjetas sociales

Truncado de título por píxeles en escritorio/móvil, tarjetas X y OpenGraph, y diagnósticos.

<div>SERP desktop/mobile + Twitter + OpenGraph previews with diagnostics.</div>

Entradas

Completa los campos necesarios y ejecuta la herramienta.

8 opciones

ContenidoPega o escribe los valores principales.6

Título de páginatextObligatorioMeta descripcióntextareaOpcionalURL canónicatextObligatorioURL de imagen OpenGraphtextOpcionalTexto alternativo OGtextareaOpcionalNombre del sitiotextOpcional

AjustesAjusta formatos, rangos, números y modos.2

Tipo de tarjeta TwitterselectOpcionalDispositivo de vista previaselectOpcional

Resultado

Listo para ejecutar

Al ejecutar la herramienta, aquí verás archivos, texto, datos estructurados o salida en streaming.

Ejemplos

Ejemplos que encajan con esta herramienta

Relacionado

Continuar con herramientas y temas relacionados

{ "title": "Best Running Shoes 2026 — Tested & Reviewed | RunLab", "url": "https://runlab.example.com/best-running-shoes-2026", "ogImage": "https://runlab.example.com/og/shoes-1200x630.jpg", "twitterCard": "summary_large_image", "device": "both" }

Estudio de Vista Previa SERP y Social

Qué te ayuda a hacer esta herramienta

Ejecutar esta herramienta

Ejecuciones de ejemplo preparadas

Entradas

Resultado

Ejemplos que encajan con esta herramienta

Continuar con herramientas y temas relacionados

Ejecuciones de ejemplo preparadas

Entradas

Resultado

Conoce cuándo usar esta herramienta, qué admite y cómo la aplican los usuarios.

Datos clave

Resumen

Cuándo usarlo

Cómo funciona

Casos de uso

Ejemplos

1. Optimización de Reseña de Producto

2. Lanzamiento de Artículo de Blog Corporativo

Preguntas frecuentes

Ejemplos de Procesamiento de Imágenes Android Java

Ejemplos de Procesamiento de Imágenes Android Kotlin

Ejemplos de Procesamiento de Imágenes Web Python

Ejemplos de Procesamiento de Imágenes Web Rust

Tabla de Tamaños de Imágenes para Redes Sociales

Renombrar Imágenes en Lote

Núcleo de Convolución Personalizado

Efecto de Relieve de Imagen

Herramientas de conversion de formatos de imagen y exportacion animada

Herramientas de limpieza, acabado y preparacion por lotes de imagenes

Herramientas de metadatos de imagen, EXIF y limpieza de privacidad

Herramientas de Limpieza, Redimensionado y Mejora de Imagen