diseño web

Qué poner en la página de inicio de un negocio pequeño, en orden

Qué poner en la página de inicio de un negocio pequeño: las secciones en el orden en que el visitante decide, qué quitar y una prueba de diez minutos con el teléfono.

Usted está rehaciendo su sitio web, y la página de inicio es la que más trabajo tiene que hacer. Un desconocido llega a ella desde Google, desde una ficha del mapa o desde el mensaje de un amigo, y le dedica unos segundos. En ese tiempo se pregunta qué hace usted, si trabaja para alguien como él, si atiende su zona y qué debe hacer a continuación. Decidir qué poner en la página de inicio de un negocio pequeño parece más difícil de lo que debería, porque cada plantilla, agencia y competidor parece querer algo distinto. La buena noticia es que las preguntas del visitante llegan en un orden predecible, y la página puede seguir ese orden. A continuación encontrará la secuencia, qué sacar de la página y una revisión de diez minutos que puede hacer hoy con su teléfono y otra persona. Quizá descubra que la primera ronda de arreglos son unas pocas ediciones y no una reconstrucción.

Puntos clave

Dígalo primero

Abra con lo que hace, a quién ayuda y dónde, más un siguiente paso claro como Llamar o Solicitar una cotización.

Siga el orden del visitante

Servicios, pruebas, cómo funciona, Quiénes somos y los datos de contacto completos van después de la apertura, en la secuencia en que decide un comprador.

Quite lo que esconde la oferta

Un carrusel que guarda la única copia de una oferta, el video con reproducción automática y una larga historia de la empresa van en otro lugar o en una sección estática.

Pruebe en diez minutos

Una prueba de cinco segundos y una revisión real en el teléfono muestran las tres primeras cosas que debe arreglar antes de cambiar colores o animaciones.

Edite primero, reconstruya cuando los problemas se conecten

Los primeros arreglos suelen ser cambios de texto y de enlaces que usted mismo puede hacer; una reconstrucción vale su costo cuando la estructura, el diseño móvil, los formularios y el seguimiento necesitan trabajo.

Abra con lo que hace, a quién ayuda y dónde

La parte de arriba de la página es la que más pesa, porque es la que ve todo visitante. Los principios de diseño de páginas de inicio de Nielsen Norman Group dicen que el lema debe estar visible de inmediato y que los visitantes necesitan acceso inmediato al contenido. Para un negocio de servicios, eso significa una frase sencilla que nombre el trabajo, el tipo de cliente y la zona, con un botón o un número de teléfono justo al lado.

Escríbala como se la diría a un vecino. «Reparación y reemplazo de techos residenciales para propietarios en el área metropolitana de Springfield» le dice más a un visitante que una frase sobre calidad y confianza. Debajo, agregue una acción principal. Llamar, Solicitar una cotización, Reservar u Obtener indicaciones sirven por igual; la correcta es la que hacen primero sus mejores clientes. Si ofrece dos acciones, haga que una sea claramente la principal para que la página no le pida al visitante elegir.

Un cuaderno cerrado y un lápiz sobre un escritorio de madera limpio, junto a una pequeña campana de latón de escritorio.
La primera pantalla necesita una declaración sencilla de lo que usted hace y un siguiente paso obvio.

La investigación de Baymard Institute sobre páginas de inicio y de categorías está pensada para el comercio electrónico, pero su lección aplica aquí: un visitante tiene que captar el alcance del sitio y encontrar rápido el camino correcto. En un negocio de servicios, su alcance es la lista de servicios y la zona que cubre, así que ambos van cerca de la parte de arriba, no enterrados en el pie de página.

Ponga las secciones en el orden en que decide un comprador

Después de la apertura, el resto de la página debe responder la siguiente pregunta que haría un visitante. Sigue un orden que funciona para un negocio local de servicios. Es una secuencia práctica, no una regla; si sus clientes siempre preguntan primero por el precio o por la licencia, súbalo.

