La imagen de vista previa y la descripción de Facebook y ahora también de whatsapp se consigue con unas etiquetas especiales llamadas meta y que son muy sencillas de incluir…

<meta property="og:title" content="Prueba preview"/>
<meta property="og:type" content="website"/&gt;
<meta property="og:image" content="RUTA_IMAGEN.ext"/>
<meta property="og:url" content="http://www.DOMINIO.com/"/>
<meta property="og:site_name" content="El nombre del sitio"/>
<meta property="og:description" content="Descripcion a mostrar" />

Las líneas más importantes son la linea:

<meta property="og:image" content="RUTA_IMAGEN.ext"/>

que es donde pondremos la ruta de la imagen a mostrar y

<meta property="og:description" content="Descripcion a mostrar" />

que será la descripción que muestre Facebook.

Vemos unos ejemplos de lo que se muestra:

Whatsapp:

Captura Whatsapp

Preview Facebook:

Imagen preview en Facebook
est voilà!

EDITADO: esta característica ha sido reportada como un problema de privacidad en Whatsapp, una persona malintencionadamente puede enviando una direccion de internet conocer la ip de su destinatario y por lo tanto geolocalizar con cierta fiabilidad esa ip y donde se encuentra la persona a la que envio la url. (la ciudad se suele determinar correctamente, mas precisión no es posible con los medios viciles)

Aquí lo explican todo, muy interesante:

http://www.securitybydefault.com/2013/11/curiosa-y-peligrosa-nueva-funcionalidad_22.html