138 · Diseño y Web

Abrir vista previa de gráficos

Vea aproximadamente cómo se verá su página cuando se comparta su enlace y copie las etiquetas que la controlan.

Tus datos: Esta herramienta procesa su entrada en este navegador. CapyHelp no carga esa entrada para generar su resultado. Detalles de privacidad

Abrir vista previa de gráficos

Vista previa de una tarjeta de enlace típica. Cada aplicación diseña las tarjetas de manera un poco diferente.

Imagen de 1200 × 630

Cómo utilizar la vista previa de gráficos abiertos

  1. Ingrese el título, la descripción, la URL y la URL de la imagen compartida de su página.
  2. Consulta la vista previa y las sugerencias.
  3. Copie las etiquetas en el archivo .

Obtener correctamente las tarjetas de enlace

La mayoría de las aplicaciones leen etiquetas Open Graph: og:title, og:description, og:image y og:url. Utilice una URL de imagen absoluta y una imagen de 1200 × 630 píxeles para una tarjeta grande. Vistas previas de la caché de las aplicaciones, por lo que después de cambiar las etiquetas, utilice la herramienta de depuración propia de cada plataforma para actualizarla.

Por motivos de privacidad, esta vista previa no recupera su imagen de la web; Muestra hacia dónde va la imagen.

Ejemplos

Título de más de 60 caracteres.

Una sugerencia para acortarlo.

Sin imagen

Diseño de tarjeta pequeña

Preguntas

¿Recupera mi página en vivo?

No. Muestra una vista previa de los valores que escribes, para que puedas probarlos antes de publicarlos.

Traducción automática. Revisar resultados importantes.