Las vistas previas de redes sociales muestran información sobre tu sitio cuando compartes un enlace a redes sociales como Facebook, LinkedIn y X (antes Twitter). En esta guía, aprenderás a controlar cómo se ve tu contenido cuando se comparte en redes sociales.
En esta guía
¿Tienes alguna pregunta?
Pregunta a nuestro AI AssistantWordPress.com añade automáticamente metaetiquetas de Open Graph (og:title, og:description, og:image) a todas tus entradas y páginas. Cuando alguien comparte un enlace a tu contenido en las redes sociales, estas etiquetas le dicen a la red social qué imagen, título y descripción mostrar en la vista previa.
Al compartir entradas o páginas individuales, WordPress.com crea vistas previas con esta información:
- Título: El título de la página o entrada que se comparte.
- Descripción: El extracto establecido para la página o entrada. Si no se establece ningún extracto, los primeros 195 caracteres del contenido.
- Imagen: La imagen destacada establecida para la página o entrada. Si no se establece ninguna imagen destacada, las redes sociales buscarán imágenes en este orden:
- Una imagen de una presentación.
- Una imagen de una galería.
- Cualquier otra imagen en el sitio.
- Una imagen enlazada desde otro sitio web.
- Tu foto de perfil.
- Otras imágenes encontradas en la página, como una imagen de la cabecera, pie de página o barra lateral.
La sección de vista previa del enlace en la barra lateral de Jetpack te permite ver cómo se verá el enlace de tu entrada en las redes sociales y en los resultados de búsqueda de Google. Esta vista previa muestra el título, la descripción y la imagen que cada plataforma mostrará en función de las etiquetas Open Graph de tu entrada.
Para previsualizar la apariencia de tu enlace, sigue estos pasos:
- Ve a Entradas en tu escritorio y crea o edita una entrada.
- Haz clic en el icono verde de Jetpack en la parte superior derecha del editor.
- Desplázate hacia abajo hasta la sección de vista previa del enlace.
- Haz clic en el botón Vista previa.
- En el modal de vistas previas, haz clic en el icono de cada plataforma (Google, X, Facebook, Threads, LinkedIn, Nextdoor, Tumblr, Mastodon o Bluesky) para ver cómo aparecerá tu enlace allí.
Si la vista previa no se ve bien, revisa la sección «Solucionar problemas de vista previa» a continuación.
Al compartir la página de inicio o las páginas de archivo de tu sitio (entradas, categorías, etc.), WordPress.com crea vistas previas con esta información:
- Título: El título de tu sitio.
- Descripción: El eslogan de tu sitio.
- Imagen: Los sitios sociales usarán:
- La imagen destacada de la página de inicio, o
- El icono de tu sitio si no se ha establecido ninguna imagen destacada, o
- El logotipo de tu sitio en sitios con el plan Business o superior.
Esta sección de la guía se aplica a los sitios con nuestros planes Premium, Business y Commerce de WordPress.com. Para los sitios con los planes gratuito y Personal, mejora tu plan para acceder a esta función.
Puedes controlar cómo se ven tus entradas en cada red social antes de compartirlas. El panel de Jetpack Social del editor te permite escribir mensajes personalizados, elegir imágenes y previsualizar tus publicaciones en redes sociales, todo en un solo lugar.
El modal Vista previa y personalización te permite ver cómo se verá tu entrada en cada red social conectada y hacer cambios antes de publicarla. Esta función está disponible con los planes Premium, Business y Commerce.
Para previsualizar y personalizar una entrada en redes sociales, sigue estos pasos:
- Ve a Entradas en tu escritorio y crea o edita una entrada.
- Haz clic en el icono verde de Jetpack en la parte superior derecha del editor.
- En «Compartir en redes sociales», haz clic en el botón Vista previa y personalizar.
- En el modal que se abre, escribe un mensaje personalizado en el campo MENSAJE.
- En el lado derecho, revisa la vista previa de tu entrada tal como aparecerá en la red social seleccionada.
- Cambia el conmutador de compartir situado junto a cada cuenta para incluirlo o excluirlo de la opción de compartir.
- Haz clic en el botón Cerrar cuando hayas terminado.
La vista previa se actualiza a medida que haces cambios, para que puedas ver exactamente lo que tu público verá antes de que se publique tu entrada.
Esta sección de la guía se aplica a los sitios web con el plan WordPress.com Business e eCommerce. Si tienes un plan Business, asegúrate de activarlo. Para los sitios con los planes gratuito, Personal y Premium, mejora tu plan para acceder a esta función.
Puedes escribir un mensaje diferente y elegir una imagen diferente para cada red social conectada en lugar de compartir el mismo contenido en todas partes.
Para personalizar tu entrada para cada red, sigue estos pasos:
- Abre la vista previa y personaliza el modal siguiendo los pasos anteriores.
- Haz clic en Personalizar cada pestaña en la parte superior del modal.
- Haz clic en el icono de una red social de la parte superior para seleccionar la cuenta que quieres personalizar.
- Escribe un mensaje personalizado y selecciona los medios para esa cuenta específica.
- Repite el proceso para cada red que quieras personalizar.
Esta sección de la guía se aplica a los sitios web con el plan WordPress.com Business e eCommerce. Si tienes un plan Business, asegúrate de activarlo. Para los sitios con los planes gratuito, Personal y Premium, mejora tu plan para acceder a esta función.
La sección Medios de la vista previa y el modal de personalización te permiten elegir qué imagen aparece con tu entrada en redes sociales. Esta función está disponible con los planes Business y Commerce. Haz clic en el botón Seleccionar para ver tus opciones:
En PARA LA VISTA PREVIA DEL ENLACE:
- Usar plantilla: Crea una imagen usando el Generador de imágenes sociales con el título de tu entrada y un diseño de plantilla.
- Usar imagen destacada: Usa la imagen destacada establecida en tu entrada.
En PARA ADJUNTAR:
- Generar imagen: genera una imagen con Jetpack AI.
- Desde la biblioteca de medios: Selecciona una imagen o vídeo de tu biblioteca de medios o sube un archivo.
Si no seleccionas ningún medio, las redes sociales utilizarán los valores por defecto descritos en la sección anterior «Comprender las vistas previas de las redes sociales por defecto».
Esta sección de la guía se aplica a los sitios web con el plan WordPress.com Business e eCommerce. Si tienes un plan Business, asegúrate de activarlo. Para los sitios con los planes gratuito, Personal y Premium, mejora tu plan para acceder a esta función.
El Generador de imágenes de redes sociales crea imágenes con superposiciones de texto para tus publicaciones de redes sociales. Esta función está disponible con los planes Business y Commerce. Antes de utilizar la opción Usar plantilla en el selector de medios, activa el Generador de imágenes sociales en los ajustes de tu sitio.
Para activar el Generador de imágenes sociales, sigue estos pasos:
- Dirígete al escritorio de tu sitio.
- Ve a Jetpack → Explorar.
- Asegúrate de tener al menos una red social conectada.
- Cambia el ajuste junto a «Generador de imágenes sociales» a ACTIVADO.
Puedes configurar la plantilla de imagen por defecto y la imagen alternativa que se aplican a todas las entradas.
Para establecer los ajustes por defecto de las imágenes de redes sociales, sigue estos pasos:
- Dirígete al escritorio de tu sitio.
- Ve a Jetpack → Explorar.
- Asegúrate de que el Generador de imágenes de redes sociales está activado.
- Haz clic en el botón «Cambiar dirección del sitio».
- Selecciona una plantilla por defecto y añade una imagen por defecto para todas las entradas cuando no haya una imagen destacada.
- Haz clic en el botón Guardar para guardar tus cambios.
Si tus enlaces compartidos no aparecen correctamente, prueba a borrar las vistas previas en caché de las redes sociales y verifica que tu imagen cumple con las especificaciones de las redes sociales.
Las redes sociales almacenan en caché las vistas previas de las redes sociales, lo que significa que guardan una versión anterior de los detalles de tu entrada y no se actualizan de inmediato con los últimos detalles si has cambiado algo. Si has modificado los ajustes de tu página o entrada, puedes borrar las vistas previas de las redes sociales almacenadas en caché para solicitar a la red social que vuelva a comprobar tu entrada para obtener la información más reciente.
Facebook y WhatsApp:
WhatsApp utiliza el sistema de vista previa de Facebook, por lo que corregir las vistas previas de Facebook también corregirá las vistas previas de WhatsApp. Sigue estos pasos para borrar las vistas previas de redes sociales almacenadas en caché en Facebook y WhatsApp:
- Visita el depurador de compartir de Facebook.
- Pega tu URL en el campo de entrada.
- Haz clic en el botón Depurar.
- Revisa las etiquetas y previsualiza la información.
- Haz clic en el botón «Raspa de nuevo» para actualizar la caché de Facebook.
X (Twitter):
X (Twitter) vuelve a indexar la información de la etiqueta de la tarjeta en tu página aproximadamente cada siete días. Ofrecen algunas sugerencias adicionales en la sección «Actualizar una tarjeta en un tuit» de su guía de solución de problemas.
LinkedIn:
- Visita el Inspector de entradas de LinkedIn.
- Introduce tu URL en el campo de entrada.
- Haz clic en Inspeccionar.
Sigue estas instrucciones generales al elegir la imagen que usarás para tus vistas previas en redes sociales:
- Tamaño recomendado: 1200 × 630 px funciona bien en la mayoría de las redes sociales y minimiza el riesgo de problemas de recorte.
- Relación de aspecto: 1.91:1 se recomienda generalmente.
- Tipos de archivo: JPG o PNG.
- Tamaño máximo de archivo: Mantener por debajo de 5 MB; mientras que algunas plataformas pueden permitir tamaños de archivo más grandes, 5 MB es el estándar más seguro.
- Centra el contenido importante: evita el recorte en las ventanas más pequeñas.
Más información para redes sociales específicas:
