Lo primero que ven
Pensá en cómo llega un cliente por recomendación. Alguien pregunta en un grupo "¿conocen una buena estética por Palermo?", otra persona contesta con tu link, y antes de entrar a tu web, el que preguntó ve el cuadrito que arma WhatsApp debajo del mensaje.
Ese cuadrito es lo primero que ve de tu negocio. Si muestra una imagen clara, un título que dice qué hacés y una frase que da ganas, toca. Si muestra un link pelado o un "Inicio" gris, tiene un motivo menos para hacerlo. Y si en el mismo grupo le pasaron otras tres opciones, es fácil que toque otra.
De dónde sale: Open Graph
La vista previa no la arma WhatsApp mirando tu web: la arma leyendo unas etiquetas escondidas en el código de la página. Se llaman Open Graph, las creó Facebook y hoy las leen WhatsApp, Facebook, LinkedIn, Telegram y muchas otras apps.
Las que se ven son tres:
- og:image, la imagen.
- og:title, el título.
- og:description, la frase de abajo.
Si no están, cada app improvisa. Toma el título de la pestaña (que en muchas webs dice "Inicio" o solo el nombre), agarra alguna imagen de la página (un ícono, un banner cortado) o no muestra nada. Por eso dos webs igual de buenas pueden verse muy distintas en un chat.
Cómo ver la vista previa de tu link en WhatsApp
- Mandate el link a vos mismo por WhatsApp, o a alguien de confianza, y mirá el cuadrito. Probalo con la portada y con alguna página interna: pueden salir distinto.
- Pasalo por el Sharing Debugger de Meta, en developers.facebook.com/tools/debug. Necesita una cuenta de Facebook. Muestra qué imagen, título y frase lee de tu página, y avisa si falta alguna etiqueta.
Las tres partes, bien hechas
1. La imagen
- Horizontal y con buena resolución. Meta pide imágenes de al menos 1080 píxeles de ancho; la medida que más se usa es 1200 × 630.
- Liviana. WhatsApp no publica un límite, pero en la práctica suele mostrar la miniatura con imágenes de hasta unos 300 KB. Una foto pesada puede hacer que no aparezca nada.
- Lo importante al centro. Según la app y el tamaño, la imagen puede salir grande arriba del link o recortada en un cuadrado chico al costado. Si tu marca o tu texto están en un borde, se pierden.
- Que diga algo. Tu logo solo sobre un fondo liso no cuenta qué hacés. Una foto del trabajo terminado, o el nombre junto al rubro, sí.
2. El título
- Qué hacés y dónde, en pocas palabras. "Estética en Palermo · Sala Brisa" dice más que "Inicio" o que el nombre solo. (Sala Brisa es un ejemplo.) Uno real: la web del Dr. Manuel Cabrera Castedo, que hicimos nosotros, comparte como título "Dr. Manuel Cabrera Castedo · Neurocirujano de columna en Buenos Aires": quién es, qué hace y dónde.
- Corto. En el chat se corta después de una o dos líneas: lo importante va primero.
3. La frase
- Una o dos oraciones que digan qué conseguís y algo concreto: "Turnos online en el día, de lunes a sábado."
- Si no la cargás, muchas apps toman el primer texto que encuentran en la página, que puede ser un menú o un aviso de cookies.
Ya la cambié y sigue igual
Las apps guardan la vista previa un tiempo para no leer tu página cada vez que alguien la comparte. Meta, por ejemplo, guarda las imágenes según su dirección y no las actualiza hasta que la dirección cambia.
- En Facebook: pasá el link por el Sharing Debugger. Además de mostrarte qué lee, vuelve a leer la página.
- En WhatsApp: agregale algo al final del link, como ?v=2. Para la app es una dirección nueva y arma la vista previa de cero.
Cómo se cambia
- Si tu web está hecha con una plataforma, buscá en la configuración la parte de SEO o de redes sociales: la mayoría tiene un lugar para cargar la imagen, el título y la descripción que se muestran al compartir.
- Si es a medida, son unas pocas líneas en el código de cada página. Quien te maneja la web lo cambia en minutos; si no tenés a nadie, es parte de lo que hacemos cuando armamos o mejoramos una web.
- Cada página puede tener la suya. Un producto, un servicio o una nota pueden mostrar su propia imagen y su propio título en vez de repetir la portada. Esta nota tiene la suya (la foto de arriba, que pesa menos de 200 KB): mandátela y fijate cómo sale.
