El pie de página de un sitio web es la sección que aparece en la parte inferior de todas y cada una de las páginas de tu sitio. Normalmente incluye elementos importantes, como un aviso de derechos de autor, un formulario para captar direcciones de correo electrónico o enlaces a recursos.
El pie de página es un espacio muy valioso de tu sitio. ¿Por qué? Porque ofrece una última oportunidad para conectar con quienes lo visitan y animarlos a seguir interactuando con tu web. Además, es una forma sencilla de incluir en todas las páginas la información obligatoria, como los avisos legales y las políticas de privacidad.
Por desgracia, a menudo se pasa por alto el pie de página o se prepara a toda prisa en el último momento, lo que supone perder muchas oportunidades y conversiones.
Entonces, ¿cómo puedes sacar el máximo partido al pie de página de tu sitio web?
¿Por qué son importantes los pies de página de los sitios web?
1. Aportan coherencia
El pie de página de un sitio web aporta coherencia a quienes lo visitan, ya que la misma información aparece en la parte inferior de todas y cada una de las páginas. Esto ayuda a confirmar que están realmente en tu sitio y facilita que quienes vuelven encuentren lo que buscan.
2. Mantienen el interés de quienes visitan tu sitio
Incluso quienes leen atentamente todo el contenido de una página pueden llegar al final de un artículo y cerrarla. Para evitarlo, puedes ofrecer a tus lectores una forma de descubrir contenido adicional —como preguntas frecuentes, entradas populares del blog, información de contacto y políticas de devolución— en la parte inferior de la página.
3. Cumplen las expectativas
Hay ciertos elementos que quienes visitan tu sitio buscarán activamente en el pie de página: políticas de privacidad, información de la cuenta y enlaces a redes sociales, entre otros. No les decepciones ni hagas que les resulte más difícil encontrar lo que buscan al no incluir esos elementos donde esperan encontrarlos.
4. Facilitan la inclusión de información obligatoria en todas las páginas
Muchos tipos de sitios web, especialmente los relacionados con sectores como el inmobiliario y la medicina, tienen la obligación de incluir avisos en todas las páginas. El pie de página permite hacerlo fácilmente sin tener que añadir la información manualmente una y otra vez.
5. Te permiten tener la última palabra
Si alguien ha leído toda tu entrada del blog, ha visto todo el contenido de tu página o lo ha ojeado por encima, lo último que verá será tu pie de página. Por eso, es el lugar perfecto para hacer una última petición de compra, donación o suscripción al boletín.
Qué incluir en el pie de página de un sitio web
El contenido exacto del pie de página variará según la finalidad de tu sitio. Sin embargo, es importante que pienses en qué será más valioso para tu audiencia y para tu web. Por ejemplo, ¿tienes que cumplir ciertos requisitos legales? ¿Tu objetivo es dirigir a quienes visitan tu sitio hacia áreas importantes? ¿O te centras más en aumentar las ventas y conseguir suscriptores?
Estos son algunos elementos habituales que puedes incluir en el pie de página:
1. Una llamada a la acción (CTA)
Las llamadas a la acción dirigen a quienes visitan tu sitio a realizar una acción. Aquí tienes algunos ejemplos de CTA:
- Comprar ahora
- Suscribirme a nuestro boletín
- Más información
- Contactar
- Dejar una reseña
- Compartir esta entrada
- Participar en nuestro sorteo
Incluir una CTA en el pie de página es una estrategia excelente, porque estará visible en todas y cada una de las páginas y ofrecerá a quienes visitan tu sitio una última oportunidad de actuar antes de marcharse. En el ejemplo de pie de página que aparece a continuación, Sacramento Ballet incluyó dos botones de CTA: «Donar» y «Suscribirme ahora».
2. Información de contacto
Facilita que quienes visitan tu sitio se pongan en contacto contigo incluyendo información de contacto en el pie de página. Puede consistir en una lista de formas de contactar contigo, un enlace a una página de contacto o incluso un formulario insertado directamente en el pie de página.
En el ejemplo siguiente, el pie de página del sitio web de donaciones de Massachusetts General Hospital incluye una dirección, un número de teléfono y una dirección de correo electrónico.
También puedes convertir las direcciones de correo electrónico y los números de teléfono en enlaces, para que quienes visitan tu sitio puedan enviarte un mensaje o llamarte fácilmente.
3. Ubicaciones o mapas
Si tienes una tienda física, un establecimiento, una oficina u otra ubicación que alguien pueda visitar, deberías incluir una dirección o un mapa en el pie de página. También puedes plantearte añadir el horario de apertura para evitar confusiones.
Esto puede mejorar los resultados de búsqueda locales y reforzar la relación que Google establece entre tu sitio web y la ficha de Google My Business. Para Google es importante disponer de pruebas claras de tu dirección exacta y de tu información de contacto, ya que quiere ofrecer a quienes realizan búsquedas información precisa y legítima. Cuanto más sólida sea la relación que puedas demostrar, más probabilidades habrá de que tu ficha aparezca en los resultados de búsqueda y en Google Maps.
Eso sí, debes incluir toda esta información exactamente en el mismo formato que utilizas en tu perfil de Google My Business.
Northwest Eye Design muestra tanto la dirección de su consulta como un enlace a Google Maps para ponérselo fácil a sus pacientes.
4. Enlaces a tus cuentas de redes sociales
Las redes sociales son una herramienta importante tanto para blogueros como para negocios de servicios y tiendas online. Y aunque puedes dirigir a tus seguidores de las redes sociales a tu sitio web, también es beneficioso dirigir a quienes visitan tu web a tus cuentas de redes sociales.
Por ejemplo, es una forma excelente de interactuar con clientes potenciales, compartir consejos e imágenes y mostrar la comunidad que has creado en torno a tu marca. Y, por supuesto, si las redes sociales son una de tus fuentes de ingresos, ¡es aún más importante!
Por eso, considera añadir iconos de redes sociales o incluso imágenes de un feed social, como Instagram, en tu pie de página. Boston Market hizo precisamente eso y separó sus iconos de redes sociales para que destacaran del resto del contenido del pie de página.
5. Formularios de suscripción al boletín
¡No subestimes el poder de una lista de correo electrónico! Además de tu sitio web, ofrece a tu audiencia la herramienta de comunicación más potente: una que es completamente tuya. Usa una lista de correo electrónico para avisar a tus suscriptores de ofertas, nuevas entradas del blog, consejos y otras propuestas.
Y, para crear esa lista de correo electrónico, incluye un formulario de suscripción en el pie de página. Solo tienes que insertar el formulario usando un código de tu herramienta de marketing por correo electrónico favorita. También puedes usar uno de los bloques de Jetpack para añadir fácilmente un formulario de boletín a tu página, sin necesidad de código.
Heggerty añadió un recuadro gris claro alrededor de su formulario de boletín por correo electrónico para que destacara e incluyó un lenguaje sencillo para que la gente supiera exactamente a qué se estaba suscribiendo.
6. Entradas o artículos populares
Si el blog es una parte importante de tu sitio web, considera incluir entradas en el pie de página. Puedes añadir entradas populares o recientes, o incluso destacar las que sean más importantes para tu blog o negocio.
En lugar de destacar entradas individuales, Kylie M Interiors tiene una lista de categorías para que los visitantes del sitio puedan encontrar fácilmente el tipo de contenido que buscan.
Tampoco tienes que añadir manualmente los enlaces a tus entradas. Puedes usar widgets como el de Entradas y páginas populares para mantener la información constantemente actualizada.
7. Información legal
Hay ciertos tipos de información legal a los que la mayoría de los sitios web deberían enlazar: información sobre derechos de autor, términos y condiciones y políticas de privacidad. Sin embargo, si trabajas en sectores específicos —como el inmobiliario, el CBD o la medicina—, es posible que tengas que incluir avisos legales o declaraciones adicionales.
El pie de página es el lugar perfecto para incluir esta información, porque aparece en todas y cada una de las páginas. Por ejemplo, la empresa de CBD Best Bud incluye una declaración de la FDA en su pie de página, junto con los términos y condiciones, las políticas de envío, las políticas de privacidad y las políticas de devoluciones.
8. Enlaces a páginas importantes
Según tu sitio, las páginas importantes pueden incluir desde las páginas de cuenta e inicio de sesión hasta las categorías de productos, las preguntas frecuentes, las páginas de servicios y los formularios de contacto. Por ejemplo, la tienda de comercio electrónico Wild Mountain Wax divide el contenido importante en tres categorías: Ayuda, Aprende y Ventas al por mayor.
Sin embargo, no te limites a repetir el menú principal. Reduce su contenido a las páginas más útiles o céntrate en el contenido que tus visitantes puedan estar buscando.
Buenas prácticas para el pie de página de un sitio web
Ya hemos hablado un poco sobre los tipos de información que puedes incluir en el pie de página. Ahora veamos cómo puedes aprovecharlo al máximo. Estas son algunas buenas prácticas para el pie de página de un sitio web:
1. Diseña el pie de página para dispositivos móviles
No dejes el diseño para móviles para el final cuando diseñes el pie de página. Recuerda que la gente lo visitará desde dispositivos de todo tipo y tamaño. ¡Además, los pies de página suelen alargarse mucho cuando se muestran en un dispositivo móvil, y es posible que los visitantes no se desplacen para ver toda la información!
Offerman Woodshop hizo un excelente trabajo al crear un pie de página que funciona bien en móviles. Su diseño es limpio y fácil de navegar en ordenadores de sobremesa, tabletas y teléfonos.
Si no tienes claro qué aspecto tiene tu sitio en todos los teléfonos, tabletas y ordenadores de sobremesa que existen, prueba a usar una herramienta como BrowserStack. Te permite ver al instante tu sitio web en dispositivos de muchas marcas y tamaños diferentes.
2. No sobrecargues el pie de página
Es fácil llenar el pie de página de muchísima información, lo que puede resultar abrumador rápidamente para los visitantes del sitio. Reduce el contenido del pie de página a lo que sea más útil e importante. Y, si necesitas incluir bastante información, divídela en partes fáciles de asimilar.
Eso es exactamente lo que hizo MailPoet. Aunque enlaza a mucho contenido, no parece abrumador porque está dividido en categorías claras y hay mucho espacio en blanco.
3. Organiza la información
La organización está estrechamente relacionada con el consejo anterior, porque la información organizada ayuda a que el diseño del pie de página de tu sitio web parezca menos recargado. Pero no se trata solo de categorizar los datos. También consiste en usar recursos visuales para agrupar el contenido.
Veamos qué hizo WooCommerce. Dividió el pie de página en tres partes:
- Funciones importantes. Esta sección destaca por su fondo gris, sus iconos y su texto morado.
- Enlaces útiles. Todos están clasificados bajo títulos en negrita y en mayúsculas.
- Otra información. La sección final está separada por una línea divisoria e incluye información legal, iconos de redes sociales y el logotipo de Automattic.
4. Sé creativo
No todos los pies de página tienen que ser iguales. Piensa en tu marca y en el diseño de tu sitio, ¡y sé creativo! Considera formas como curvas y triángulos, imágenes, gráficos personalizados y otras características interesantes.
OTRUSA integra elementos del diseño de su marca al incluir una imagen de fondo y usar separadores inclinados para parte de su contenido.
5. Piensa en diferentes diseños para el pie de página
Hay muchas formas distintas de organizar el pie de página y no existe una solución que sirva para todos los casos. Si solo tienes un poco de información, quizá te convenga un pie de página estrecho y compacto, como el del blog de Adobe.
Si tienes más contenido, puedes optar por un pie de página más alto y con varias columnas, como el del sitio de Pressable.
También puedes optar por un pie de página más visual, con muy poco texto y muchos gráficos. Eso es exactamente lo que hizo Veer, usando iconos personalizados para destacar sus enlaces importantes.
6. Recuerda la accesibilidad
La accesibilidad consiste en facilitar la navegación por tu sitio web y el acceso a su contenido a todas las personas que lo visitan, incluidas aquellas con discapacidades visuales, auditivas, cognitivas y físicas. Estas son solo algunas consideraciones de accesibilidad aplicables al pie de página:
- Contraste de color. Asegúrate de que el texto y las imágenes se diferencien lo suficiente del fondo del pie de página para que puedan visualizarse fácilmente. Evita el texto oscuro sobre un fondo oscuro o el texto claro sobre un fondo claro. ¿No tienes claro si tu diseño cumple estos requisitos? Comprueba tus colores con el comprobador del contraste de color de WebAIM.
- Enlaces. Usa algo más que el color para diferenciar los enlaces del resto del texto. Puedes hacerlo con subrayados, iconos y otras señales visuales.
- Texto alternativo. Incluye texto alternativo para cualquier imagen o gráfico del pie de página. Los lectores de pantalla lo utilizan para «leer» las imágenes a las personas con discapacidades visuales.
- Fuentes. Utiliza fuentes sencillas y fáciles de leer para todo el mundo. Además, asegúrate de que tengan un tamaño lo bastante grande como para que cualquier persona con dificultades visuales pueda leer todas las palabras.
Hay mucho más que tener en cuenta al crear un sitio web accesible. Para obtener más información, consulta esta entrada sobre accesibilidad web de WooCommerce.
Cómo editar el pie de página en WordPress
Normalmente, el diseño y la estructura del pie de página dependerán del tema que utilices. Muchos temas incluyen diseños de pie de página integrados que puedes elegir y personalizar según tus necesidades. Para obtener más información, tendrás que consultar la documentación del tema específico. Por ejemplo, el tema Frame permite seleccionar entre 14 estilos de columna diferentes para el pie de página.
Sin embargo, en WordPress, los pies de página son áreas con widgets, por lo que puedes arrastrar y soltar widgets o bloques en ellas sin tener que editar código. A continuación, te explicamos cómo añadir contenido al pie de página:
- En el panel de administración de tu WordPress, ve a Apariencia → Widgets. Allí, verás una lista de zonas con widgets, incluidas las columnas del pie de página. De nuevo, esto puede variar ligeramente según el tema.
- Despliega la columna del pie de página que quieras editar.
- Haz clic en el icono + para mostrar los bloques disponibles. Desde ahí, puedes buscar un bloque específico o hacer clic en Explorar todo para ver una lista completa.
- Arrastra el bloque que quieras a la zona de la columna del pie de página.
- Personaliza los ajustes según el bloque. Por ejemplo, puedes cambiar el color y el texto de un botón o elegir una imagen para añadirla.
- Haz clic en el botón azul Actualizar situado en la esquina superior derecha.
Para obtener más información, lee las instrucciones completas de WordPress.
Para consultar una guía más detallada sobre cómo editar el pie de página, visita nuestra guía sobre cómo editar el pie de página de WordPress.
Saca el máximo partido al pie de página de tu sitio
Recuerda que el pie de página no debería ser algo secundario: es tu última oportunidad para causar una buena impresión a quienes visitan tu sitio y una excelente forma de presentar información importante en todas las páginas.
Por eso, dedica tiempo a pensar detenidamente en el contenido que incluyes en el pie de página. Considera qué sería más útil para tus objetivos y para la experiencia de tus visitantes. Al fin y al cabo, un pie de página bien diseñado y coherente puede tener un gran impacto en la interacción.
¿Necesitas un poco de ayuda? Jetpack ofrece una gran variedad de bloques de WordPress y widgets para que puedas crear el pie de página perfecto. Y si estás empezando, hay docenas de temas excelentes de WordPress entre los que puedes elegir y que ya han hecho el trabajo difícil por ti.
Preguntas frecuentes sobre los pies de página de los sitios web
¿Qué tamaño debería tener mi pie de página?
El tamaño exacto del pie de página dependerá de tu sitio web y de la cantidad de contenido que quieras incluir. Algunos pies de página son franjas finas y estrechas con una sola línea de texto. Otros ocupan mucho más espacio e incluyen mucha información.
Sin embargo, al elegir el tamaño del pie de página, asegúrate de tener en cuenta el diseño para móviles. Si el pie de página es demasiado largo en los dispositivos móviles, quienes visiten tu sitio podrían verse obligados a desplazarse una y otra vez para ver toda la información.
¿De verdad necesita un sitio web un pie de página?
No, técnicamente un sitio web no necesita un pie de página para funcionar correctamente. Sin embargo, es un lugar valioso y eficaz para incluir contenido importante y puede ser fundamental para fomentar la interacción.
¿Pueden ayudarme los enlaces del pie de página con SEO?
Sí, pueden ayudar al posicionamiento SEO porque contribuyen a crear una jerarquía del sitio y enlaces internos. Ayudan a Google a entender las páginas de tu sitio y la relación entre ellas.
Pero, sobre todo, ayudan a ofrecer una buena experiencia de usuario al facilitar la navegación. Y eso es lo más importante que debes tener en cuenta. No llenes el pie de página de enlaces solo para mejorar SEO; ¡conseguirás el efecto contrario! En su lugar, céntrate en añadir enlaces que ayuden a quienes visitan tu sitio. Eso es lo que realmente importa a los motores de búsqueda.
¿Tengo que incluir un aviso de derechos de autor en el pie de página?
Un aviso de derechos de autor suele tener este aspecto:
© 2022 Example.com
En esencia, es una declaración escrita de que el contenido y el diseño del sitio web te pertenecen. Aunque no es un requisito legal, puede ayudar a evitar infracciones de derechos de autor y a ganar casos judiciales si demandas a alguien por robar el contenido de tu sitio web.
¿Puedo utilizar widgets en el pie de página?
Sí, el pie de página de un sitio web es un área con widgets en WordPress. Esto significa que puedes añadir widgets y bloques para crear el contenido del pie de página.
Jetpack 