25 patrones de pie que puedes copiar en tu sitio, desde el pie legal minimalista hasta el mapa completo del sitio y el pie de negocio local con mapa: qué contiene cada uno, para quién sirve y cómo aplicarlo.
Usa texto real, no imágenes, para horarios y datos de contacto; haz que se pueda llegar a cada enlace con Tab y que el foco sea visible; añade etiquetas de texto a los iconos sociales y mantén suficiente contraste con el fondo.
Como mínimo, una línea de derechos de autor con el año actual, una forma de contactarte y enlaces a las páginas exigidas por ley (política de privacidad, condiciones y, si corresponde, declaración de accesibilidad). Lo demás depende del tipo de sitio; consulta los patrones de abajo.
No hay un número fijo, pero un pie que intenta listar todas las páginas se convierte en ruido que nadie lee. Agrupa los enlaces en 3 a 5 columnas con títulos (Empresa, Producto, Recursos y Legal, por ejemplo), en vez de una lista larga sin ordenar.
Es un lugar secundario razonable, porque quienes llegan al final sin convertir siguen interesados. No debería ser el único sitio donde ofreces suscribirse: incluye también una versión más visible en una parte superior de la página.
Sí, indirectamente. Los enlaces ayudan a los buscadores y visitantes a encontrar páginas internas; las listas duplicadas o exageradas en todas las páginas pueden dificultar que se entienda el sitio. Usa enlaces intencionales y consistentes, no un depósito de vínculos.
El contenido puede ser el mismo, pero el diseño debe apilarse en columnas individuales con espacio claro y las secciones desplegables deben ser fáciles de tocar. Una columna interminable de texto diminuto e ilegible es un error móvil común.
Respuesta breve: los mejores pies de página web siguen unos pocos patrones repetibles: pies legales mínimos, pies con mapa completo del sitio, pies con boletín, pies para negocios locales con mapa y algunos más. Elegir el que corresponde a tu tipo de sitio importa más que inventar uno único. A continuación hay 25 patrones para adaptar, qué incluyen, para quién sirven y un consejo para cada uno.
Método de selección y público: esta guía está dirigida a dueños de pequeñas empresas y a quienes crean sus sitios. Comparamos los patrones según cinco cosas que buscan los visitantes al final de una página: datos de contacto, horario, servicios principales, enlaces a políticas y navegación con teclado. Los ejemplos desarrollados más abajo son diseños ilustrativos de plantillas de We.Inc, no negocios reales.
La importancia de los pies de página para SEO es uno de los aspectos más ignorados del diseño web, pero a menudo determina si el trabajo da resultado. Las empresas que lo resuelven pronto evitan costosas correcciones y obtienen resultados más rápidos y predecibles. Para optimizar el pie:
Si para mejorar el SEO del pie necesitas un sitio, una página de destino o una aplicación web nuevos, We.Inc te ayuda a avanzar rápido. Describes lo que quieres por chat y su IA crea un sitio activo y editable en el navegador, para que publiques sin pelearte primero con una herramienta de diseño.
Antes de elegir un patrón, resuelve lo imprescindible: una línea de derechos de autor con el año actual, un método de contacto que funcione y enlaces a la política de privacidad y las condiciones si recopilas datos personales. Esto debe estar bien independientemente del patrón elegido.
Los elementos básicos del pie son una parte esencial de una estrategia sólida para crear sitios. Resolver los fundamentos establece una base para todo lo demás. El método más eficaz es sistemático, no reactivo. Los equipos que reservan tiempo para ello, registran resultados y hacen ajustes graduales superan a quienes improvisan. El principal indicador de éxito es tener un proceso documentado, no su sofisticación. Los equipos avanzan más rápido si crear el sitio no es un obstáculo. Con We.Inc describes la página o aplicación en lenguaje corriente y luego la perfeccionas con edición visual por clic o con el editor de código integrado.
| Elemento | Por qué importa | Error común |
|---|---|---|
| Línea de derechos de autor | Señal legal básica y fácil de incluir | Dejar un año antiguo |
| Enlaces a privacidad y condiciones | A menudo son obligatorios si recopilas datos | Omitirlos o dejar enlaces rotos |
| Método de contacto | Permite escribirte sin buscar demasiado | Esconderlo en una página de contacto sin enlace directo |
| Enlaces sociales | Señal secundaria de confianza | Enlazar cuentas abandonadas |
| Mapa o enlaces de navegación principales | Ayuda a visitantes y buscadores a encontrar páginas | Duplicar todo el menú principal sin ordenar |
Los patrones de diseño del pie son un elemento clave de una estrategia sólida para crear sitios. Para hacerlo bien:
Si un patrón de pie necesita una página, tienda o aplicación a la que dirigir a las personas, We.Inc convierte una descripción en un sitio funcional que puedes publicar en minutos. Empieza con una plantilla, ajústala por chat y con edición visual, y publícala en tu dominio con SSL gratuito.
Las llamadas a la acción del pie son un componente importante de una estrategia sólida para crear sitios. Resolver los fundamentos da una base para todo lo demás. El método más eficaz es sistemático, no reactivo. Los equipos que reservan tiempo, registran resultados y hacen ajustes graduales superan a quienes improvisan. El mayor indicador de éxito es tener un proceso documentado, no su sofisticación. Si una llamada a la acción del pie requiere un sitio, una página de destino o una aplicación nuevos, We.Inc te permite avanzar rápido: describes lo que quieres por chat y su IA crea un sitio activo y editable en el navegador, para publicar sin pelearte primero con una herramienta de diseño.
El diseño del pie móvil es un elemento clave de una estrategia sólida de creación de sitios. Para hacerlo bien:
Los equipos avanzan más rápido cuando crear el sitio no es el obstáculo. Con We.Inc describes la página o aplicación en lenguaje corriente y luego la perfeccionas con edición visual por clic o con el editor de código integrado.
| Elemento | Escritorio | Móvil | Revisión con teclado |
|---|---|---|---|
| Contacto | Dirección, teléfono y correo en una columna | Primero, teléfono con enlace para llamar | Cada enlace se alcanza con Tab y muestra el foco |
| Horario | Tabla breve | Primero el horario de hoy y luego la semana completa | Texto normal, no una imagen |
| Servicios principales | De 4 a 6 enlaces | Sección desplegable o los 3 principales | Enlaces en orden lógico |
| Enlaces legales | Fila pequeña al final | La misma fila con áreas táctiles más grandes | No ocultarlos al pasar el cursor |
| Redes sociales | Fila de iconos | Iconos con etiquetas de texto para lectores de pantalla | Los iconos tienen nombres accesibles |
| Ejemplo | Contenido del pie | Qué adaptar | Limitación |
|---|---|---|---|
| Panadería | Dirección, horario, enlace para pedidos y redes | Escribir el horario como texto y repetir el enlace de pedidos | Las tablas de horario largas se comprimen en teléfonos |
| Plomero | Teléfono, zona de servicio y licencia | Poner primero el botón para llamar en móvil | Las listas de zonas de servicio pueden crecer demasiado |
| Dentista | Dirección, enlace al mapa y teléfono de urgencias | Separar la línea de urgencias | Demasiados logotipos de seguros crean desorden |
| Despacho jurídico | Oficinas, áreas de práctica y descargo | Hacer visible el descargo obligatorio | El texto legal puede ocultar el contacto |
| Organización sin fines de lucro | Donación, registro e informes | Mostrar el número de registro | Las llamadas a la acción pueden competir |
Pégalos en tus notas y complétalos:
Contacto: [nombre de la empresa], [calle y localidad], [enlace telefónico], [correo] Horario: lunes a viernes [hora], sábado [hora], domingo cerrado Servicios: [servicio 1], [servicio 2], [servicio 3] Legal: Privacidad, Condiciones, Accesibilidad, © [año] [nombre de la empresa]
Adapta la agrupación y el orden. No copies insignias, premios, cantidad de reseñas ni textos legales de otro sitio. Usa solo lo que sea cierto para tu negocio y haz que revisen tus propias políticas.
Elige un diseño en las plantillas web para empresas, edita el pie con el editor visual y luego ejecuta el evaluador web gratuito.
Empieza a crear el sitio web de tu negocio. Crea tu cuenta. El plan gratuito publica hasta 3 sitios de plantilla en una dirección we.inc (sin créditos de IA ni dominio personalizado). La creación con IA y el dominio propio comienzan con Starter a $20 al mes; consulta precios.
Pasos siguientes útiles: revisa un sitio con el evaluador web gratuito, calcula el presupuesto con la calculadora de costos web, explora las plantillas web para empresas o descubre cómo funciona el creador web de We.Inc.
Elige el patrón según las necesidades reales del sitio, no según lo impresionante que parezca. Un sitio informativo de cinco páginas no necesita un pie enorme con buscador, y un mercado con miles de páginas parecerá incompleto con un pie legal minimalista. Si dudas, empieza con algo simple (patrones 1, 4 o 9) y añade secciones solo cuando haya una razón real.
No tienes que diseñar un pie desde cero. Abre We.Inc y describe el sitio en una oración —por ejemplo: «un sitio de panadería local con un pie que muestre dirección, horarios y redes sociales»— y el creador genera una base funcional, con pie incluido, que luego puedes ajustar.
Con el plan gratuito, puedes publicar hasta 3 sitios de plantilla en una dirección we.inc, sin tarjeta; editas tú mismo las palabras y fotos del pie en el editor (el plan gratuito no genera contenido con IA). Si quieres que la IA escriba y ajuste el contenido del pie y usar tu dominio en vez de una dirección we.inc, necesitas el plan Starter, desde $20 al mes. Consulta los detalles actuales en precios, empieza con el creador web gratuito, sin tarjeta, o explora las plantillas si prefieres un diseño ya hecho.
Los fundamentos de los 25 ejemplos de diseño de pie web están al alcance de cualquier empresa que invierta esfuerzo constante. Elige una sección de esta guía, aplícala por completo y mide el resultado antes de pasar a la siguiente. El progreso gradual y comprobado supera a intentar hacerlo todo de una vez. Si necesitas un sitio, tienda o aplicación que apoye tu trabajo web, We.Inc te permite crearla describiéndola por chat. Su IA genera un sitio activo y editable que puedes perfeccionar visualmente o con código y publicar en tu dominio con SSL gratuito. Abre una cuenta de We.Inc gratis; no se necesita tarjeta.
Antes de publicar, revisa esto:
Para decisiones de diseño justo encima del pie, consulta nuestra guía sobre cómo diseñar una página de inicio; para captar prospectos desde el pie o cualquier otra parte de la página, la guía de formularios de contacto explica cómo configurarlos. Si el pie debe incluir una declaración de accesibilidad, el generador de declaraciones de accesibilidad te ayuda a redactar una rápidamente. Nuestra guía completa sobre cómo crear un sitio web cubre el resto de la página.
Empieza gratis · Sin tarjeta de crédito
Fundador de We.Inc
Umair es el fundador de We.Inc. Escribe sobre la creación de sitios web con IA, las agencias y el negocio de gestionar un estudio web.
Únete a los 15,000+ negocios que usan We.Inc para lanzar, crecer y automatizar, todo desde una plataforma.
Empieza gratisSin tarjeta de crédito · Habla con ventas
