feed

Consejos para blogueros



Escucha este post Share

Unos pocos consejos para todo aquel que tenga un blog.


Si en un post queremos que aparezca literalmente un código (es decir, que no interprete el tag correspondiente), lo que habrá de hacerse es sustituir el signo menor por < y el mayor por >

Al centrar textos, fotos, anuncios, etc. usábamos <center> pero este tag está deprecated en HTML 4.01 y no es soportado por XHTML 1.0 Strict DTD, con lo cual lo que se debe hacer es sustituirlo por <div style="text-align:center;">


Clic para Ampliar


Cuando creamos un post podemos tener la necesidad de añadir más de un espacio para separar una palabra de otra. Si intentamos hacerlo presionando repetidamente la barra de espacio comprobaremos que no surte efecto, las palabras sólo quedarán separadas por un único espacio en blanco. Para sí conseguirlo tendremos que escribir &nbsp; tantas veces como espacios en blanco queramos. Este código es fácil de recordar ya que nbsp es la abreviatura de Non-Breaking Space. Por cierto, para poder poner &nbsp; literalmente en un post tendremos que escribir &amp;nbsp;. Si tienes dudas a la hora de cómo añadir algún código en particular te puedes ayudar de la siguiente herramienta en línea gratuita: centricle ver enlace en una ventana nueva.

Desde hace tiempo vendrás observando cómo a continuación de cada vínculo (como en el del párrafo anterior) añado la siguiente imagen en miniatura: . El motivo de añadirla es porque pinchando sobre ella el enlace se abrirá en una nueva ventana en vez de sobre la misma (que es lo que hace el link original). ¿Por qué es esto? Porque en XHTML el atributo target ha desaparecido, con lo cual las páginas que lo usan son inválidas (claro que en Transitional se sigue permitiendo). Realmente no hace falta añadir target="_blank" para abrir una nueva ventana/pestaña, ya que el usuario haciendo clic con el botón derecho del ratón puede tomar su propia decisión. En cualquier caso, sigue siendo más cómodo hacer un único click y que directamente se te abra en una nueva ventana o pestaña (dependiendo de la configuración del navegador), de ahí que yo haya optado por esta solución.

Hablando de enlaces... si a la etiqueta <a> se le añade rel="nofollow" conseguiremos que el motor de Google no siga ni considere un «voto» para el PageRank la página destino (la página del vínculo). Esta iniciativa de Google es bastante interesante, aunque ha creado alguna polémica. Recomiendo la lectura del artículo de Microsiervos al respecto para mayor información.

Una de las opciones de los buscadores (Google, Bing, alltheweb, etc) es la posiblidad de realizar búsquedas de fotos. Como los motores de búsqueda no pueden leer las imágenes, lo que debemos hacer es añadir alt="" a la etiqueta img, poniendo una descripción de la imagen correspondiente entre las comillas, con lo cual podremos incrementar nuestro número de visitas. Si además queremos añadir un pequeño tooltip (muestra un texto cuando el mouse está sobre la imagen) que funcione tanto en Internet Explorer como en Firefox, entonces tendremos que añadir title="". Ejemplo: <img src="http://upload.wikimedia.org/wikipedia/commons/8/84/HTML.svg" alt="HTML (HyperText Markup Language)" title="HTML (HyperText Markup Language)" />