Una página de inicio en el orden en que decide el visitante
OrdenSecciónLa pregunta que responde
1Qué hace y a quién ayuda¿Es este el tipo de negocio correcto?
2Acción principal¿Qué hago a continuación?
3Zona de servicio¿Llegan hasta donde estoy?
4Servicios principales, cada uno enlazado a su propia página¿Hacen lo que necesito en concreto?
5Pruebas¿Puedo confiarles esto?
6Cómo funciona¿Qué pasa después de comunicarme?
7Sobre el negocio¿Con quién estoy tratando?
8Datos de contacto y horario¿Cómo y cuándo puedo comunicarme?
9Preguntas frecuentes breves¿Qué más necesito saber antes de llamar?
Orden1
SecciónQué hace y a quién ayuda
La pregunta que responde¿Es este el tipo de negocio correcto?
Orden2
SecciónAcción principal
La pregunta que responde¿Qué hago a continuación?
Orden3
SecciónZona de servicio
La pregunta que responde¿Llegan hasta donde estoy?
Orden4
SecciónServicios principales, cada uno enlazado a su propia página
La pregunta que responde¿Hacen lo que necesito en concreto?
Orden5
SecciónPruebas
La pregunta que responde¿Puedo confiarles esto?
Orden6
SecciónCómo funciona
La pregunta que responde¿Qué pasa después de comunicarme?
Orden7
SecciónSobre el negocio
La pregunta que responde¿Con quién estoy tratando?
Orden8
SecciónDatos de contacto y horario
La pregunta que responde¿Cómo y cuándo puedo comunicarme?
Orden9
SecciónPreguntas frecuentes breves
La pregunta que responde¿Qué más necesito saber antes de llamar?

El orden sigue la decisión del cliente, y por eso la acción va antes que los servicios y las pruebas van después de ellos. Un visitante que ya sabe que lo quiere a usted nunca debería tener que desplazarse para encontrar el teléfono, y uno que todavía está decidiendo recibe las razones en secuencia.

Mantenga cada sección corta y enlace para dar profundidad. La sección de servicios enumera sus servicios principales en palabras sencillas y enlaza cada uno a su propia página, que es donde va el detalle. Si no está seguro de cómo armar esas páginas, qué poner en una página de servicio las recorre sección por sección. La página de inicio señala el camino; no necesita cargar con cada detalle técnico.

Muestre pruebas que coincidan con el trabajo que hace

Las pruebas son la sección que reduce el riesgo de llamar a un desconocido. Una buena prueba es específica del servicio: las palabras de un cliente sobre el mismo tipo de trabajo, una licencia o certificación que usted tiene, una foto de un trabajo terminado o un breve ejemplo de lo que cambió para alguien. Un testimonio sin detalles sobre el trabajo, o uno sobre un servicio que usted casi no ofrece, sirve de poco.

Una pequeña pila de tarjetas en blanco y una lupa sobre un mostrador de madera.
Las pruebas funcionan mejor cuando son específicas del servicio que el visitante vino a buscar.

Las fotografías reales de su trabajo y su equipo suelen pesar más que las imágenes de archivo pulidas, y el tema se trata en fotos de archivo o fotos reales en su sitio web. Para mostrar su experiencia sin presumir, vea cómo mostrar experiencia y confianza en su sitio web. Muestre solo reseñas, calificaciones o premios que sean reales y que pueda señalar; si todavía no los tiene, muestre sus licencias, sus años en el oficio y su trabajo terminado.

Explique cómo funciona y termine con todas las formas de comunicarse

Una sección breve del proceso responde la duda que sigue a «¿debo llamar?», que es «¿qué pasa después?». Bastan tres o cuatro pasos sencillos, como llamar, recibir una cotización, programar el trabajo, terminar y dar seguimiento. Agregue quién es usted en unas pocas líneas: las personas, la experiencia, cualquier cosa que haga sentir más cómodo a un desconocido. La versión larga de su historia pertenece a la página Quiénes somos.

Luego cierre con los datos de contacto completos. La documentación de negocios locales de Google incluye el nombre del negocio, la dirección, el teléfono, la URL y el horario de atención entre los datos que admite, y la ayuda del Perfil de Negocio de Google explica que la información de un negocio puede venir del sitio web oficial junto con otras fuentes. Así que, los datos de su sitio deben coincidir exactamente con los de su ficha. Muestre su número de teléfono como un enlace de llamada con un toque, su horario, su zona de servicio o dirección, y un formulario o enlace de reservas como segunda opción para quienes prefieran no llamar. Si quiere ver qué incluye una buena página de contacto, lea qué incluir en la página de contacto de un sitio web.

