Webs

Qué debe tener una página web profesional, la guía para quien vende un servicio

Las ocho cosas que reviso en cada web antes de publicarla, de la primera pantalla al botón de WhatsApp, con los tipos de web, qué cambia el precio y cómo montarla desde cero.

Chris LopretoEstratega de presencia digital

Publicado el Actualizado el 13 min de lectura

Compartir

Estudio de arquitectura con fachada de cristal visto desde la calle al atardecer, con dos personas mirando una maqueta

Respuesta rápida

Una página web profesional para quien vende un servicio necesita ocho cosas. Dominio propio con HTTPS. Una página de inicio que dice en la primera pantalla qué haces, para quién y dónde. Una página para cada servicio. Pruebas de que existes de verdad, con reseñas reales y fotos de tu trabajo. Botón de WhatsApp en todas las páginas, con el mensaje ya escrito. Velocidad y buena lectura en cualquier tamaño de pantalla, del móvil al portátil. Texto que Google pueda leer. Y una forma de saber quién llegó desde la web.

Para qué sirve la web de quien vende un servicio

Quien llega a tu web viene de algún sitio. Buscó el servicio en Google, tocó el enlace de tu bio en Instagram o le pasaron tu nombre por recomendación. En los tres casos, la persona abre la web con tres preguntas en la cabeza.

  1. ¿Haces lo que necesito? La persona quiere encontrar el servicio escrito con el nombre que ella usa
  2. ¿Me puedo fiar? Busca fotos reales, reseñas y la cara de quien le va a atender
  3. ¿Cómo hablo contigo? Quiere un botón que abra la conversación sin tener que copiar un número

Todo lo que entra en una web profesional responde a una de estas tres preguntas, en este orden. He hecho 17 webs, de un hospital veterinario a una empresa de transporte de mercancías, y la lista de abajo es la que reviso en todas antes de publicar.

Si todavía estás decidiendo entre una página sola y una web con varias páginas, la comparación está en Landing page o página web.

1. Lo básico que hay detrás de la web

Son las partes que nadie ve. Cuando faltan, el navegador avisa de que la web no es segura o la dirección acaba a nombre de otra persona.

Hombre configurando una web en el portátil en un escritorio moderno junto a la ventana
El dominio y los accesos de la web tienen que estar a tu nombre.
  • Dominio propio

    Para qué sirve
    La dirección de la web, tipo tunegocio.es
    Qué cuesta
    Una cuota anual al registrador del dominio
  • HTTPS

    Para qué sirve
    El candado del navegador. Sin él, Chrome muestra el aviso de web no segura
    Qué cuesta
    Gratis en la mayoría de alojamientos
  • Alojamiento

    Para qué sirve
    El sitio donde se guardan los archivos de la web
    Qué cuesta
    De gratis, en una web ligera, a una cuota mensual de servidor
  • Aviso legal y política de privacidad

    Para qué sirve
    Decir quién está detrás de la web y qué haces con los datos de quien rellena un formulario
    Qué cuesta
    Solo el trabajo de redactarlos
Lo que hay detrás de toda web profesional

El dominio tiene que estar a tu nombre o al de tu empresa, con el acceso guardado por ti. He visto negocios perder su propia dirección porque estaba registrada a nombre de quien hizo la web. Pide los accesos del dominio y del alojamiento el día que la web se publica.

En España, la web de un negocio necesita un aviso legal con tus datos, y una política de privacidad cuando tiene formulario, registro o cualquier campo que guarda nombre, teléfono o correo. Si la web solo lleva a WhatsApp, los dos textos pueden ser cortos.

2. Una página de inicio que se explica en la primera pantalla

La primera pantalla es la parte de la web que se ve antes de hacer scroll. Ahí la persona decide si sigue o vuelve a Google. Un título bonito y vago la hace volver, porque no ha encontrado el servicio que buscaba.

Joven en una cafetería moderna mirando una web en el móvil
La primera pantalla casi siempre se lee en el móvil, entre una cosa y otra.

