Vista previa de tus enlaces al compartirlos

Qué es una vista previa de enlace

Una vista previa de enlace es el título, texto breve e imagen que otro producto muestra cuando alguien pega o incrusta una URL pública de tu sitio. No publicas tú en ese producto: la URL lleva metadatos suficientes para que construyan una tarjeta o embed.

Open Graph frente a oEmbed

	Open Graph (OG)	oEmbed
Trabajo	Etiquetas de metadatos en tu página que las apps leen para una tarjeta	Respuesta de API que permite a un host renderizar un embed más rico de tu URL
Consumidores típicos	Slack, iMessage, LinkedIn, Facebook, muchos flujos de pegar en chat y social	WordPress, Notion, Discourse y otros editores de «pegar URL → embed»
Tú influyes en	Meta título, descripción, imagen OG / destacada	Misma calidad de URL pública; el host elige el chrome del embed

ArtInStack expone ambos en páginas, fotos y entradas públicas elegibles. No instalas un plugin.

Qué servicios se apoyan en qué mecanismo

Experiencia	Mecanismo que suele notarse
Pegar estilo Slack / iMessage	Tarjeta estilo OG
Compartir o depurador de LinkedIn / Facebook	Tarjeta estilo OG (a menudo en caché)
«Compartir este enlace» como estado social	Tarjeta OG dentro de la UI de publicación de esa red
Pegar en WordPress / Notion / Discourse	A menudo oEmbed (embed interactivo o orientado a imagen)

El comportamiento exacto varía por proveedor; la regla práctica es: URL pública + título/descripción/imagen fuertes.

Cómo difieren las experiencias

Contexto	Cómo se ve el éxito
Publicación social que incluye tu URL	La tarjeta coincide con la historia que querías contar; la gente hace clic hacia tu sitio
Share en Slack / iMessage	Título legible + una imagen clara en tarjeta estrecha
Embed en WordPress (o similar)	Embed estable de la foto o entrada, no un placeholder roto

Elegir una imagen de vista previa eficaz

Un sujeto, legible en tamaño pequeño: evita contact sheets densos.
Coincide con el destino: si la página es una serie de retratos, no lideres con un gráfico solo de logo.
Prefiere una imagen OG explícita (o imagen destacada de la entrada) frente a esperar que aparezca una portada al azar.
En URLs de foto, la fotografía pública suele ser la tarjeta: asegúrate de que ese encuadre es el que quieres citado fuera.

Estrategia de título y descripción

Promete lo que entrega la página; el clickbait que falla al llegar quema confianza.
Lidera con el sujeto humano o el resultado, no nombres de archivo internos.
Mantén títulos y descripciones en las longitudes que sugiere el editor (~60 / ~160 cuando aplique).

Por qué importa que la página sea pública

Borradores, enlaces de vista previa, URLs del vault y entradas no publicadas no producen tarjetas fiables. Comparte la URL del host público con dominio personalizado (o host público) tras publicar. Enlaces de vault de clientes y de proyecto (/p/…) siguen siendo solo texto a propósito.

Ocultar de buscadores no apaga vistas previas en chat: visibilidad en búsqueda y tarjetas de enlace son cosas distintas.

Depurar vistas previas obsoletas o incorrectas

Confirma que pruebas la URL publicada en el host público.
Confirma que meta / OG / imagen destacada se guardaron y publicaron.
Pega en Slack para una comprobación rápida.
Usa Facebook Sharing Debugger o LinkedIn Post Inspector y vuelve a rastrear: los proveedores cachean agresivamente.
Tras un rebrand, vuelve a probar URLs pilares; imágenes viejas pueden quedarse días.

Fotógrafos: imagen de vista previa frente a página de destino

La tarjeta es un tráiler; la foto o página es el feature. Si la vista previa es un recorte brillante pero la landing es una toma amplia tranquila sin contexto, sube el rebote. Alinea sujeto, pie de foto y siguiente paso (contacto, print, serie) para que el clic se sienta intencionado.

Configura meta título, descripción e imágenes en Pages → Page Settings, Posts → Settings o los ajustes de foto de portfolio. Las guías siguientes recorren esas pantallas.

Documentación relacionada