Una pequeña pila de papel en blanco junto a un teléfono de escritorio cerrado sobre una superficie lisa.
Los datos de contacto al final de la página deben coincidir con su ficha y funcionar al primer toque.

Saque estos elementos de la página de inicio o póngalos en una sección estática

Algunas funciones comunes de las páginas de inicio esconden justo lo que los visitantes vinieron a buscar. La investigación de Baymard sobre carruseles de páginas de inicio informa que los usuarios a menudo no ven las diapositivas posteriores y recomienda secciones de contenido estático como una alternativa más sencilla. También recomienda evitar los carruseles de rotación automática en el móvil, porque el visitante no puede pasar el cursor para pausarlos. Si un carrusel es el único lugar donde aparece una oferta, un servicio o una vía de contacto, es posible que el visitante nunca la vea. Ponga ese contenido en una sección que se quede quieta.

El video con reproducción automática merece la misma cautela. La guía de usabilidad de carruseles de Nielsen Norman Group y sus principios de páginas de inicio desaconsejan el video con reproducción automática, sobre todo el que es ruidoso, intrusivo o no tiene forma de pausarse o detenerse. Si usa video, deje que el visitante lo inicie.

Varios otros elementos suelen merecer una página más a fondo en lugar de espacio en la página de inicio:

  • Una larga historia de la empresa: Una línea breve de experiencia ayuda; la historia completa cabe en la página Quiénes somos.
  • Premios internos y archivos de prensa: Conserve uno o dos que reduzcan el riesgo para un comprador y mueva el resto.
  • Explicaciones técnicas densas: Enlácelas desde la página de servicio a la que pertenecen.
  • Anuncios secundarios: Las noticias más viejas pueden ir en un blog o en una página de noticias.

Conserve en la página de inicio las pruebas, las calificaciones y la experiencia relevante siempre que reduzcan el riesgo de un comprador. La regla no es «menos», es «lo que el visitante necesita, primero».

Haga una prueba de cinco segundos y una revisión en el teléfono antes de cambiar nada

Puede aprender mucho en diez minutos sin pagarle a nadie. La guía de Nielsen Norman Group para probar el diseño visual describe la prueba de cinco segundos como una forma de juzgar la primera impresión, la claridad visual, la confianza y el interés; es demasiado corta para juzgar un texto detallado. Esta rutina de diez minutos se basa en esa guía y en la orientación móvil de Google.

Una revisión de la página de inicio en diez minutos

  1. 1

    Minuto 1

    Abra la página de inicio en un teléfono real con datos móviles, no con el Wi-Fi de su oficina.

  2. 2

    Minutos 2 a 3

    Muéstresela a alguien durante cinco segundos y luego ocúltela. Pregúntele qué hace el negocio, a quién atiende, dónde opera y qué haría a continuación.

  3. 3

    Minutos 4 a 5

    Pídale que encuentre el número de teléfono, el formulario de contacto, la lista de servicios y la zona de servicio.

  4. 4

    Minutos 6 a 7

    Toque cada acción principal. El enlace del teléfono debe abrir el marcador, el formulario debe enviarse, y los enlaces de reservas e indicaciones deben funcionar.

  5. 5

    Minutos 8 a 9

    Compruebe que la primera pantalla tenga una descripción clara y una acción utilizable sin desplazamiento lateral.

  6. 6

    Minuto 10

    Anote los primeros tres malentendidos o toques fallidos. Arréglelos antes de tocar colores, animaciones o decoración.

El teléfono importa porque la guía de indexación móvil primero de Google dice que usa la versión móvil del contenido de un sitio para indexar y posicionar, y recomienda que la versión móvil y la de escritorio tengan el mismo contenido principal. Los botones también deben ser fáciles de tocar con el pulgar. La guía sobre el tamaño de los objetivos del W3C fija un mínimo de 24 por 24 píxeles CSS para la mayoría de los objetivos, con excepciones. Si su propia revisión encuentra problemas, ¿mi sitio web funciona bien en el móvil? profundiza en el tema, y por qué un sitio carga lento trata una causa común de una mala experiencia en el teléfono.