Qué entra en la primera pantalla

  • Qué haces, con el nombre que la persona escribe en Google. Fisioterapia, psicología, peluquería canina, asesoría fiscal
  • Para quién, cuando eso te separa de quien hace lo mismo. Infancia, pequeñas empresas, embarazo, mascotas mayores
  • Dónde y cómo atiendes, con barrio y ciudad, o en línea para todo el país
  • Un solo botón, con el mismo texto de principio a fin, que abre tu WhatsApp
  • Una prueba corta junto al botón, como la nota de Google y el número de reseñas

Cambia el servicio, el público y el barrio por los tuyos. Una frase como «cuidamos de ti con excelencia» vale para cualquier negocio, así que no ayuda a la persona a saber si haces lo que busca.

3. Una página para cada servicio

Quien busca «drenaje linfático después de una operación» quiere caer en una página sobre drenaje linfático después de una operación. Si tu web tiene una sola página llamada Servicios, con ocho cosas en una lista, Google tiene poco texto que enseñar y la persona tiene pocos motivos para fiarse.

Manos ordenando tarjetas de papel en filas sobre una mesa de madera, junto a un bolígrafo rojo
Cada servicio se convierte en una página, con las preguntas que hace la persona antes de pedir cita.

Qué responde cada página de servicio

  • Qué es, en dos o tres frases, con la palabra que usa la persona
  • Para quién es, y en qué caso recomiendas otra cosa
  • Cómo funciona, paso a paso, del primer mensaje al final
  • Cuánto dura y cuántas sesiones suele pedir
  • Precio o franja de precio, o la regla de cuándo lo das
  • Las preguntas que más te hacen sobre ese servicio, con la respuesta
  • Un botón de WhatsApp con el nombre del servicio ya escrito en el mensaje

En un centro de masajes que rehice, la web tenía 8 páginas, y Google solo había guardado una. Hice una página para cada una de las seis técnicas, del shiatsu al masaje en silla, con 31 preguntas respondidas. Después vinieron cinco páginas para las dudas que escribe la gente, como cuánto cuesta un masaje. La web pasó a tener 14 páginas, cada una respondiendo a una búsqueda distinta.

En la web de un hospital veterinario, las 17 especialidades y las 13 pruebas quedaron en un panel con pestañas en el ordenador, que en el móvil se convierte en una lista desplegable. Quien busca una prueba la encuentra sin leer las demás.

4. Pruebas de que existes de verdad

Quien nunca ha hablado contigo se fía de lo que puede comprobar fuera de tu web.

  • Reseñas reales de Google, con el nombre de quien la escribió y la nota al lado. En la web de un seguro de salud para mascotas, elegí 28 de 60 y las puse con el formato de tarjeta de Google
  • Fotos de tu local, de tu equipo y de tu trabajo. Las fotos de banco de imágenes se reconocen, porque la persona ya las ha visto en otras webs
  • Quién atiende, con nombre, foto, formación y número de colegiación cuando la profesión lo tiene
  • Dirección con mapa, o la zona que cubres, si vas a domicilio o atiendes en línea
  • Razón social y NIF en el pie de página, que es lo que busca la persona cuando va a pagar

5. Un botón de WhatsApp que dice de dónde viene la persona

Cuando vendes un servicio, la web termina en una conversación. Por eso el botón de WhatsApp aparece en todas las páginas, arriba, en medio del texto y al final. Y todos abren la conversación con el mensaje ya escrito.

Recepcionista de una clínica de fisioterapia moderna respondiendo un mensaje en el móvil
Por el primer mensaje, quien atiende ya sabe de qué página viene la persona.

El mensaje dice tres cosas. El nombre de la web, que muestra por dónde llegó la persona. La página, que dice el servicio. Y la petición, que dice lo que quiere. Quien atiende responde a lo que toca desde el primer momento, sin tener que preguntar en qué puede ayudar.

Qué más ayuda a que la persona escriba

  • Un botón en la esquina con la foto de quien atiende, en lugar del globo verde que tienen todas las webs
  • Un formulario que se convierte en conversación. En la web de un proveedor de internet, la persona escribe su código postal, la web rellena la calle y abre WhatsApp diciendo ya dónde vive

