En diseño web inmobiliaria, una web buena no se mide por lo bonita que queda la portada, sino por lo poco que tarda un comprador en encontrar una vivienda que le encaja y en escribirte desde su ficha. Se reduce a siete cosas: buscador a la vista, listado fácil de recorrer, ficha clara, móvil primero, carga rápida, señales de confianza y una llamada a la acción en cada ficha. El estilo visual, tu marca frente a una plantilla compartida, va encima de todo eso. No en su lugar.
Una aclaración: Inmovilla es un CRM inmobiliario de otra empresa, e InmovillaToWordPress es un producto independiente, un plugin que lee tu cartera por la API de Inmovilla y la publica en tu WordPress. En una web así, el diseño lo pone el tema y los datos, el plugin. En cada punto verás qué depende de cada uno.
¿Qué hace bueno el diseño de una web inmobiliaria?
Que nada se interponga entre la visita y la vivienda. Esta es la lista corta, con el fallo que más se repite en cada punto:
| Clave | Qué quiere el visitante | Fallo típico |
|---|---|---|
| Buscador visible | Filtrar sin tener que buscar el buscador | Un carrusel a pantalla completa y el buscador debajo |
| Listado claro | Comparar viviendas de un vistazo | Tarjetas sin precio, sin metros o sin zona |
| Ficha ordenada | Ver fotos, precio y datos clave antes de leer nada | La descripción larga arriba y las fotos al final |
| Móvil primero | Buscar y llamar con una mano | Filtros diminutos y un menú que tapa media pantalla |
| Velocidad | Que la ficha abra ya | Fotos sin comprimir y vídeos de fondo |
| Confianza | Saber quién hay detrás | Ni equipo, ni dirección, ni aviso legal |
| Llamada a la acción | Pedir visita desde la propia ficha | Un único formulario genérico en «Contacto» |
¿Dónde va el buscador?
Arriba, en la portada, a la vista sin hacer scroll. Es la puerta de tu cartera: si hay que ir al menú a por él, le pides al visitante un paso que sobra. En el móvil funciona bien un campo principal, zona o tipo, y un botón que abra el resto de filtros en un panel.
Filtros, los que usan tus clientes, no todos los que permite el tema: cada filtro de más es una decisión más para quien solo quiere ver pisos. Y como en los temas inmobiliarios de WordPress los filtros por tipo y zona suelen tirar de categorías, ordenarlas también es diseño.
¿Cómo debe ser el listado de inmuebles?
El listado sirve para descartar rápido. Cada tarjeta necesita lo justo para decidir si merece un clic: foto, precio, operación, zona, metros, dormitorios y baños. Sin precio, obligas a abrir la ficha solo para descartarla.
Dos datos de la tarjeta llegan del CRM. La foto suele ser la imagen destacada: el plugin respeta el orden de tus fotos de Inmovilla y, si la ficha no tiene ya destacada, pone la primera. Así que la primera foto del CRM es la cara de la vivienda en tu web: elígela bien. Y los baños: la API envía baños y aseos por separado, y el plugin los suma.
Ordena por lo más reciente y deja cambiarlo a precio. Y evita el scroll infinito: no deja llegar al pie, que es donde sueles tener el teléfono y la dirección.
¿Qué orden necesita la ficha de un inmueble?
Un orden que no falla: galería, precio y datos clave, descripción, ubicación y contacto. Fotos grandes y deslizables en el móvil; datos clave en una línea que se lea sin bajar. Dos decisiones dependen de cómo llegan los datos:
- Cuántas fotos. El plugin sube las fotos a la biblioteca de medios y no las vuelve a descargar en cada sincronización. Puedes limitar cuántas entran por vivienda, de 1 a 200; por defecto, 60. Sesenta fotos en el móvil piden un visor que no las cargue todas de golpe. Más en importación de imágenes.
- El hueco del tour virtual. La API v1 de Inmovilla no da los tours virtuales: ese enlace se pega a mano. Si no lo vas a pegar, que el bloque no salga vacío.
¿Por qué diseñar primero para el móvil?
Porque Google indexa y clasifica tu web con su versión móvil. Su documentación lo dice sin rodeos: usa el contenido de la versión móvil para indexar y clasificar, y pide que tenga el mismo contenido que la de escritorio (Google Search Central, consultado en septiembre de 2026). Lo que quites de la versión móvil para aligerarla, Google no lo tiene en cuenta.
Tu analítica te dirá qué parte de tus visitas llega desde el teléfono. En una web inmobiliaria, pensar primero en el móvil es bastante concreto:
- Botones de llamar y de WhatsApp que se pulsan con el pulgar, no enlaces de texto.
- Filtros en un panel que se abre y se cierra, no una columna lateral que empuja el listado hacia abajo.
- Texto que se lee sin ampliar y precios que no se parten en dos líneas.
- Formularios cortos: nombre, teléfono o correo, y mensaje.
¿Qué decisiones de diseño frenan la carga?
Google tiene una vara de medir pública: las Core Web Vitals. A septiembre de 2026, su guía da por buenos estos valores, medidos en el percentil 75 de las visitas, en móvil y en escritorio por separado (web.dev): el elemento principal, que en una ficha suele ser la foto grande, visible en 2,5 segundos o menos (LCP); respuesta a un toque, como un filtro, en 200 milisegundos o menos (INP); y un contenido que apenas se mueve al cargar, 0,1 o menos (CLS).
Los sospechosos habituales: la foto de cabecera sin comprimir, un buscador cargado de scripts y las imágenes sin medidas que empujan el texto al cargar. Pasa tu portada y una ficha por PageSpeed Insights y mira el resultado de móvil. Con el plugin, las fotos viven en tu biblioteca de medios, así que las optimizas como cualquier otra imagen de tu web.
¿Qué da confianza a quien visita una inmobiliaria?
Nadie deja las llaves de su casa a una web sin cara. Propietario y comprador miran quién hay detrás antes de llamar. Lo que más pesa:
- Personas reales: nombre, foto y a qué se dedica cada uno. Nada de fotos de banco de imágenes.
- La oficina: dirección, horario y un mapa. Eres un negocio local y tu web tiene que parecerlo.
- El contacto a la vista: teléfono, correo y WhatsApp en la cabecera o en el pie de todas las páginas.
- El aviso legal, fácil de encontrar: además de dar confianza, el artículo 10 de la LSSI obliga a tener accesibles tus datos: denominación social, domicilio, correo y NIF, entre otros (texto vigente a septiembre de 2026).
- Una cartera al día: un piso vendido hace meses que sigue publicado le quita credibilidad a todo lo demás.
Lo último es cosa de la sincronización. El plugin actualiza tu web con la frecuencia que elijas, desde cada 15 minutos hasta una vez al día, y lo que desaparece del listado de Inmovilla lo pasa a borrador, a la papelera o lo borra, según la regla que elijas. Si no eliges ninguna, lo deja como está. Más en sincronización automática.
¿Qué llamada a la acción poner en cada ficha?
Una principal y una de reserva, en cada ficha, no solo en la página de contacto. La principal, «Pedir visita» o «Quiero información»; la de reserva, llamar o escribir por WhatsApp. En el móvil, una barra fija abajo con las dos evita que el botón quede enterrado bajo una descripción larga.
El formulario de la ficha tiene que decirte de qué vivienda te hablan sin que el cliente lo escriba: que envíe la referencia o la URL. Con el plugin, la URL de cada ficha lleva tipo, operación, municipio (si lo conoce) y referencia, y se fija al crearla: no cambia en cada sincronización.
Landing page inmobiliaria: ejemplos que merecen su propia página
Una landing es una página con un solo objetivo y una sola llamada a la acción, sin el menú completo distrayendo. En una inmobiliaria tienen sentido estas:
| Landing | Para quién | Qué lleva | Llamada a la acción |
|---|---|---|---|
| Captación de propietarios | Quien piensa vender o alquilar | Cómo trabajáis, qué incluye vuestro servicio y quién le atenderá | Pedir una valoración |
| Zona o barrio | Quien busca en un sitio concreto | Un texto propio sobre la zona y las viviendas de esa categoría | Ver las viviendas de la zona |
| Obra nueva | Compradores de una promoción concreta | Planos, calidades, plazos y las unidades disponibles | Reservar una visita |
| Compradores extranjeros | Quien busca en su idioma | La misma página en cada idioma que publicas | Contactar en su idioma |
La de zona cuesta poco si tu cartera ya está ordenada por categorías: el listado lo alimenta la sincronización y tú escribes el texto. La de extranjeros depende de tener el texto en cada idioma: el plugin, con Polylang, publica el que tu agencia ya tiene en Inmovilla para cada uno, sin traducir nada. Según el plan, de 1 a 4 idiomas contando el original. Más en multiidioma.
¿Plantilla del CRM, tema inmobiliario o diseño a medida?
Son tres puntos de partida, y los tres pueden cumplir las claves de arriba en mayor o menor medida:
- La plantilla de tu CRM. Ya viene conectada y no hay que diseñar nada. Su límite es que es compartida: tu web se parecerá a la de otras agencias que la usan. Lo comparamos con calma en web Inmovilla o web propia en WordPress.
- Un tema inmobiliario de WordPress. Trae buscador, listado y ficha resueltos, y lo adaptas a tus colores y tu tipografía. Con Houzez, RealHomes, Homez, WP Residence y MyHome el plugin tiene adaptador propio; con cualquier otro, el genérico. Cuál elegir, en qué tema WordPress inmobiliario elegir.
- Un diseño a medida. Buscador, listado y ficha pensados desde cero para tu cartera y tu marca. Es lo que hacemos con SuperWeb, nuestro diseño web inmobiliario a medida: una web sobre WordPress con tus colores, tu tipografía y tu tono, fichas con fotos grandes y el contacto a un toque, diseñada primero para el móvil y entregada con toda tu cartera de Inmovilla cargada. Lleva el plugin sin tope de viviendas y con 4 idiomas, por 1.500 € de pago único.
Separar diseño y datos tiene una ventaja: el plugin escribe en los campos que el tema ya usa y no toca sus plantillas ni su código, así que puedes rediseñar la portada, el listado o la ficha sin que la sincronización se entere. Más en temas compatibles.
Por dónde empezar: cinco pruebas para tu web actual
- Desde tu móvil, busca un piso de tu cartera como lo haría un cliente. Cuenta los toques.
- Abre una ficha y comprueba si ves foto, precio y datos clave sin bajar.
- Pulsa el botón de contacto de esa ficha. ¿Te llega la referencia?
- Pasa la portada y esa ficha por PageSpeed Insights y mira la pestaña de móvil.
- Busca tu aviso legal y tu dirección. Si a ti te cuesta encontrarlos, a tu cliente también.
Si partes de cero, empieza por cómo crear una página web inmobiliaria en WordPress. Si ya tienes web y te falta que la cartera de Inmovilla entre sola, el plugin se instala sobre tu tema desde 99 € de pago único: los planes, en precios. Y si prefieres que la diseñemos nosotros, cuéntanos cómo trabajas.
