Skip links

Footer

Definición

La traducción de Footer en castellano, es pie de página y hace referencia a la parte inferior de una página. En HTML, esta sección se traduce por la etiqueta < footer >, que contiene todos los elementos que deben estar allí.

Por regla general, el pie de página es el mismo en todas las páginas de un sitio web, y, se incluye en la plantilla de la página para permitir que se multiplique en todo el sitio.

Además, como el pie de página es el último elemento de una página consultada, es importante optimizarlo para que sea atractivo e interesante.

SEO Technique

¿Para qué sirve el pie de página en el SEO?

Desde el punto de vista del SEO, el pie de página es una sección estratégica que hay que trabajar. De hecho, le permite añadir valor a su sitio ofreciendo contenidos de páginas más profundas, enlaces externos e información adicional que pueda interesar a los visitantes.

Además, el footer le permite reforzar su vinculación interna apuntando a contenidos profundos que no son directamente accesibles desde el primer nivel de su menú principal. La creación de un pie de página en su sitio web no es obligatoria, pero se recomienda encarecidamente si desea optimizar su referenciación orgánica.

El pie de página le permite enriquecer el contenido de su sitio con información adicional que no desea que aparezca directamente en el menú principal. Cuando se crea un sitio, el pie de página no está predefinido. Por lo tanto, es necesario optimizarlo con el contenido que considere relevante.

Trabaja en tu pie de página para que sea atractivo

El pie de página, al igual que sus páginas, debe estar bien diseñado para atraer a sus visitantes y animarles a navegar por el contenido que allí se presenta. Para ello, es importante presentar un pie de página claro y no sobrecargarlo de información. Esto podría desanimar al visitante.

Además, el objetivo del pie de página es ofrecer un contenido interesante, por lo que debe elegirse con cuidado. El objetivo es proporcionar información adicional a sus visitantes para mejorar su rendimiento. En particular, puede incluir una llamada a la acción para animarle a actuar: rellenar un formulario, hacer un pedido, contactar, suscribirse al boletín. También puede destacar sus redes sociales integrando iconos llamativos para mantener al visitante en su entorno.

Por lo tanto, habrás comprendido que el footer es una parte estratégica de tu sitio web que debes optimizar.

Algunas buenas prácticas para su pie de página

La parte inferior de una página está destinada a los visitantes, pero también a los motores de búsqueda. Desde el punto de vista del SEO, la información que se introduce allí ayuda a optimizar el posicionamiento orgánico del sitio. En segundo lugar, también se pretende ofrecer más contenido a los visitantes para mejorar la experiencia del usuario (UX). Generalmente, el contenido que se encuentra en el pie de página no aparece en la barra de navegación principal.

A continuación se presentan diferentes elementos que puede incluir en su pie de página.

Información legal en el sitio

Al lanzar su sitio web, es obligatorio redactar el aviso legal sobre el mismo. Esta página no es muy interesante para el usuario, pero es legalmente esencial. Por lo tanto, es estratégico incluir un enlace a esta página en el pie de página para no darle demasiada importancia, pero que siga apareciendo en su sitio.

Si se dedica al comercio electrónico, también debe incluir las condiciones de venta y uso en su sitio web. Generalmente, estas condiciones se muestran en el momento de la compra del usuario, pero también puede ser interesante incluirlas en el pie de página para que sean accesibles antes de cualquier compra.

Finalmente, los últimos elementos legales que debe incluir en su pie de página son los créditos y el copyright. Esto informa al usuario sobre el creador y el propietario del sitio web, así como el año de publicación.

Política de privacidad

Informar a sus clientes sobre su política de privacidad y tratamiento de datos es un requisito legal para cualquier empresa. Por lo tanto, debe incluir esta información en su sitio web. ¿Y por qué no en el pie de página? Esto le permitirá ser completamente transparente con sus usuarios y cumplir con las obligaciones legales.

Además, también es obligatorio incluir su política de cookies en su sitio web, si las utiliza. Insértelo en el pie de página para informar a los visitantes nada más llegar a su sitio.

Call-to-action

Las llamadas a la acción pueden aumentar considerablemente su tasa de conversión. En efecto, como su nombre indica, estos elementos incitan a los visitantes de un sitio a realizar una acción, generalmente la compra de un producto o servicio.

Utilizar elementos de carácter imperativo, como “haga clic aquí”, “solicite su presupuesto”, “concierte una cita”, etc. Se trata de insertar un elemento atractivo en su pie de página, para animar al usuario a ir más allá en su búsqueda.

Categorías y enlace a un blog

En el contexto de una actividad de comercio electrónico, es interesante insertar en su pie de página enlaces a sus diferentes categorías de productos para redirigir al cliente a sus páginas de productos, y así generar clientes potenciales.

