Cómo configurar la imagen de vista previa social de Shopify (imagen OG) en Shopify y GemPages

Cuando compartes un enlace de una tienda Shopify en Facebook, Twitter, LinkedIn o aplicaciones de mensajería, un imagen de vista previa social (también llamado un Imagen de Open Graph (OG)) aparecerá. Configurando el derecho Imagen de vista previa de redes sociales de Shopify Ayuda a que su tienda luzca profesional, mejora el SEO y aumenta las tasas de clics en las plataformas sociales.

En esta guía, explicaremos qué es una imagen de vista previa social de Shopify, por qué es importante para el SEO y cómo configurarla para diferentes tipos de páginas tanto en Shopify como en GemPages.

¿Qué es una imagen de vista previa social de Shopify?

A Imagen de vista previa de redes sociales de Shopify Es la miniatura que se muestra junto al título y la descripción de tu página cuando alguien comparte tu enlace. Proporciona la primera impresión visual de tu marca en redes sociales.

Por ejemplo:

• Una página de producto generalmente muestra la imagen destacada del producto.
• Una página de colección generalmente muestra la imagen de su colección destacada.
• Una página de destino personalizada creada con GemPages puede mostrar su propia imagen de vista previa.

Configurar correctamente su imagen OG no solo mejora el aspecto de su tienda, sino que también ayuda a generar fragmentos sociales enriquecidos que generan más clics.

Cómo configurar imágenes de vista previa social por tipo de página

1. Imagen de vista previa social de la página de inicio

El Imagen de vista previa social de la página de inicio puede único configurarse en el administrador de Shopify.

Pasos:

• Desde su Administración de Shopify, vaya a Tienda en línea > Preferencias.
• Desplácese hasta la sección Imagen para compartir en redes sociales .
• Haga clic en Añadir imagen (o CAMBIAR si se actualiza).
• Sube la imagen que quieras utilizar.
• Haga clic en guarde.

2. Imagen de vista previa social de la página del producto

Cuando se comparte una página de producto en las redes sociales, Shopify muestra automáticamente la imagen destacada del producto.

Pasos para actualizar:

• Vaya a Productos en su administrador de Shopify.
• Seleccione el producto que desea editar.
• En la pantalla Medios de Comunicación Sección, subir o actualizar la imagen destacada.
• Haga clic en guarde.

3. Imagen de vista previa social de la página de colección

Las páginas de colección utilizan el imagen destacada de la colección como la imagen de vista previa social.

Pasos para actualizar:

• En tu panel de administración de Shopify, ve a Productos > Colecciones.
• Abra la colección que desea editar.
• En la pantalla Imagen de colección campo, cargar o cambiar la imagen destacada.
• Haga clic en guarde.

4. Imagen de vista previa social de la publicación del blog

Cuando compartes una publicación de blog, Shopify utiliza su Foto principal como la imagen de vista previa.

Pasos para actualizar:

• Desde su Administración de Shopify, vaya a Contenido > Entradas del blog.
• Elige la publicación del blog que deseas editar.
• En la pantalla Imagen Destacada Sección, subir o actualizar la imagen.
• Haga clic en guarde.

5. Imagen de vista previa social de la página de destino de GemPages

Para páginas de aterrizaje personalizadas Creado con GemPages, puedes asignar una imagen de vista previa específica directamente en el editor.

Pasos:

• Abra su página en el Editor de GemPages.
• Vaya a Configuración de publicación > Compartir en redes sociales.

• Sube la imagen que quieres usar como vista previa.

• Guardar y volver a publicar la página.

Solución de problemas: ¿Por qué mi imagen de vista previa social es incorrecta?

Si la imagen de vista previa social aparece incorrecta al compartir su enlace, generalmente se debe al almacenamiento en caché de las plataformas sociales.

A continuación, se muestran algunas soluciones comunes:

1. Borrar la caché de Facebook

Facebook suele almacenar una versión en caché de la vista previa de tu página. Para actualizarla, usa el Facebook Sharing Debugger y hacer clic en Raspar de nuevo para obligar a Facebook a actualizar la vista previa.

2. Borrar la caché de Twitter/X

Si el problema ocurre en X (anteriormente Twitter), utilice el Twitter tarjeta Validador para actualizar los datos de vista previa.

3. Vuelva a publicar su página

Si recientemente actualizó la imagen en Shopify o GemPages, asegúrese de que la página esté guardado y republicado para que se pueda detectar la nueva imagen de vista previa.

4. Verifique el tamaño y el formato de la imagen

Para obtener mejores resultados, use un Imagen de 1200 × 630 px En formato JPG o PNG. Un tamaño incorrecto puede provocar recortes o imágenes de respaldo.

5. Espere a que se actualice la caché

En algunos casos, las plataformas sociales pueden tardar desde unos minutos hasta varias horas en actualizar la vista previa después de realizar los cambios.