¿Qué elegir para colocar el logotipo de una web: img, background o h1?

Email this to someoneShare on FacebookShare on Google+Share on LinkedInTweet about this on Twitter

Si entras en cinco webs elegidas al azar, seguramente te encuentres con que en todas ellas han elegido un método diferente para colocar su logotipo. En el siguiente artículo de CSS Wizardry, responden a la duda de si es mejor utilizar el logotipo como una simple imagen, utilizarlo de fondo o por el contrario ayudarnos de CSS y la etiqueta <h1>

Cómo utilizar el logo como una imagen:

<a href=”/” title=”home” id=”nombrelogotipo”>
<img src=”/images/logo.png” alt=”nombrelogotipo” />
</a>

Cómo utilizar el logo en un h1:

<h1><a href=”/” title=”home”>Nombre de la empresa</a></h1>
h1 a{
width:;
height:;
display:block;
text-indent:-9999px;
background:url(/images/logo.gif);
}

¿Es tu logo contenido o estilo?

El contenido según los estándares web, se refiere a la información que requiere estar presente y ser accesible, independientemente del estilo aplicado. En este caso definimos estilo como CSS. Por lo tanto si crees que sin importar el color que sea tu web, el logo se tiene que poder ver igual ya que el logo es totalmente independiente del sitio en el que sea utilizado y del estilo que le rodea. Un ejemplo claro lo podemos ver en el navegador: Ver > estilo de la página > sin estilo si el logotipo es contenido, tiene que formar parte del código y por lo tanto la mejora forma de colocarlo es de la primera manera, es decir como imagen, si aún no estás lo suficientemente convencido, puedes utilizar una imagen inline o background aunque esta última no es recmendable ya que en muchas ocasiones el fondo no es visible, por ejemplo al imprimir una vista de nuestra web.

Por otro lado, quizás pienses que lo mejor es marcar el título como <h1> ya que además ayudará al posicionamiento de la página (en este caso puedes utilizar el segundo método) pero hay una muy buena razón por la cual no se debe marcar el logo como <h1> ya que si por ejemplo estás en un blog, se presupone que el logo de la web ya es el nombre principal, y lo lógico, entonces, será que las páginas <h1> sean las de: Sobre mi, Contacto, Archivo, Ubicación de nuestro negocio, Tarifas…

Sé la primera persona en comentar

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

De conformidad con lo establecido en la LOPD, Adpv Advertising Provider S.L. garantiza la adopción de las medidas necesarias para asegurar el tratamiento confidencial de los datos de carácter personal. Así mismo le informamos de la inclusión de sus datos en un fichero con la finalidad de mantener su relación negocial o contractual con Adpv Advertising Provider S.L. y de la posibilidad de ejercer los derechos de acceso, rectificación, cancelación y oposición en la siguiente dirección: Ercilla, 26, 1Dcha., 48011, Bilbao, Bizkaia. Privacidad.