Una prueba de cinco segundos solo comprueba las primeras impresiones y la claridad básica. No demuestra que todo el sitio funcione, y por eso la revisión en el teléfono y la prueba de toques la acompañan.

Corrija las fallas comunes en este orden

Una vez que tenga su lista, empiece por los problemas que impiden una llamada. Tome este orden como una prioridad de inspección para su propia página, no como una clasificación de la frecuencia con que ocurre cada falla.

Fallas comunes de la página de inicio y lo que implica corregir cada una
FallaArregloAlcance típico
Los visitantes no saben qué hace ustedReescriba el titular y una frase de apoyo en torno al servicio, el público y el resultadoCambio pequeño de texto
La zona de servicio no está claraAgregue la zona cerca de la apertura y cerca de los datos de contactoCambio pequeño de texto y de diseño
El teléfono o el formulario es difícil de encontrar o no funcionaAgregue una acción visible y pruébela en un teléfonoDe pequeño a mediano
Mal diseño en el teléfonoRehaga el espaciado, el tamaño del texto, los menús y los objetivos táctilesMediano
Servicios enumerados de forma vagaNombre cada servicio principal y enlácelo a su páginaDe pequeño a mediano
Pruebas débiles o sin relaciónAgregue reseñas, licencias o trabajos terminados relevantesProyecto pequeño de contenido
Oferta escondida en un carruselReemplácela con secciones estáticasDe pequeño a mediano
Página lentaComprima los medios, recorte los scripts y vuelva a probarMediano, a veces técnico
FallaLos visitantes no saben qué hace usted
ArregloReescriba el titular y una frase de apoyo en torno al servicio, el público y el resultado
Alcance típicoCambio pequeño de texto
FallaLa zona de servicio no está clara
ArregloAgregue la zona cerca de la apertura y cerca de los datos de contacto
Alcance típicoCambio pequeño de texto y de diseño
FallaEl teléfono o el formulario es difícil de encontrar o no funciona
ArregloAgregue una acción visible y pruébela en un teléfono
Alcance típicoDe pequeño a mediano
FallaMal diseño en el teléfono
ArregloRehaga el espaciado, el tamaño del texto, los menús y los objetivos táctiles
Alcance típicoMediano
FallaServicios enumerados de forma vaga
ArregloNombre cada servicio principal y enlácelo a su página
Alcance típicoDe pequeño a mediano
FallaPruebas débiles o sin relación
ArregloAgregue reseñas, licencias o trabajos terminados relevantes
Alcance típicoProyecto pequeño de contenido
FallaOferta escondida en un carrusel
ArregloReemplácela con secciones estáticas
Alcance típicoDe pequeño a mediano
FallaPágina lenta
ArregloComprima los medios, recorte los scripts y vuelva a probar
Alcance típicoMediano, a veces técnico

Si su sitio recibe visitas y pocas llamadas, la causa puede estar en esta lista o en otro lado, y tráfico en el sitio web pero sin ventas ni clientes potenciales recorre los otros lugares donde mirar.

Decida si lo edita usted mismo o contrata ayuda

Probablemente pueda hacer usted mismo la primera ronda de mejoras. Puede reescribir la apertura, agregar su zona de servicio, hacer que el número de teléfono se pueda tocar para llamar, quitar un carrusel que esconde una oferta, reparar enlaces rotos y volver a probar en un teléfono. Haga eso primero y vea cómo se lee la página después.

La ayuda se justifica cuando las fallas se conectan. Eso puede verse como varios públicos compitiendo en una sola página, un diseño que se rompe en los teléfonos, formularios que no entregan los mensajes, páginas de servicio que faltan, datos del negocio que no coinciden en la web, o la necesidad de medir qué llamadas vienen del sitio. En ese caso puede convenir una auditoría enfocada de la página de inicio, una revisión del texto y de la estructura, una reconstrucción de la página de inicio o un rediseño completo, según lo que muestren las pruebas. Un buen proveedor debe poder señalar el problema específico, explicar el alcance del arreglo y separar una mejora enfocada de la página de inicio de un rediseño completo.

