Sitios Web que Venden: Diseño para Convertir
Respuesta rápida
Un visitante decide dentro de segundos si un sitio es para ellos, por lo que la página tiene tanto tiempo para decir lo que el negocio hace y para quién. Cada página necesita un trabajo, porque una página con cuatro llamadas iguales a la acción no tiene ninguna. Los formularios pierden las presentaciones con cada campo extra, la prueba pertenece al lado de la acción, y la velocidad es una métrica de ingresos.
La mayoría de los sitios web de negocios son folletos con una página de contacto. Describen a la empresa, enumeran los servicios, muestran una foto de stock de personas que temblan las manos, y esperan. El tráfico llega de anuncios y búsqueda, mira alrededor y sale. El propietario concluye que necesitan más tráfico, cuando lo que necesitaban era un sitio que hizo algo con el tráfico que ya tenían.
Puntos Clave
- Un visitante decide en segundos si el sitio es para ellos; la página tiene tanto tiempo.
- Cada página tiene un trabajo. Una página con cuatro llamadas iguales a la acción no tiene ninguna.
- Los formularios pierden una parte de las presentaciones con cada campo adicional.
- La prueba pertenece al lado de la acción, no en una página de testimonios separados.
- La velocidad en un teléfono es una métrica de ingresos, no una técnica.
- Un rediseño que ignora los datos del sitio existente convierte peor que lo que sustituyó.
Publicado: 27 de septiembre de 2026 | Tiempo de lectura: ~14 minutos | Categoría: Diseño Web
Un sitio web que vende se construye alrededor de una pregunta diferente: ¿qué necesita este visitante específico para actuar, y qué tan rápido pueden conseguirlo? Esta guía cubre las respuestas: la prueba de cinco segundos, un trabajo por página, formas que se llenan, donde pertenece la prueba, por qué la velocidad es una métrica de ingresos, y cómo no destruir un sitio de trabajo en un rediseño. The sentence to carry out of this: duplicar la conversión es más barato que duplicar el tráfico.
Orientación para propietarios y operadores. Nada aquí es un consejo legal. Accessibility, privacy, cookie consent and industry-specific disclosure requirements vary by jurisdiction and should be reviewed with counsel.
En este Playbook
- La prueba de cinco segundos
- Un trabajo por página
- Estructura y navegación
- Formas que se llenan
- Prueba, lugar donde ocurren las decisiones
- La velocidad es una métrica de ingresos
- Móvil es el sitio
- Accesibilidad, breve y seriamente
- Rediseños: cómo van mal
- Medición de un sitio web
- Los primeros 90 días
La prueba de cinco segundos
- Lo que es. Mostrar la página web a alguien desconocido durante cinco segundos, luego preguntar qué hace el negocio, quién es para, y qué se supone que hacer después.
- Lo que suele pasar. Pueden describir la industria y nada más. El titular dijo algo aspiracional, la imagen era genérica, y la acción era un elemento de menú.
- Lo que pasa parece. El titular indica lo que hace el negocio y para quién, en palabras claras. La acción es visible sin desplazarse. El visitante sabe si están en el lugar correcto.
- ¿Por qué decide todo abajo? Un visitante que no está seguro de que estén en el lugar correcto no lee más, y cada otra optimización se aplica a las personas que ya se fueron.
- La solución barata. La mayoría de las páginas que fallan son fijadas por un titular más claro y una acción visible, no por un rediseño.
Un trabajo por página
- El principio. Cada página existe para mover un visitante específico un paso. El diseño de la página debe hacer que el paso sea obvio y todo lo demás secundario.
- Página de inicio. Oriente y ruta. No para explicar todo; para llevar a cada visitante a la siguiente página derecha rápido.
- Páginas de servicio. Convince a alguien considerando ese servicio específico, y déjelos actuar. Aquí es donde el tráfico pagado debe aterrizar y donde la mayoría de la compra sucede, puesto en continuación de la búsqueda.
- Páginas de ubicación o área de servicio. Probar el negocio sirve a esta área, con algo genuinamente específico para ella.
- Sobre. Construir confianza en la gente. Convierte más de lo que los propietarios esperan, porque los compradores lo verifican antes de ponerse en contacto.
- Contacto. Quita cada obstáculo. Teléfono, forma, horas, dirección, mapa y nada más compitiendo.
- El modo de falla. Páginas que tratan de hacer los cinco trabajos, por lo que un visitante con una necesidad clara tiene que cazar.
Estructura y navegación
- Shallow. Cualquier cosa importante alcanzable en dos clics desde la página principal.
- Nombrado para el visitante. Las etiquetas de menú usan las palabras que usan los clientes, no nombres de departamento internos.
- Corto. Siete o menos artículos de primer nivel. Los menús largos indican que nadie tomó una decisión.
- Busca sólo si funciona. Una búsqueda del sitio que no devuelve nada útil es peor que ninguna búsqueda.
- Un camino visible para contactar en cada página, en el mismo lugar.
- Breadcrumbs on deep pages, que ayudan tanto a los visitantes como a las máquinas a entender la jerarquía.
Formas que se llenan
- Menos campos. Cada envío adicional de gastos sobre el terreno. Nombre, teléfono o correo electrónico, y una cosa sobre la necesidad es suficiente para iniciar una conversación.
- Pregunte más tarde qué se puede preguntar más tarde. Presupuesto, cronograma, dirección y detalles pertenecen a la conversación, no a la puerta.
- Explique qué pasa después. "Llamamos de nuevo dentro de una hora durante las horas de trabajo" convierte mejor que un botón de envío desnudo, porque elimina el miedo de desaparecer en un vacío.
- Campos móviles. Teclados correctos para teléfono y correo electrónico, grandes objetivos táctiles, sin desplegaciones fiddly.
- Errores que ayudan. Inline, specific, and never losing what was already typed.
- Alternativas al formulario. Un número de teléfono visible y una opción de mensaje, porque una parte significativa de los compradores no llenará nada.
- La confirmación. Una confirmación inmediata en pantalla y un mensaje, por lo que el visitante sabe que funcionó.
Prueba, lugar donde ocurren las decisiones
- Junto a la acción. Opiniones, valoraciones, credenciales y fotos reales cerca del botón, no cuarentena en una página de testimonios nadie visita.
- Golpes específicos brillando. Una revisión que nombra el servicio, el área y el resultado lleva más peso que cinco estrellas con "gran servicio".
- Fotos reales. El equipo real, el trabajo real, los locales reales. La fotografía de stock es reconocida al instante y cuesta credibilidad.
- Números que son ciertos. Años en negocios, trabajos completados, lugares atendidos. verificable, y evitado si no.
- Credenciales y asociaciones donde significan algo para el comprador, declarado claramente en lugar de como una pared de placa.
- Recientes. La prueba de hace cuatro años se lee como un negocio que alcanzó el pico.
La velocidad es una métrica de ingresos
- Por qué importa comercialmente. Una página lenta pierde a los visitantes el negocio ya pagado para adquirir, y la velocidad afecta el ranking de búsqueda en la parte superior de eso. Las métricas que definen "rápida" para fines de búsqueda se documentan como Core Web Vitals (web.dev).
- Donde está el peso. Imágenes descomprimidas, demasiados scripts de terceros, constructores de páginas pesadas y vídeo que autocarga.
- El objetivo realista. Usable en un teléfono de rango medio en una conexión normal en un par de segundos.
- La métrica. Datos de usuario real de análisis, no una puntuación de laboratorio de un escritorio rápido.
- El comercio común. Una decisión de diseño que añade dos segundos es una decisión de negocio para perder algún porcentaje de tráfico. Hazlo conscientemente.
Móvil es el sitio
- La mayoría de las visitas. Para la mayoría de las empresas locales y de servicios, más de la mitad, a menudo mucho más.
- Lo que rompe en el móvil. Menús que ocultan el número de teléfono, formas con pequeños campos, tablas que se desbordan, botones demasiado cercanos, y texto demasiado pequeño para leer sin zoom.
- Toca para llamar. El número de teléfono es un enlace en todas partes que aparece.
- La prueba que importa. El propietario completando la acción principal en su propio teléfono, en datos móviles, fuera de la oficina.
- Orden de diseño. Diseñar la versión del teléfono primero y ampliarla, en lugar de reducir un diseño de escritorio y esperar.
Accesibilidad, breve y seriamente
- Por qué pertenece aquí. Los sitios accesibles son utilizables por más personas, incluyendo clientes con discapacidad y todos usando un teléfono a la luz del sol. También existen requisitos legales en muchas jurisdicciones. El estándar técnico que la mayoría de las jurisdicciones hace referencia es WCAG (Directrices de accesibilidad del contenido web).
- Lo básico. Suficiente contraste de color, texto real en lugar de texto en imágenes, texto alternativo en imágenes significativas, navegabilidad del teclado, campos de formulario etiquetados y leyendas en vídeo.
- La postura. Construirlo en lugar de reajustar, y tratar los requisitos como una cuestión de cumplimiento para el abogado en lugar de una preferencia de diseño.
Rediseños: cómo van mal
- Perder la equidad SEO. Nuevas URL sin redireccionar, eliminar páginas, cambiar la estructura y los meses de ranking desaparecidos. Este es el error de rediseño más caro y el más común.
- Perder la conversión. El viejo sitio tenía páginas que se convirtieron. Si nadie medía qué, el nuevo sitio es una suposición que funciona peor.
- Dirigido por diseño, no por datos. Un rediseño impulsado por el gusto del propietario en lugar de por lo que hacen los analistas.
- Ámbito que nunca termina. Dieciocho meses, y el sitio lanza servicios que describen el negocio ya no vende.
- Cómo hacerlo correctamente. Medir el sitio actual primero, mapear cada URL a su reemplazo con redirecciones, mantener lo que convierte, cambiar lo que no, y lanzar en fases donde sea posible, explorado en protegiendo las clasificaciones a través del cambio.
Medición de un sitio web
- Tasa de conversión por página y por fuente de tráfico. El número que le dice si el sitio está haciendo su trabajo.
- Costo por cliente reservado por landing page, que conecta el sitio con el gasto de anuncio, según atribución por canal.
- El formulario comienza contra las terminaciones. Donde la forma pierde gente.
- Llamadas del sitio, rastreado, porque para muchas empresas que es la conversión principal.
- Velocidad de usuarios reales, segmentado por dispositivo.
- TráficoEn el apéndice. Un sitio con más tráfico y el mismo número de clientes no mejoraron.
Los primeros 90 días
Días 1–30: ¿qué se mide y fija primero?
Tasa de conversión por página y fuente establecida. El examen de cinco segundos con gente real. El titular y la acción primaria fijada en la página principal. Velocidad medida de usuarios reales y los peores delincuentes abordados. Terminación móvil probada por el propietario en su propio teléfono.
Días 31-60: páginas y formas
Las páginas de servicio reconstruyeron un trabajo cada una, con pruebas al lado de la acción. Formas cortadas a campos esenciales con una clara promesa de próximo paso. Toca por todas partes. Confirmaciones agregadas.
Días 61 a 90: evidencia y expansión
Fotografía real reemplazando el stock. Reseñas y credenciales colocadas en puntos de decisión. Se confirman los fundamentos de accesibilidad con los requisitos del abogado. Conversión por página en comparación con la línea de referencia del Día 1.
¿Cómo Astra reconstruir un sitio para la conversión?
Astra Results Marketing mide el sitio existente antes de proponer cualquier cosa, porque un rediseño que descarte las páginas que convierten generalmente realiza peor que lo que sustituyó. Cada página se construye con un trabajo, la prueba se sienta al lado de la acción, los formularios sólo preguntan qué es necesario para iniciar una conversación, y la versión del teléfono está diseñada primero.
Rediseña mapa cada URL a su reemplazo con redirecciones para que la clasificación sobreviva. Informando leads con velocidad de conversión por página y fuente y costo por cliente reservado por landing page. Los avances comienzan con una auditoría de conversión a través de nuestra Diseño y desarrollo web UI/UX equipo.
Lecturas relacionadas
Preguntas frecuentes
¿Cuál es la prueba de cinco segundos?
Mostrando la página web a alguien que no está familiarizado durante cinco segundos y preguntando qué hace el negocio, quién es para, y qué debe hacer después. La mayoría falla: el visitante puede nombrar la industria y nada más porque el titular era aspiracional, la imagen era genérica y la acción era un elemento de menú. Pasar significa un titular plano, una acción visible sin desplazamiento, y claridad instantánea sobre si están en el lugar correcto.
¿Qué significa "un trabajo por página"?
Cada página existe para mover un visitante específico un paso, por lo que el paso es obvio y todo lo demás es secundario. Los orientes de la página principal y las rutas; las páginas de servicio convencen a alguien considerando ese servicio y les permiten actuar; las páginas de ubicación prueban que el área es servida; Sobre construye confianza en la gente, que convierte más de lo que los propietarios esperan. Una página con cuatro llamadas iguales a la acción no tiene ninguna.
¿Cómo deben diseñarse las formas?
Con menos campos, porque cada uno cuesta presentaciones —nombre, teléfono o correo electrónico, y una cosa sobre la necesidad es suficiente para iniciar una conversación. Presupuesto, plazo y detalles pertenecen a la conversación en lugar de a la puerta. Di lo que sucede después, porque "regresamos dentro de una hora" golpea un botón de presentación desnudo. Y siempre ofrecen un número de teléfono visible, ya que muchos compradores no llenarán nada.
¿Dónde deben ir los comentarios y las credenciales?
Junto a la acción, no en una página de testimonios separados nadie visita. Prueba específica supera la prueba brillante: una revisión que nombra el servicio, el área y el resultado lleva más peso que cinco estrellas con "gran servicio". Fotos reales del equipo y el trabajo, porque la fotografía de stock es reconocida al instante y cuesta credibilidad. Y reciente, ya que la prueba de hace cuatro años se lee como un negocio que alcanzó el pico.
¿Por qué la velocidad del sitio es un problema de ingresos?
Debido a que una página lenta pierde a los visitantes el negocio ya pagado para adquirir, y la velocidad también afecta el ranking de búsqueda. El peso es imágenes sin comprimir, scripts de terceros, constructores de páginas pesadas y video de carga automática. El objetivo es utilizable en un teléfono de gama media en un par de segundos, medido de usuarios reales en lugar de una puntuación de laboratorio en un escritorio rápido.
¿Qué hace que los rediseños salgan mal?
Perder la equidad SEO a través de nuevas URLs sin redirigir, eliminar páginas y cambiar la estructura — el error más caro y más común. Perder la conversión porque nadie midió qué páginas estaban trabajando antes de reemplazarlas. Ser impulsado por el gusto en lugar de por lo que los analistas muestran que los visitantes hacen. Y alcance que funciona tanto tiempo el sitio lanza describiendo servicios que el negocio ya no vende.
¿Listo para hacer el tren que tenías antes? Astra Results Marketing mide primero el sitio existente, reconstruye páginas un trabajo cada una con la prueba al lado de la acción, diseña la versión del teléfono primero, y protege rankings a través de cada cambio. Astra Results Marketing · 1101 Brickell Ave, Miami, FL 33131 · +1 (786) 321-2866 · [email protected] Encuéntranos. Google · Yelp ▸ LLAMAR AL (786) 321-2866 · ▸ SOLICITE SU CONSULTA