Blog

Picturefill permite usar ya imágenes ‘responsive’ con el elemento ‘picture’

Por fin se puede utilizar con tranquilidad el nuevo elemento de HTML5 <picture>, que permite un uso ‘responsivo’ de imágenes, gracias a la librería JS Picturefill.

Con <picture> se pueden señalar varias fuentes http para una misma imagen (tamaños prqueños, mediano, grande…), que sólo se cargarán y mostrarán en el navegador en función de la anchura de la pantalla o de cualquier otro parámetro filtrable vía ‘media query’. Picturefill.js se encargará de hacer los ‘arreglillos’ necesarios para que el elemento picture funcione incluso en navegadores antiguos que no lo soportan.

picturefill

Sigue leyendo

Publicado en HTML5, JS | 1 comentario

Fragmentos enriquecidos para destacar en Google y aumentar las visitas

Google ha puesto en marcha recientemente (mayo de 2012) una recomendación de marcado HTML denominada ‘datos estructurados’ que permite al robot de búsqueda mejorar la indexación de los contenidos de una web y mostrarlos de una forma más destacada y precisa en el buscador, con ‘fragmentos enriquecidos’ (rich snippets), lo que puede redundar en un aumento de visitas.

Después de implementar esta fórmula de marcado HTML en la web de uno de nuestros clientes más queridos, Musimaster, una tienda de venta online de instrumentos musicales desarrollada con Prestashop, hemos comprobado que se está produciendo efectivamente un aumento nada despreciable de las visitas a la página como consecuencia de una mejora en la visibilidad de los productos de la web en Google con los ‘fragmentos enriquecidos’.

Sigue leyendo

Publicado en Atrio, Google, SEO (Posicionamiento web) | 19 comentarios

Google lanza una nueva herramienta para la desautorización de enlaces entrantes

Google acaba de poner en marcha una nueva Herramienta para webmasters que puede ser trascendental para el trabajo de SEO (posicionamiento en buscadores): Se trata de una utilidad con la que puedes «desautorizar» enlaces dirigidos hacia tu sitio que creas que pueden ser perjudiciales para el posicionamiento de tu web y en particular para tu «PageRank».

Sigue leyendo

Publicado en Google | 5 comentarios

Responsive Web Design: el nuevo paradigma del diseño web

El nuevo paradigma del diseño web se llama ‘Responsive Web Design’, o ‘Diseño Web Adaptable’. Se trata de utilizar reglas de estilo distintas (y flexibles) para la visualización del mismo contenido en distintos dispositivos (pc, móvil, tabletas…). Javier Usobiaga hace una buena presentación para comprender su significado.

Publicado en Responsive Web Design | 7 comentarios

Lo que NO hay que hacer para posicionar una web en Google

Google actualizó ayer (2-10-2012) sus Directrices para webmasters, en las que ofrece una serie de recomendaciones a los creadores de páginas web para «ayudar a Google a encontrar, rastrear e indexar tu sitio».

Según informó Google a través de su blog oficial, «el principal mensaje de nuestra guía de calidad no ha cambiado: centra la construcción de tu aplicación web en el usuario». y añade: «Sin embargo, hemos añadido más información y ejemplos de prácticas que se deben evitar para mantener su sitio en buena posición en los resultados de búsqueda de Google».

Con este último párrafo, Google hace referencia implícita al tercer apartado de las Directrices para webmasters, las ‘Directrices de Calidad’, en la que efectúan recomendaciones y se detalla de forma más exhaustiva que antes lo que NO se debe de hacer para tratar de mejorar el posicionamiento de una web.

Sigue leyendo

Publicado en Google | 5 comentarios

Cómo buscar (y encontrar) en Google

Google es unánimemente considerado como el mejor motor de búsqueda de la red. Pero obtener resultados relevantes cuando hacemos una búsqueda dependerá de la forma en que utilicemos las palabras que introducimos en el buscador, así como del uso de opciones de búsqueda, operadores, y signos de puntuación.

A continuación expondremos una serie de recomendaciones y de normas de uso para conseguir encontrar los mejores resultados. Estas instrucciones están extraídas en buena parte de las páginas de ayuda de Google, cuyas fuentes pueden encontrarse al final de este artículo, así como de la experiencia personal del autor.

Sigue leyendo

Publicado en Google | 6 comentarios

Combina tus publicaciones en redes sociales con JQuery Socialist

Aunque odies el socialismo, te encantará Socialist, un plugin JQuery que te permitirá mostrar automáticamente en una página web un bloque de entradas creadas por un autor en diferentes redes sociales. Admite entre otras fuentes Facebook, Twitter, LinkedIn, YouTube, Tumblr, Flickr, Pinterest, RSS Feeds, Craigslist, y Google+.

JQuery Socialist es configurable en varios estilos y muy fácil de implementar con sólo unas líneas de código.

Demo: http://plugins.in1.com/socialist

Publicado en Redes sociales | 1 comentario