Además, también puede insertar un enlace a un blog, con el fin de educar a sus clientes potenciales y proporcionar a los usuarios un contenido informativo de calidad, y así aumentar su credibilidad a sus ojos.

Ayudas para la navegación

El footer se utiliza a menudo para facilitar a los usuarios la navegación por un sitio web, indicando claramente la jerarquía de su sitio web. Sin embargo, es importante no copiar y pegar su menú. De hecho, en general, los usuarios irán a su pie de página si no han encontrado lo que buscaban en su menú superior. Para ofrecer un pie de página bien optimizado en términos de SEO y UX, inserte consultas de SEO, es decir, las palabras clave que sus usuarios escriben en la barra de búsqueda antes de llegar a su sitio, y remitirlos a sus páginas importantes.

Contacto, boletín de noticias y redes sociales

Por último, incluya la información de contacto de su empresa en el pie de página: número de teléfono, dirección de correo electrónico. Puede añadir esta información en forma de formulario de contacto, para facilitar el contacto y animar a los usuarios a ponerse en contacto con usted. También puede insertar un enlace a su página “sobre nosotros” para dar más información a sus clientes. Por último, también es una buena idea incluir un enlace en el pie de página que permita a los usuarios suscribirse a su boletín de noticias.

Hoy en día, la comunicación se realiza cada vez más a través de las redes sociales. Por ello, es estratégico insertar un enlace a sus redes en el pie de página, para ofrecer un medio alternativo de contacto e información a los internautas.

Para las empresas que deseen trabajar en su posicionamiento local, añada al pie de página Google Maps.

¿Cómo crear un pie de página en HTML/CSS?

Es posible codificar su pie de página utilizando HTML y CSS. A continuación encontrará un código HTML, y su CSS asociado, que le permitirán crear un pie de página blanco básico, compuesto por tres columnas alineadas una al lado de la otra. Usted puede cambiar los fondos, las fuentes, etc. para crear un pie de página totalmente adaptado a sus deseos.

Código HTML

				
					<!DOCTYPE html>
<html>
<body>

      <footer>

        <div class=”contenu-footer”>

            <div class=”bloc footer-services”>
              <h3>Nos services</h3>
              <ul class=”liste-services”>
                <li><a href=”#”>Création de sites web</a></li>
                <li><a href=”#”>SEO</a></li>
                <li><a href=”#”>SEA</a></li>
              </ul>
            </div>

          <div class=”bloc footer-informations”>
            <h3>A propos</h3>
            <ul class=”liste-informations”>
              <li><a href=”#”>Actualités</a></li>
              <li><a href=”#”>Notre histoire</a></li>
              <li><a href=”#”>Investisseurs</a></li>
              <li><a href=”#”>Développement durable</a></li>
            </ul>
          </div>

          <div class=”bloc footer-contact”>
            <h3>Restons en contact</h3>
            <p>06 06 06 06 06</p>
            <p>supportclient@contact.com</p>
            <p>12 rue de l'invention, Paris, 75011</p>
          </div>

        <p class="copyright">Company Name © 2022</p>
    
 </div>

  </footer>

</body>
</html>
				
			

Código CSS

				
					body {
  background: #f1f1f1;
  font-family: Arial, Helvetica, sans-serif;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

h1 {
  font-size: 10vw;
  text-align: center;
  margin-top: 20px;
  color: #333;
}

.contenu {
  /* grow shrink basis */
  flex: 1 0 auto;
}

.contenu p {
  padding: 5vw 10vw;
  text-align: justify;
}

footer {
  flex-shrink: 0;
  border-top: 1px dashed #000;
  width: 100%;
  background: #ffff;
  color: #333;
}

.contenu-footer {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-size: 20px;
  padding: 50px 0 100px;
}

.bloc {
  width: 25%;
  margin: 0 30px;
}

/* contact */
.footer-services h3,
.footer-informations h3,
.footer-contact h3 {
  font-size: 25px;
  padding-bottom: 20px;
}

.footer-contact p {
  padding: 5px 0;
}

/* Services */

.liste-services,
.liste-information {
  list-style-type: none;
}

.liste-services li {
  padding: 2px 0;
}

.liste-services a {
  text-decoration: none;
  color: #333;
}
.liste-services a:hover {
  color: rgb(3, 3, 3);
}


				
			

Las definiciones más populares

cabecera
páginas alias
página amp google
página huérfana
página de acceso
página satélite
página de zombie
paginación en seo
pie de página
puerta de enlace de la página
sitemap

¡Aumente su visibilidad!

Póngase en contacto con nosotros para obtener un presupuesto gratuito de nuestros diferentes servicios.

4.8/5 - (21 votos)