Cuando alguien comparte un enlace a tu página, aplicaciones como Facebook, iMessage, WhatsApp y LinkedIn muestran una tarjeta de vista previa con una imagen, un título y, a menudo, una breve descripción. En EverWeb los eliges para cada página: la imagen en Imagen de medios sociales, el título en Título de la página web y la descripción en Descripción de la página web, todo ello en Inspector > Ajustes de la página. Después publica. Si una aplicación sigue mostrando una vista previa antigua, puedes pedir a Facebook que vuelva a leer la página con su Sharing Debugger (depurador de contenido compartido).
Cuándo te resultará útil
- Los enlaces de una floristería en WhatsApp y Facebook no muestran ninguna imagen.
- Una fotógrafa comparte cada nueva entrada del blog en Facebook y quiere que la foto principal de la entrada aparezca en la tarjeta.
- Un diseñador cambió el nombre de su negocio, pero al pegar el enlace en un mensaje sigue apareciendo el logotipo antiguo.
Qué añade EverWeb y qué necesita SEO PowerUp
Estos datos de la vista previa se llaman etiquetas Open Graph. Están ocultos en la página para que los lean las aplicaciones con las que se comparte.
| Parte de la vista previa | De dónde sale | Qué necesita |
|---|---|---|
| Imagen | Imagen de medios sociales | Incluido en EverWeb |
| Título | Título de la página web | Incluido en EverWeb |
| Dirección de la página | La dirección de la página | Incluido en EverWeb |
| Descripción como etiqueta para compartir | Descripción de la página web | SEO PowerUp, con Optimice y envíe el sitio web a los Buscadores marcado |
| Título e imagen de las entradas del blog | El título de la entrada y su imagen principal | SEO PowerUp, con Optimice y envíe el sitio web a los Buscadores marcado |
Sin SEO PowerUp, tu descripción de la página web sigue estando en la página como descripción normal, y muchas aplicaciones la usan. SEO PowerUp cuesta $29.95 USD al año y está incluido en Hosting Pro y en los planes de EverWeb + Hosting superiores.
Configura la imagen y el texto
- Selecciona la página en la lista de páginas. Hazlo en cada página que vayas a compartir, empezando por tu página de inicio. No se puede configurar en una página maestra.
- Ve a Inspector > Ajustes de la página.
- En Título de la página web, escribe el titular que quieres que vea la gente, por ejemplo "Flores frescas a domicilio en Toronto".
- Abre la sección Search Engine Optimization (optimización para motores de búsqueda). Junto a Imagen de medios sociales, haz clic en Elegir... y escoge tu imagen.
- En Descripción de la página web, escribe una o dos frases que animen a la gente a hacer clic.
- Publica. Las aplicaciones solo ven la página publicada, no tu proyecto ni la vista previa.
Consejos para la imagen:
- Usa una imagen de unos 1200 x 630 píxeles, más ancha que alta. Facebook usa esta forma.
- Algunas aplicaciones recortan la imagen en un cuadrado, así que mantén la parte importante en el centro.
- Usa una foto, o tu logotipo sobre un fondo liso. El texto pequeño dentro de la imagen es difícil de leer en un teléfono.
Actualiza una vista previa que esté desfasada
Las aplicaciones guardan la vista previa la primera vez que alguien comparte un enlace, y pueden seguir mostrándola después de que cambies tu página.
- Facebook: inicia sesión en el Facebook Sharing Debugger, pega la dirección de tu página, haz clic en Debug (Depurar) y después en Scrape Again (Volver a extraer). La nueva vista previa se aplica a las publicaciones nuevas. Las publicaciones que ya hiciste pueden conservar la antigua.
- LinkedIn: pega la dirección en el LinkedIn Post Inspector.
- iMessage y WhatsApp: guardan su propia copia en el teléfono durante un tiempo. Para probar tu nueva vista previa, envía el enlace con ?1 añadido al final, por ejemplo yoursite.com/about.html?1.
Problemas habituales
| Lo que ves | Qué hacer |
|---|---|
| No aparece ninguna imagen | Esa página no tiene Imagen de medios sociales, o el cambio todavía no se ha publicado. Configúrala, publica y después actualiza la vista previa (consulta más arriba) |
| Sigue apareciendo la imagen o el título antiguo | La aplicación guardó una copia anterior. Usa el Sharing Debugger o el Post Inspector |
| Has cambiado el favicon pero la vista previa no ha cambiado | El favicon es el pequeño icono de la pestaña del navegador. La imagen de la vista previa es la Imagen de medios sociales. Consulta ¿Puedo añadir un favicono a mi sitio en EverWeb? |
| Una entrada del blog se comparte sin imagen | Da a la entrada una imagen principal, comprueba que SEO PowerUp esté activado y después publica con Archivo > Publicar sitio completo |
| Falta la descripción o aparece un texto cualquiera de la página | Rellena Descripción de la página web. Con SEO PowerUp, EverWeb también la añade como etiqueta para compartir |
| La imagen aparece recortada o borrosa | Usa una imagen más grande, de unos 1200 x 630 píxeles, con la parte importante en el centro |
| El Sharing Debugger no puede leer la página | Comprueba que la página está publicada y se abre en una ventana privada del navegador. Las páginas protegidas con contraseña no pueden mostrar una vista previa |
| Tu sitio web se publicó por última vez con una versión antigua de EverWeb | Actualiza EverWeb y después publica con Archivo > Publicar sitio completo |