el BLOG de manuti

El otro día al quedarme en pelotas, me dí cuenta de lo mala que era la semántica del blog, debido a la configuración por defecto de la plantilla de blogs.ya.com, así que manos a la obra:

1. Agregué etiquetas h1 a la cabecera, y aproveché para añadir la nueva etiqueta de título con enlace de ya.com (la he descubierto de casualidad), quedando de esta forma:
   
   

   ... <div class="header"> <div> <h1> <blog:titulo-enlazado/> </h1> </div> ...




2. Agregué etiquetas h2 a los títulos de los artículos o posts de esta forma:
   
   

   ... <div class="posttitle"> <h2> <blog:anotacion-titulo/> </h2> </div> ...




3. Y finalmente añadí unas líneas horizontales, o sea, las clásicas horizontal rules de esta forma:
   
   

   ... <blog:anotacion-comentarios/> <hr/> <hr/> </div> ...

   
   
   Que luego oculté para mantener la estética cuando si funciona la hoja de estilos usando CSS de esta forma (esto se añade en la hoja de estilos, no en la plantilla)
   
   

   ... HR { display: none; } ...

Y eso fue todo, ahora se ve igual, pero por dentro está mejor y eso se supone que los buscadores lo agradecen, y también mejora la accesibilidad.