Una pequeña regla de madera y un nivel, uno junto al otro, sobre una mesa de trabajo.
Mida primero qué está fallando y luego elija entre unas pocas ediciones y una reconstrucción.

Para cerrar

Una página de inicio de un negocio pequeño funciona cuando un desconocido puede saber en pocos segundos qué hace usted, a quién ayuda y dónde trabaja, y puede ver el siguiente paso. Después de esa apertura viene el orden en que decide un comprador: servicios, pruebas, cómo funciona, Quiénes somos y los datos de contacto completos. Los carruseles que guardan la única copia de una oferta, el video con reproducción automática y las historias largas pasan a lugares donde no estorban.

Empiece por la revisión de diez minutos. Sus resultados le mostrarán si se trata de unas pocas ediciones o de un problema estructural mayor, y podrá corregir las primeras tres fallas sin gastar nada. Así un rediseño se centra en lo que de verdad le cuesta llamadas, y no en las modas.

Si quiere una segunda opinión, Web Leveling puede revisar su página de inicio con usted y decirle si bastan unas pocas ediciones o si conviene reconstruirla. Nuestro trabajo de diseño web abarca desde arreglos enfocados de la página de inicio hasta sitios completos que usted posee por completo, y puede contactarnos sobre su página de inicio para empezar. Trabajamos con pequeñas y medianas empresas de todo el país y del extranjero.

¿Está su página de inicio lista para un desconocido?

Elija una respuesta para empezar.

1. ¿Qué debe decir la parte de arriba de la página de inicio de un negocio pequeño?

2. ¿Por qué es arriesgado un carrusel como único hogar de una oferta importante?

3. ¿Qué comprueba una prueba de cinco segundos?

Preguntas frecuentes sobre qué poner en la página de inicio de un negocio pequeño

¿Qué debe incluir la página de inicio de un negocio pequeño?

Explique qué hace, a quién atiende, dónde opera, qué servicios ofrece, por qué un visitante puede confiar en usted y cómo comunicarse o reservar. Ponga la acción principal cerca de la parte de arriba.

¿Qué debe aparecer primero en la página de inicio?

Una descripción en lenguaje sencillo del negocio y una siguiente acción visible, como Llamar, Solicitar una cotización, Reservar u Obtener indicaciones.

¿Debo enumerar todos mis servicios en la página de inicio?

Enumere los servicios principales y enlace cada uno a su propia página. El detalle técnico pertenece a las páginas de servicio.

¿Debe tener un carrusel la página de inicio?

Un carrusel es opcional. La información importante también debe aparecer en secciones estáticas, y Baymard recomienda evitar la rotación automática en el móvil.

¿Necesita la página de inicio una sección Quiénes somos?

Una sección breve con las personas, la experiencia o las calificaciones detrás del negocio puede reducir el riesgo para un comprador. Ponga la historia detallada en una página Quiénes somos.

¿Afecta el contenido de la página de inicio a la Búsqueda de Google?

Google recomienda contenido útil, pensado para las personas y usa la versión móvil de una página para indexar y posicionar. Los encabezados claros y los datos del negocio correctos ayudan tanto a los visitantes como a los sistemas de búsqueda.

Términos

Palabras de páginas de inicio en este artículo

Toque un término para ver qué significa.

Página de inicio. La página principal de un sitio web, la que un visitante probablemente verá primero.

Llamada a la acción. Un botón o enlace que le pide al visitante dar un siguiente paso, como Llamar o Reservar.

Carrusel. Un conjunto de diapositivas rotativas, a menudo llamado slider, que se muestra en una zona de la página.

Prueba de cinco segundos. Una revisión rápida de usabilidad en la que alguien ve una página durante cinco segundos y dice lo que recuerda.

Objetivo táctil. Un botón o enlace que el visitante presiona con el dedo en una pantalla táctil.

Zona de servicio. Las ciudades o regiones donde trabaja un negocio.