Al otro lado, alguien tiene que responder rápido. Si los mensajes llegan fuera de horario o en gran cantidad, qué hacer está en Atención por WhatsApp para empresas y en Cómo poner IA en WhatsApp Business.

6. Rápida y bien en cualquier tamaño de pantalla

La mayoría de la gente que busca un servicio lo hace desde el móvil. Aun así, mucha gente compara opciones en el ordenador del trabajo y decide en el portátil de casa.

Monitor ancho, portátil, tableta y móvil en fila sobre una mesa, todos con la pantalla vista de lado
Reviso cada web en cinco tamaños de pantalla antes de publicarla.
  • Monitor ultrapanorámico

    Medidas que pruebo
    3440 y 2560 píxeles de ancho
    Lo que suele fallar
    Texto estirado de punta a punta y una foto pequeña perdida en el centro
  • Ordenador

    Medidas que pruebo
    1920 y 1440
    Lo que suele fallar
    Poca cosa, porque es donde se suele diseñar la web
  • Portátil

    Medidas que pruebo
    1366 por 768, y 1280
    Lo que suele fallar
    La primera pantalla pasa de la altura y el botón queda escondido
  • Tableta

    Medidas que pruebo
    1024 en horizontal y 820 en vertical
    Lo que suele fallar
    Un menú que no se abre y tarjetas apretadas
  • Móvil

    Medidas que pruebo
    390 y 360
    Lo que suele fallar
    Botones demasiado pequeños para el dedo y texto que se sale de la pantalla
Los cinco tamaños que reviso en cada web

El portátil es el que más se escapa

Un portátil corriente tiene 1366 píxeles de ancho y solo 768 de alto. Es ancho como un ordenador y bajo como un móvil tumbado. En la web de una empresa de transporte, la parte de arriba medía 847 píxeles de alto, más que la pantalla entera, y el formulario de presupuesto quedaba escondido debajo. Limité la altura de esa parte al tamaño de la pantalla, y el formulario empezó a verse sin hacer scroll.

Velocidad

Una web lenta pierde gente antes de enseñar nada. Lo que más pesa casi siempre es una imagen demasiado grande. En la web del centro de masajes, la primera imagen de la página de inicio tardaba 3,6 segundos en aparecer en el móvil. Con la imagen en el tamaño y el formato correctos, pasó a aparecer en 0,8 segundos.

Para medir la tuya, pega la dirección en PageSpeed Insights, la herramienta gratuita de Google. Mide tres veces a la misma hora, porque la nota varía.

7. Texto que Google pueda leer

Google enseña lo que puede leer. Una web hecha de imágenes, con el texto dentro de la foto, a ti te parece terminada y a Google le llega vacía.

  • Título y descripción escritos a mano en cada página, con el servicio y la ciudad. Es lo que aparece en el resultado de búsqueda
  • Texto de verdad, que se puede seleccionar con el ratón
  • Una descripción en cada imagen, el texto alternativo, que Google lee y que escucha quien usa un lector de pantalla
  • Alta en Search Console, con el mapa de la web enviado
  • Un marcado en el código que le dice a Google cuál es tu dirección, tu horario, tus reseñas y tus preguntas frecuentes
  • Enlace a tu Perfil de Empresa en Google, y el perfil con enlace a la web

En la web del centro de masajes, el mapa de la web nunca se había enviado, los títulos salían cortados en la búsqueda y había 13 errores en ese marcado. La guía completa está en Cómo aparecer en Google. Si tu web ya existe y no aparece, los motivos están en Por qué mi negocio no aparece en Google.

8. Una forma de saber quién llegó desde la web

En la web de una empresa de transporte, Google mandó 1.207 visitas en julio, y ningún pedido quedó registrado como llegado desde la web. Las visitas estaban, y nadie sabía cuántas habían acabado en presupuesto.

  • Search Console muestra en qué búsquedas apareció la web, cuántas veces y cuántas personas hicieron clic
  • El mensaje escrito de WhatsApp muestra quién llegó desde la web, porque la conversación empieza con «Vengo de la web». Contar esas conversaciones a final de mes muestra cuánta gente trajo la web
  • Una herramienta de visitas, como Google Analytics, muestra de dónde vino la gente y en qué página se fue

