En CSS, Posicionamiento
A menudo preferimos hacer un logotipo con photoshop (u otra herramienta de diseño) en vez de colocar el texto del mismo con código (X)HTML+CSS.
Un ejemplo de ello es este blog que, como muestro en la imagen a continuación, tiene por cabecera un logotipo hecho con photoshop.
El problema viene cuando queremos que el título de nuestra web sea relevante para los buscadores, por lo que en esta entrada le daremos el toque SEO que necesitamos para que sea así.
Como se trata del título de la web lo colocaremos dentro de las etiquetas H1 para que tenga máxima relevancia, quedando el código de la siguiente forma:
<h1 id="logo"><a title="Dario BF / Diseño web, GNU/Linux, mac, nuevas tecnologías y más" rel="home" href="http://www.dariobf.com/"><span>Dario BF</span></a> <small>Diseño y desarrollo web, GNU/Linux, mac, nuevas tecnologías y más</small></h1>
Como veis, le asignamos un ID (logo) a la etiqueta H1, y el resto lo insertamos normalmente: un span para el titulo del blog y un small para el tagline.
El truco de esto reside en el CSS, que será el siguiente:
#header h1 small,#header h1 a span{
display:none;
}Como veis, lo que hacemos es decir, a través de CSS, que no muestre (display:none) el contenido de las etiquetas span y small (titulo y tagline respectivamente)
Etiquetas: CSS, desarrollo web, posicionamiento, SEO
Comenta ahora! »
En Entrevistas
Hoy es día de estrenos, no solamente estreno diseño sino que también estreno categoría.
Esta nueva categoría se llamará Entrevistas y tendrá como fin conocer un poco mejor a aquellos personajes con algún tipo de rasgo relevante dentro de internet.
Mi idea es hacerlo con personajes del entorno nacional (España) pero ¿quién sabe si terminará siendo internacional?
Por supuesto ya tengo la primera entrevista, y con una persona que a mí simplemente me fascina por su dedicación, madurez y, sobretodo, saber estar.
Se trata de Rubén Díaz; creador de Jisko, TuentID (Acortador de URL para el perfil de Tuenti), 120Linux y ahora entregado a la fotografía entre otras cosas.
Leer el resto de la entrada »
Etiquetas: Entrevista
Comenta ahora! »
En Reflexiones
Cansado de mis wallpapers exageradamente sobrecargados y buscando tener un escritorio minimalista (o sencillo en su defecto) llegué a un enlace que me llamó la atención.
Se trata de un enlace al blog de ZenHabits y que trata sobre cómo tener una experiencia minimalista con tu ordenador.
Resumiré de forma rápida algunos de los puntos que me llamaron la atención, aunque tras la entrada podréis ver el enlace a la fuente original.
- Escritorio limpio – Limpio de iconos, accesos directos, documentos y demás…
- Interfaz simple – Pocos iconos en la barra de tareas
- Presentación simple – Él recomienda tan sólo 4 carpetas en el directorio personal (Inbox, Working, Read, Archive) donde organiza todos sus iconos.
Esos son los puntos que a mí más me llamaron la atención, podeis ver con más detalle el resto en el enlace.
Enlace
Etiquetas: Escritorio, Usabilidad
Comenta ahora! »
En Off Topic
Lo dicho, he terminado el rediseño del blog.
A partir de ahora funcional y activado.
Aunque quedan pequeños detalles que iré añadiendo con el tiempo.
Etiquetas: Logs
Comenta ahora! »
