La maquetación en HTML5 poco a poco va imponiendose en el desarrollo web actual. La desgracia es que como tantas otras veces estamos haciendo las cosas más por modas que por que tengan algún sentido. Así pues, nos encontramos muchas webs que están creadas en HTML5 solo porque algún cliente o jefecillo ha decidido que quiere webs en HTML5 sin dar mayores explicaciones.
El problema que estamos teniendo realmente es que aunque parezca mentira -al menos, para el que entienda un poco de todo esto- actualmente empiezan a proliferar este tipo de webs:
Webs en HTML5 hechas con dreamweaver y en tablas
Webs en HTML5 con 200 "div"
Webs en HTML5 en las que simplemente se han reemplazado los 200 divs por 200 "section"
En mi opinión aun no estamos en el momento de desarrollar en HTML5, pero queda tan poco para que lo sea que empieza a ser importante que nos tomemos todo esto en serio.
Las etiquetas Html5 solo tienen una ventaja respecto a XHTML: Son semánticas de por si... si no vamos a usar esta semántica, ¿quiere alguien decirme que coño estamos haciendo?
Hay tres grandes motivos por los que en SEO actual tiene mucho sentido preocuparse porque Google sepa quienes son los autores del contenido de nuestras páginas.
1. No ser penalizado erroneamente por Google Panda. Es decir, si nos preocupamos por conseguir que Google entienda quien ha escrito el contenido, habrá mucho menos riesgo de que al copiarnos un tercero Google asigne mal la autoría del Documento y se lo queden ellos penalizándonos a nosotros.
2. Conseguir el Rich Snippet de Autor (el resultado en google con la foto y nombre del autor) y así acaparar un mayor número de clicks (¡viva el CTR!)
3. Promocionar a nuestros redactores, haciéndolos más conocidos socialmente de forma que su autoría forme parte de nuestra marca. Las personas, por fin se están volviendo esenciales en Internet.
Dado que tiene mucho sentido conseguir que Google sepa asignar bien la autoría de los contenidos, seguidamente indicaré que pasos hay que dar para poder mejorar esta muchísimo...
Sinceramente, no creo que esto sea nuevo. ¿Como no va a leer estas etiquetas que llevan ya un tiempo existiendo? Otra cosa es el caso que les hiciese que sin duda ahora será mayor. Ya que entramos en el mundo de las etiquetas
en la cabcera de una página creo que lo suyo, es conocer todas las importantes y no quedarse solo en el next y prev... Por eso, quería compartir esta lista de las que considero yo las más importantes:
Corría la noticia por Twitter este fin de semana: Google entre sus nuevos añadidos empieza a incorporar links directos a eventos que tengas definidos en tus páginas en sus propios resultados. El formato escogido es el siguiente:
Como se ve, es un cambio importante que permite a los usuarios ir directamente al evento que les interesa pero que mejor aún, llama más la atención y por tanto tendrá un mejor CTR en Google. Pero este no es el único movimiento que viene haciendo Google en cuanto al formato de sus resultados, ya empiezan a ser unos cuantos los añadidos al resultado y muchos se basan en lo mismo: los microformatos.
Los microformatos son pequeños patrones a seguir al crear la maqueta html. Utilizando bien los contenedores y usando nombres de clases establecidos se informa de contenidos concretos que siempre usan las mismas unidades de información: direcciones, opiniones, productos, eventos, noticas. Las informaciones más usuales de las páginas web tienen un microformato asociado que permite indicar exactamente que representa cada linea de nuestro contenido.
Google está haciendo un esfuerzo por adoptarlos y para ello sacó en su día la Rich Snippets Testing Tool y lo que es mejor, una documentación sobre como crear los microformatos elaborada por ellos mismos. Esto, que nació como una anécdota cada vez empieza a ser más patente en los SERPS (Search Engine Results Pages) y es hora de que todos los adoptemos. La maquetación semántica ya no basta, usemos los microformatos de una vez por todas.
Con los microformatos obtendrás (o te será más fácil obtener):
Una línea extra en tu resultado resumiendo el microformato principal:
Usando hcard o hreview añadimos una línea gris antes de la descripción de tu resultado. Esta resume los datos principales del hcard o la puntuación (con estrellas y todo) y el votante de la opinión/revisión.
Indicando la fecha de publicación:
Ayudando a Google a entender que existe una fecha en el post (con hnews o simplemente usando la clase suelta) forzamos que aparezca la fecha al principio de nuestra descripción (aunque esto también se consigue por otros medios como por el rss).
Link de resultados a eventos:
Como acabamos de ver, google ofrece/ofrecerá links directos a los eventos que se indiquen como microformatos
Pero esto seguramente no acabará aquí. Si seguimos este patrón podríamos terminar con cosas como estas (son ideas, no me toméis demasiado en serio):
hproduct mostraría también descripciones de productos de una tienda directamente. De hecho algunos agregadotes ya disponen de funcionalidades parecidas
hnews debería ayudar a clasificar mejor las noticias y los posts de un blog y por ejemplo, ofrecer sus categorías
hcard podría llegar a tener un formato de tarjeta de visita o responder mejor al posicionamiento por nombres propios de personas
hreview por el momento solo muestra la primera opinión que se encuentra en el html, pero podría llegar a desglosarse para webs de opiniones
Y a saber que más... lo importante es que ya no solo sabemos que Google entiende los microformatos, sino que empieza a ser palpable su uso.
Cuando trabajamos el SEO On Page terminaos llegando -siempre- a la conclusión de que lo mejor que podemos hacer para asegurarnos buenas posiciones es escoger una keyword concreta para cada una de las páginas únicas de nuestro site. A partir de ahí nuestro trabajo pasa por dar la autoridad suficiente a cada una de estas páginas y de optimizarlas semánticamente hacia la keyword que les hemos escogido.
Este trabajo se hace principalmente mediante 2 técnicas: enviando links internos y externos con las keywords oportunas hacia estas paginas y manipulando la semántica -densidad de keyword dirían algunos- de la propia página. Este post hablará de esta segunda parte.
En este blog ya hemos hablado de dos temas relacionados con este. Por un lado vimos los peligros de la sobreoptimización semántica y por otro en la guia de maquetación había una parte que resumía este trabajo. Pasaremos a ver que aspectos fundamentales pueden ayudarnos a optimizar semáticamente una página hacia su keyword mediante el aumento de densidad de keyword.
