Una buena página web hace bien una sola cosa: ayuda al visitante correcto a entender qué haces, a creer que lo puedes hacer y a dar el siguiente paso, desde el dispositivo que tenga en la mano, que casi siempre es el celular. En la práctica, eso se resume en doce características. Es clara, genera confianza, carga rápido y funciona en el teléfono, aparece en Google y en las respuestas de la IA, cualquier persona la puede usar, convierte visitas en clientes que puedes medir y es fácil de mantener al día y segura. El diseño bonito importa, pero solo en la medida en que ayuda a cumplir esos objetivos.
Esta guía es una lista práctica. Cada característica viene con una prueba rápida que puedes hacerle hoy mismo a tu sitio, y al final hay una tabla de evaluación para que veas en qué estás bien y en qué no.
¿Cuáles son las características de una buena página web?
- Dice qué haces, para quién y dónde, en unos segundos.
- El siguiente paso es obvio en cada página.
- Muestra pruebas reales que se pueden verificar.
- Usa fotos reales de tu trabajo, tu negocio y tu gente.
- Los datos de contacto y la página "Nosotros" son fáciles de encontrar.
- Carga rápido en el celular.
- Cumple con las Core Web Vitals de Google.
- Tiene bien hechas las bases de SEO.
- Está lista para las respuestas de la IA, con datos estructurados y respuestas directas.
- Es accesible para personas con discapacidad.
- Los formularios, las llamadas y WhatsApp funcionan, y cada contacto se mide.
- Es fácil de actualizar y se mantiene segura.
Claridad: ¿se entiende qué haces en cinco segundos?
1. Dice qué haces, para quién y dónde
Abre tu página de inicio y mira solo la primera pantalla, sin bajar. ¿Alguien que no te conoce podría decir qué vendes, para quién es y en qué ciudad trabajas? Si el título principal es una frase como "Calidad que nos distingue", lo más probable es que no. Un título claro menciona el servicio, el cliente y, casi siempre, la zona: "Mantenimiento de aire acondicionado para oficinas y bodegas en Monterrey" dice mucho más que "Tu confort, nuestra pasión".
La claridad sigue en todo el sitio. Cada servicio tiene su propia página, el menú usa las palabras que usan tus clientes ("Remodelación de cocinas", no "Soluciones") y los subtítulos responden las preguntas que la gente de verdad hace. Si lo que te cuesta trabajo es escribir, nuestra guía de textos para página web explica qué poner en cada página.
Si atiendes clientes en español y en inglés, por ejemplo turistas, empresas de Estados Unidos o clientes de exportación, la claridad aplica en los dos idiomas. Una versión en inglés que se nota traducida en automático le dice a ese cliente que es secundario. Escribe cada idioma para su propio lector y haz que el cambio de idioma sea fácil de encontrar.
2. El siguiente paso es obvio
Cada página debe dejar claro qué hacer después: llamar, escribir por WhatsApp, agendar una cita, pedir una cotización o visitarte. Elige una acción principal y escribe en el botón lo que va a pasar: "Pide tu cotización" o "Escríbenos por WhatsApp". Mantenlo visible en el encabezado en el celular, repítelo después de las secciones importantes y no lo rodees de cinco botones más que compitan por el mismo clic.
Confianza: ¿por qué te creería un visitante?
3. Pruebas reales que se pueden verificar
Antes de contactarte, la gente busca evidencia. Una buena prueba es concreta y se puede comprobar: reseñas enlazadas a Google o a otra fuente, certificaciones o permisos que de verdad tengas, años en el negocio, fotos de proyectos con una frase sobre el trabajo y clientes que te hayan dado permiso de mencionar. Una reseña real con nombre vale más que una página llena de citas anónimas de cinco estrellas. Nunca inventes un testimonio ni una cifra. Si no se puede verificar, mejor no lo pongas.
4. Fotos reales de tu trabajo, tu negocio y tu gente
Las fotos de banco de imágenes, con gente sonriendo frente a una laptop, hacen que tu negocio se vea igual a todos los demás. Las fotos de tu trabajo real, tu local u oficina, tus vehículos y las personas que el cliente va a conocer generan más confianza que cualquier imagen pulida. No tienen que ser caras, pero sí bien iluminadas, nítidas y con el tamaño correcto para la web, para que no hagan lenta la página.
5. Contacto y página "Nosotros" fáciles de encontrar
Tu teléfono, WhatsApp, correo, dirección o zona de servicio y horario deben estar a la vista en todas las páginas, normalmente en el encabezado y el pie, y escritos igual en todos lados, incluido tu Perfil de Negocio de Google. La página "Nosotros" debe explicar quién está detrás del negocio, cómo trabajas y por qué el cliente puede contar contigo. Si tu sitio recibe datos personales a través de formularios, publica también tu aviso de privacidad y enlázalo desde el formulario. Que falten los datos de contacto es una de las formas más rápidas de perder a alguien que ya estaba listo para llamarte.
Velocidad y celular: ¿tu página funciona bien en el teléfono?
6. Carga rápido en el celular
Muchos de tus clientes van a conocer tu negocio desde el celular, muchas veces con datos móviles y no con Wi-Fi, así que esa es la experiencia que hay que juzgar. Pruébala como ellos: en tu propio teléfono, sin Wi-Fi, en una ventana de incógnito. El texto debe leerse sin hacer zoom, los botones deben ser fáciles de tocar, nada debe moverse de lado a lado y la página debe poder usarse rápido. Cuando no es así, los culpables suelen ser imágenes demasiado pesadas, scripts de más y demasiados plugins.
7. Cumple con las Core Web Vitals de Google
Las Core Web Vitals son tres medidas que Google usa para describir cómo se siente una página para los usuarios reales. Puedes revisar las tuyas gratis en Google PageSpeed Insights o en el informe de Core Web Vitals de Search Console. Estos son los valores que Google publica como "buenos":
| Métrica | Qué mide, en palabras simples | Valor "bueno" según Google |
|---|---|---|
| LCP (Largest Contentful Paint) | Cuánto tarda en aparecer el contenido principal, normalmente la imagen grande o el título | 2.5 segundos o menos |
| INP (Interaction to Next Paint) | Qué tan rápido responde la página cuando alguien toca, hace clic o escribe | 200 milisegundos o menos |
| CLS (Cumulative Layout Shift) | Cuánto se mueve el diseño mientras carga, como un botón que se recorre justo cuando lo vas a tocar | 0.1 o menos |
Google evalúa estas medidas en el percentil 75 de las visitas reales, así que un buen resultado en la computadora de tu oficina no garantiza una buena calificación para clientes con celulares más sencillos o con mala señal. Si tu sitio no pasa, las soluciones casi siempre son técnicas: comprimir imágenes, cargar menos scripts, reservar el espacio de las imágenes y elegir un mejor hosting. En nuestro artículo sobre los beneficios del diseño web profesional explicamos por qué esto es más fácil de lograr cuando el sitio se construye pensando en ello.
Visibilidad: ¿te encuentran tus clientes y la IA?
8. Tiene bien hechas las bases de SEO
Una buena página web se hace para que la encuentren, no solo para que se vea bien. Las bases no son complicadas: un título y una meta descripción distintos en cada página, un solo H1 claro, subtítulos que coincidan con lo que la gente busca, una página para cada servicio y para cada ciudad o zona que atiendes, texto alternativo descriptivo en las imágenes, URLs limpias, enlaces entre páginas relacionadas, un sitemap XML y nada que bloquee por accidente a los buscadores. Esto no garantiza el primer lugar en Google, pero sin ello todo lo demás tiene una base débil. En nuestros servicios de SEO explicamos lo que va más allá de lo básico.
9. Está lista para las respuestas de la IA
Cada vez más personas le preguntan a ChatGPT, a Perplexity o a las respuestas con IA de Google a qué negocio llamar. Esas herramientas suelen apoyarse en páginas que responden de forma directa y que hacen fácil encontrar los datos. Para estar lista, tu página debe dar una respuesta clara en la primera o segunda oración debajo de cada pregunta, mantener los datos de tu negocio iguales en todo internet y usar datos estructurados (marcado schema) para que las máquinas lean tu nombre, dirección, servicios, horario y preguntas frecuentes sin adivinar. A este trabajo se le llama optimización para motores de respuesta. En nuestra guía ¿qué es AEO? lo explicamos, y en nuestros servicios de AEO te contamos cómo lo trabajamos.
Accesibilidad: ¿cualquier persona puede usar tu página?
10. Cumple con lo básico de WCAG 2.2 nivel AA
Una página accesible funciona para personas que usan lectores de pantalla, navegan solo con el teclado, tienen baja visión o daltonismo, o simplemente usan una pantalla pequeña con prisa. El estándar más usado es WCAG 2.2 en nivel AA. No necesitas aprendértelo de memoria para revisar lo básico:
- El texto tiene suficiente contraste con el fondo (WCAG pide al menos 4.5:1 para texto de tamaño normal).
- Cada imagen importante tiene un texto alternativo que la describe.
- Puedes llegar a cada enlace, menú y formulario usando solo la tecla Tab, y se ve en dónde estás.
- Los campos del formulario tienen etiquetas visibles y los mensajes de error dicen qué salió mal.
- Los videos tienen subtítulos y nada parpadea o se mueve sin forma de detenerlo.
- Los subtítulos siguen un orden lógico y los botones son lo bastante grandes para tocarlos con el dedo.
La accesibilidad, además, suele hacer que un sitio sea más claro y fácil para todos. Para profundizar, lee nuestra guía de página web accesible.
Conversión: ¿tu página convierte visitas en clientes?
11. Formularios que funcionan, botón para llamar o escribir y contactos medidos
Una página que se ve increíble pero pierde contactos sin que nadie se dé cuenta no es una buena página. Revisa tres cosas:
- Formularios que funcionan. Pide solo lo que necesitas, confirma que el mensaje se envió y asegúrate de que el correo llegue a una bandeja que alguien revise. Pruébalo tú mismo cada mes. Un formulario roto puede pasar meses sin que nadie lo note.
- Llamar o escribir con un toque. En el celular, tocar tu número debe iniciar la llamada, y si tus clientes prefieren WhatsApp, el botón debe abrir la conversación directo, de preferencia con un mensaje inicial ya escrito.
- Contactos medidos. Configura tu analítica para que los formularios enviados, las llamadas desde el sitio y los clics a WhatsApp se registren como conversiones (Google Analytics 4 los llama eventos clave). Sin eso, no puedes saber qué páginas, búsquedas o campañas te traen clientes, y cada decisión sobre tu sitio es una corazonada.
Mantenimiento: ¿tu página es fácil de actualizar y segura?
12. Fácil de actualizar y protegida
Tu negocio cambia: servicios nuevos, otro horario, proyectos recientes, fotos nuevas. Una buena página te permite a ti o a tu equipo hacer los cambios de rutina sin esperar semanas a un programador. También se mantiene segura: HTTPS en todas las páginas, software y plugins al día, contraseñas fuertes con verificación en dos pasos cuando se pueda, respaldos frecuentes guardados fuera del servidor y protección contra spam en los formularios. Un sitio que nadie puede actualizar se queda viejo, y uno que nadie mantiene se vuelve un riesgo de seguridad. La forma en que está construido influye en todo esto, y lo comparamos en página web a la medida vs. plantilla.
Checklist: ¿qué calificación saca tu página web?
Revisa esta tabla con el celular en la mano. Date un punto por cada prueba que pases. Casi todos los sitios tienen algunos huecos, y lo valioso es saber cuáles son los tuyos.
| Característica | Prueba rápida que puedes hacer tú | Aprobado se ve así |
|---|---|---|
| 1. Mensaje claro | Enséñale tu página de inicio a alguien cinco segundos y pregúntale qué haces | Menciona tu servicio, tu tipo de cliente y tu zona |
| 2. Siguiente paso obvio | Abre cualquier página en tu celular y busca el botón principal | Una acción clara, visible sin buscarla |
| 3. Pruebas reales | Haz clic en tus reseñas y certificaciones | Son concretas, recientes y llevan a su fuente |
| 4. Fotos reales | Cuenta las fotos de banco en tu página de inicio | La mayoría son de tu trabajo, tu negocio y tu gente |
| 5. Contacto y "Nosotros" | Busca tu teléfono, WhatsApp y horario desde cualquier página | Los encuentras en segundos y son iguales en todos lados |
| 6. Rápida en el celular | Abre tu sitio en el celular, con datos móviles | Se puede usar rápido y se lee sin hacer zoom |
| 7. Core Web Vitals | Analiza tu página de inicio en PageSpeed Insights | LCP, INP y CLS en el rango "bueno" |
| 8. Bases de SEO | Busca tu servicio principal y tu ciudad en Google; revisa los títulos de tus páginas | Títulos únicos, una página por servicio y tu sitio aparece |
| 9. Lista para la IA | Pregúntale a un asistente de IA por tu negocio; prueba tu schema en la Prueba de resultados enriquecidos de Google | Datos correctos y datos estructurados válidos |
| 10. Accesible | Recorre tu página de inicio y tu formulario usando solo la tecla Tab | Llegas a todo y siempre ves en dónde estás |
| 11. Contactos que llegan y se miden | Envía tu propio formulario, toca tu teléfono y tu botón de WhatsApp; revisa la analítica | El correo llega, la llamada y el chat se abren, y todo queda registrado |
| 12. Actualizable y segura | Cambia tú mismo tu horario; revisa el candado y tu último respaldo | Lo haces en minutos, hay HTTPS y un respaldo reciente |
¿Qué se ve bien pero no ayuda?
Algunas cosas lucen impresionantes cuando te presentan el diseño, pero rara vez ayudan a que un visitante decida. Úsalas solo si tienes una razón concreta:
- Sliders y carruseles. Muchos visitantes no pasan de la primera imagen, y el movimiento distrae y es incómodo de usar. Elige tu mensaje más fuerte y deja que hable solo.
- Videos que se reproducen solos. Los videos de fondo pesados pueden hacer lenta la página en el celular, gastar los datos del visitante y quitarle atención a tu título. Si el video ayuda, deja que la gente decida reproducirlo, y ponle subtítulos.
- Frases vagas. "Tu aliado en el éxito" podría ser de cualquier negocio. Mejor di qué haces.
- Fotos de banco de imágenes. Llenan espacio, pero dan la impresión de que no hay nada real detrás de la página.
- Ventanas emergentes en el celular. Un popup que tapa la pantalla antes de que la persona lea una sola palabra es muy molesto en el teléfono, y Google desaconseja los intersticiales intrusivos. Si necesitas uno, haz que aparezca después y que sea fácil de cerrar.
- Animaciones por puro adorno. El movimiento debe guiar la atención, no retrasar el contenido. Respeta a quien desactiva las animaciones en su dispositivo.
¿Qué conviene arreglar primero?
Empieza por lo que se interpone entre un cliente listo para comprar y el contacto contigo: un formulario que no llega, un teléfono escondido, un botón de WhatsApp que no abre, una página que falla en el celular. Después trabaja la claridad y las pruebas, y luego velocidad, visibilidad y accesibilidad. Si tu tabla muestra huecos en casi todas las filas, ir parchando poco a poco puede salirte más caro con el tiempo que rehacer el sitio. Nuestra guía sobre cuánto cuesta rediseñar una página web te ayuda a decidir entre un ajuste y un rediseño completo, y en nuestra página de diseño web te mostramos cómo hacemos sitios que pasan esta lista desde el primer día.
Si quieres una segunda opinión, agenda una llamada gratuita de 30 minutos. Revisamos tu sitio contigo con esta lista en la mano y te decimos con franqueza qué arreglaríamos primero.