Qué tipos de página web hay

  • Landing page

    Qué es
    Una sola página con un solo objetivo
    Sirve a quien vende un servicio
    Sí, para quien llega por el enlace de la bio, un anuncio o una recomendación
  • Web de servicios

    Qué es
    De 3 a 5 páginas, con inicio, servicios, sobre mí y contacto
    Sirve a quien vende un servicio
    Sí, es el punto de partida más habitual
  • Web con blog

    Qué es
    Web de servicios con artículos que responden dudas
    Sirve a quien vende un servicio
    Sí, para aparecer ante quien todavía no te conoce
  • Web completa

    Qué es
    10 páginas o más, una por servicio y por duda
    Sirve a quien vende un servicio
    Sí, para quien tiene muchos servicios
  • Tienda en línea

    Qué es
    Catálogo con carrito y pago
    Sirve a quien vende un servicio
    Solo si también vendes productos
Los tipos de web y dónde encaja cada uno

Si vendes un servicio, la elección casi siempre está entre la landing page y la web de servicios. La diferencia entre las dos está en Landing page o página web.

Cuánto cuesta montar una web profesional

El precio va desde una cuota mensual en un constructor donde la montas tú hasta un proyecto a medida. Lo que lo mueve es el número de páginas, quién escribe el texto y lo que hace la web además de existir.

La cuenta completa, con el coste que sigue cuando la web ya está publicada, está en Qué cambia el precio de una web en 2026. Lo que cuesta una sola página está en Cuánto cuesta una landing page.

Cómo montar una web desde cero, en ocho pasos

Es el orden que sigo. El texto va antes del diseño, porque es el texto el que decide cuántas páginas necesita la web.

  1. Escribe en una frase qué vendes, a quién y dónde. Esa frase se convierte en el título de la primera pantalla
  2. Apunta las diez preguntas que más te hacen por WhatsApp. Se convierten en el texto de las páginas de servicio
  3. Registra el dominio a tu nombre, antes que nada
  4. Decide las páginas. Inicio, una por servicio, sobre mí y contacto es lo mínimo
  5. Escribe el texto de cada página, con las respuestas de tu lista
  6. Reúne fotos reales y tus reseñas de Google
  7. Monta la web, en un constructor o con quien hace webs, y pon el mensaje escrito en cada botón de WhatsApp
  8. Prueba en todas las pantallas, da de alta Search Console y envía el mapa de la web, antes de compartir el enlace

Puedes hacerlo todo tú en un constructor. Los pasos que más se quedan atrás son el 2, el 5 y el 8, porque no vienen hechos en la plantilla.

Los errores que más veo

  • Una primera pantalla que no dice el servicio, con el nombre del negocio solo y una foto
  • Una sola página llamada Servicios, con todo en una lista sin explicación
  • Un botón de WhatsApp sin mensaje escrito, que abre la conversación en blanco
  • Una web probada solo en el móvil de quien la hizo, sin pasar por un portátil
  • Un formulario que manda a un correo que nadie abre
  • Una web publicada y olvidada, con precios, horarios y servicios desactualizados

Dudas

¿Conoces a alguien que necesita leer esto?

Chris Lopreto

Quién escribe

Chris Lopreto

Soy Chris Lopreto. Empecé en el diseño, haciendo identidad visual y páginas web para negocios de salud y de servicios, y vi que la web por sí sola no hacía que el cliente escribiera.

Hoy miro el camino entero, de Google a WhatsApp, y uso IA y automatización en todo el trabajo. Por eso llevo el proyecto desde el plan de acción hasta la web publicada, sin que pase de mano en mano.

Diseño web

Una web que lleva
a la persona hasta ti

Hago tu web o tu landing page, con el texto escrito por mí y cada botón llevando a tu WhatsApp.