Formato nuevo
Cómo diseñar la página de contacto de un sitio
La página de contacto es un punto de confianza y alcance rápido: dirección, teléfonos, email, mapa, horarios y una vía para escribir. Los errores y los campos vacíos ahuyentan aquí más que en Sobre nosotros.
Abajo: por qué una página dedicada, qué mínimo mostrar, utilidad para el visitante, comodidad móvil y un sistema visual. Los formularios de leads van aparte; el copy de Sobre nosotros tiene su propio artículo.
Una página dedicada — no un muro en el header
El header ya lleva logo, menú, carrito, login. Meter ahí cada sucursal, línea legal y horario dispersa la atención e hincha la barra.
Una página de Contactos aparte aligera el header: en la barra — uno o dos teléfonos y una pista corta de horarios; en el menú y el footer — enlace a la página completa.
En un solo sitio el cliente encuentra teléfonos de servicio, direcciones, mapa, email y condiciones de contacto — sin scavenger hunt. Un NAP abierto reduce la sensación de «empresa fantasma».
Datos completos y verdaderos
En la página incluye: teléfonos etiquetados por quién responde (oficina, delivery, soporte); emails de servicio; perfiles sociales y mensajeros activos; direcciones de oficina/almacén/pickup; horarios y ventanas de respuesta del operador.
Para confianza — razón social, domicilio registrado cuando haga falta, datos bancarios para transferencias. Cerca — un formulario o chat si el equipo responde de verdad.
Actualiza cualquier cambio al momento: un número viejo o una dirección «fantasma» pega a la confianza más que una página vacía.
Mínimo comercial:
- teléfono y/o mensajero con expectativa de respuesta
- email o formulario
- NAP (nombre, dirección, teléfono) alineado con mapas y footer
- horario comercial
- mapa o un «cómo llegar» claro si hay visitas
Utilidad — no un vertedero de campos
Destaca lo que más gente necesita: pago, entrega, pickup, devoluciones — en breve o vía enlaces a páginas dedicadas. Fotos de fachada y un croquis de ruta ayudan a una ubicación offline.
No conviertas Contactos en un muro SEO de «compra X barato». El trabajo de la página es conectar y verificar la empresa — no competir con una ficha de producto.
Comodidad en cualquier dispositivo
La página debe leerse bien en el móvil: teléfonos y email grandes y clicables, datos copiables como texto (no una captura).
Un mapa interactivo gana a una imagen: rutas en transporte y coche. Vigila que el widget no mate la velocidad ni tape botones en móvil.
Estilo y jerarquía
Encaja con el estilo del sitio: tipografías, color, spacing, logo. Datos en bloques: Contáctanos, Direcciones, Datos legales, Escríbenos.
Copy sin errores, corto. Enlaces a Sobre nosotros, reviews, entrega están bien si la página no se vuelve una segunda homepage.
Contactos no son una «utilidad menor»: un alcance claro empuja leads y la sensación de fiabilidad.
Recuerda:
- página dedicada + header compacto
- NAP al día y datos legales según haga falta
- texto clicable — no imágenes
- mapa y formulario — cuando ayudan de verdad
- un estilo y bloques claros
FAQ
¿Bastan los teléfonos en el header?
En el header — 1–2 números principales y un enlace a Contactos. Direcciones completas, sucursales y datos legales van en una página dedicada.
¿Hacen falta datos legales / de empresa?
Para e-commerce y B2B — sí: razón social, dirección, IDs de registro/fiscales según corresponda. La precisión gana a un layout bonito.
¿Hace falta un mapa?
Si hay pickup o visita a oficina — sí; interactivo gana a un croquis estático. Para un servicio 100% online sin dirección — no es obligatorio.
¿Hay que optimizar la página para SEO?
No para «meter keywords». Bastan un title/H1 normal de Contactos más marca/ciudad y un NAP preciso. El tráfico suele llegar por marca y el menú.
¿El teléfono como imagen o como texto?
Como texto y clicable (`tel:` / `mailto:`). Una imagen dificulta copiar y la accesibilidad.
¿Dónde van los mensajeros?
A canales de soporte vivos con una expectativa clara de respuesta. No dupliques una docena de iconos muertos.
¿En qué se diferencia de un formulario de contacto?
Contactos — todos los puntos de alcance y el NAP. El formulario es un canal en esta página o en páginas de servicio.
¿Contactos enterrados en el header — o NAP desincronizado?
Limpiamos una página de Contactos dedicada: alcance clicable, horarios, mapa y NAP alineado en todo el sitio.
Hablar del proyecto