Pues bien, hace unos días encontré MetricSpot, una herramienta en fase beta que nos hace un análisis de unos 60 parámetros de nuestro sitio web o una web de la competencia que queramos analizar.

MetricSpot está en español y no es necesario hacer un registro para utilizarla, aunque si nos registramos conseguimos que se guarde todo nuestro historial de análisis, dando la posibilidad de comparar.

MetricSpot se basa en 7 parámetros a la hora de añadir la url del sitio web:

• Resumen: Puntuaciones generales del sitio web, como la autoridad SEO, SEO básico, contenido o usabilidad.
• Autoridad SEO: Aunque son aspectos muy básicos sí nos ayudará a tener una percepción general de un sitio web de la competencia. (PageRank, Dmoz, Backlinks…).
• Seo Básico: Comprueba redirecciones www, metas y archivo como el robots.txt y sitemap.xml.
• Contenido: Realiza un análisis de las imágenes que aparecen en el sitio (alt), enlaces internos, externos y etiquetas html importantes como <h1>, <h2>… o las repeticiones de palabras.
• Usabilidad: Extensión de tamaño de la Url principal, existencia de página 404, tiempos de carga del sitio web, incluso si existe un formulario dentro de la url que estamos analizando.
• Aspectos Técnicos: Como etiquetas metas og, el % de ratio de texto en comparación con el código, tecnología que utiliza y la localización del servidor.
• Redes Sociales: Nos hace un resumen general de la repercusión social del sitio, analizando redes sociales como Facebook y Twitter.

Por lo general, aunque se trata de una herramienta que nos da aspectos muy generales y básicos a la hora de analizar una web, siempre nos va a servir de ayuda teniendo en cuenta los puntos nombrados anteriormente. Además también nos da la opción de guardar el informe generado o imprimirlo directamente.

Espero que le podáis sacar provecho a esta herramienta y os sirva de ayuda.

Enlace: MetricSpot

Hoy comentaré una manera muy sencilla de crear un dashboard utilizando la API de Google Analytics en una hoja de Google docs. Después cada uno la va a poder personalizar de la forma que le vaya mejor y veréis lo sencillo que es.

Primero de todo deberemos acceder a Google Drive y crear una hoja de cálculo nueva.

Ahora la personalizamos cambiando el nombre que nosotros queramos y que sea lo más identificativo posible. Yo la voy a llamar “Analitica JordiEsquerigüela”.

Lo que haremos a continuación es instalar el script que se encargue de recoger los datos que le solicitemos para que nos los muestre en nuestra hoja de Google docs. Para ello iremos a la pestaña Herramientas y clicaremos en Galería de secuencias de comandos. Nuestra intención será instalara la secuencia de “Google Analytics Report Automation (Magic)” por lo que en el buscador que nos aparece vamos a poner “Google Analytics” y vamos a buscar el scrip que he comentado.

Ahora es el momento de instalarlo y autorizar para que la secuencia de comandos se instale en nuestra hoja de Google docs. Sencillo verdad? os aseguro que no va a dejar de serlo hasta que terminemos este mini tutorial.

Una vez instalado lo que deberemos hacer es utilizar la API de nuestro perfil de analytics para que todo funcione. Nos vamos a dirigir a la pestaña de Herramientas > Editor de Secuencia de Comandos. Se nos abrirá una pestaña nueva en el navegador donde vamos a poder ver el código. Nosotros iremos a la pestaña Recursos y Utilizar las API de Google, donde vamos a tener que activar el botón de Analytics, para después clicar justamente en el enlace inferior “Consola de APIs de Google”.

Con esto conseguimos que se nos abra una nueva pestaña con el panel, donde vamos a conseguir nuestra API de analytics. Para ello pulsaremos en el desplegable superior izquierdo y clicaremos en “Create”.

Le vamos a poner un nombre a nuestro proyecto, yo en mi caso JordiEsquerigüela y después de aceptar vamos activar el botón de “Analytics API”, veremos que se nos va a poner en On y de fonde verde. A continuación pulsaremos en la opción del menú izquierdo “API Acces” y ya vamos a poder ver nuestra API de Analytics, la copiamos y vamos a ir a la pestaña de “Servicios de Google Analytics” para pegarla, aceptar y pulsaremos en guardar.

Cerraremos las dos pestañas del navegador que hemos usado anteriormente y nos ubicaremos en la hoja de cálculo y pulsaremos en la pestaña de Google analytics>Find profile / ids para que podamos elegir nuestro perfil de analytics que queramos trabajar. Una vez elegido vamos a poder comprobar que en la sección Ids nos muestra el del perfil correspondiente al seleccionado, lo tendremos que copiar y pegar en el apartado Ids de nuestra hoja de cálculo.

Con esto ya tenemos lo más complicado. Ahora ya sólo nos queda personalizar los campos para que podamos obtener los resultados deseados. Ahora os muestro una opción en la que vamos a marcar resultados de los últimos 30 días, número de visitantes, visitantes únicos y páginas vistas.

Nos queda generar el informe clicando en Google analytics > Get Data. Por lo que nos va a generar una pestaña nueva con nuestro reporte.

Ahora ya podemos generar tantos informes como queramos y personalizarlos a nuestro gusto y de la manera que nos sirva para trabajar mejor. Yo os dejo dos muestras más para que podáis ir practicando.

Creo que he dejado todos los puntos claros, pero si queréis tener más información de los pasos que hemos seguido os dejo un fantástico vídeo en el que lo vamos a poder ver de una forma más visual. Incluso aprenderemos a activar la secuencia de comandos para que los datos se carguen automáticamente en nuestro panel o a añadir gráficos.

Espero que le podáis sacar partido y os pueda ayudar en vuestros propios proyectos.

Hoy quiero hablar de un pluguin que hace poco he descubierto y parece que puede ser muy interesante para determinadas ocasiones. El pluguin se llama Liveblog y nos permite realizar publicaciones en nuestro blog a modo visual de un widget de Twitter. Me explico…

Este pluguin nos va a permitir crear una entrada del tipo “Live Blogging” la cuál iremos reportando información que se irá publicando a medida que la vayamos publicando al más puro estilo Twitter, pero mejorando la experiencia del usuario, ya que las actualizaciones que hagamos se van a ver en tiempo real como del seguimiento de un hastag se tratara.

Muy útil para aquellos sitios que quieran informar al acto de todos los acontecimientos que se vayan produciendo en un evento. Esto ya existe y seguramente lo hemos visto por ejemplo en presentaciones de Keynote de apple, en el que distintos medios informan a tiempo real de lo que sucede en la presentación.

Ahora, cualquiera que quiera aportar algún Live Blogging, lo va a poder implementar en su sitio de WordPress de una manera muy sencilla.

Para saber algo más sobre Liveblog podéis visitar el sitio del plugin.

Ahora vamos a poder ver no sólo nuestros propios tweets, también nos va a permitir poner un hastag permitiendo elegir lo que en cada momento nos pueda interesar y se esté produciendo en tiempo real o eventos que queramos seguir. La herramienta  es de gran utilidad si queremos reportar información de algo en concreto, añadiendo una línea de tiempo que, aunque esta no se actualice constantemente lo seguirá haciendo aunque haya pasado tiempo que se publicó un artículo en tiempo real. Además de aparecer el texto del tweet en cuestión, también vamos a ver fotos o videos que incluyan el propio Tweet.

Esta nueva herramienta la podemos conseguir y personalizar en el apartado de widgets de Twitter y nos va a permitir cambiar el tamaño de altura, colores y temas, además de poder elegir si lo que queremos es que aparezca el historial de tweets de usuario, seguir un evento en concreto o el seguimiento de algún hastag.

Este Widget, tal y como indica el sitio oficial de Twitter ya lo podemos ver en funcionamiento en sitios de gran transcendencia como el London Fashion Week o la escritora Margaret Atwood en su página personal.

Hace pocos días leímos la nueva patente que había conseguido Google con la nueva Clasificación Temporal de Transición, en la trata de eliminar a los spammers (técnicas de sobre-optimización de las palabras clave en un sitio). Con esto quiere conseguir  entre otras cosas, que una página no tenga constantes modificaciones de metas, encabezados, anchors o impedir la optimización exagerada de los sitios con el fin de conseguir una mayor posición. Además con esta patente, tiene total libertad (si antes no la tenía) de:

• Empeorar el posicionamiento para la búsqueda deseada.
• Alterar aleatoriamente el posicionamiento.
• Retrasar durante un tiempo indeterminado la mejora del posicionamiento.
• Posicionarse de forma inesperada, tanto para mejor como para peor.

Sin lugar a dudas uno de los cambios más significativos y a tener en cuenta de los últimos meses. Aunque se presenta un reto a  la hora de afrontar nuevos proyectos, no debemos entrar en un estado de pánico y debemos seguir siendo lo más naturales posible a la hora de posicionar un sitio, tratando de tener en cuenta las recomendaciones que Google nos dice que nunca debemos hacer.

• Abusar de la densidad de palabras clave por las cuales nos queramos posicionar (keyword stuffing).
• Añadir textos invisibles o un tamaño de texto mínimo.
• Redirecciones de páginas para mostrar contenidos distintos a los que se muestran en la búsqueda (Cloaking).
• Abusar de las palabras clave en los sitios que Google suele dar más importancia (description, title, h1, alt, anchor…).
• Crear popularidad en tu sitio con la compra de enlaces o el abuso en la inclusión en granjas de enlaces.

• Este dato nos va a decir cuales son las páginas de más peso de nuestra Web.
• Es un buen sistema de alarma si detectamos que ha bajado, por lo tanto poner remedio.
• En caso de tener un PR elevado en la home ( 5/6 ) y nos disponemos a posicionar una página la cuál lo tiene mucho más bajo ( 0/1 ), vamos a tener un problema.
• Según SEOmoz, una página con un PR alto, indexa y rankea mucho mejor en los resultados de búsqueda.
• PageRank es un dato numérico que da Google y como tal, cualquier SEO estará obligado a tener en cuenta.

Pués bien, una vez conocemos algunas de las razones por las que no dejar pasar este valor por alto, explicaré de que manera podemos obtener en un documento CSV con toda la estructura de una WEB y su PageRank correspondiente.

1. Vamos a utilizar el pluguin de SEO SEOquake, que lo vamos a poder encontrar tanto para Chrome y Firefox. Una vez instalado podemos dar un vistazo a sus Preferences, en las que vamos a poder ver todos los datos que nos aporta el pluguin tanto en los resultados de cualquier buscador, como en la Toolbar que vamos a poder añadir en la zona superior del navegador.  A nosotros lo único que nos interesa ahora mismo es que nos indique el resultado del PageRank.
2. Ahora vamos a configurar el buscador de Google pulsando sobre la rueda dentada (tal y como podemos ver en la imagen) y pulsaremos sobre Configuración de Búsqueda. Una vez dentro elegiremos la opción No mostrar nunca resultados Google Instant y a continuación indicamos que nos muestre 100 resultados por página.
3. Una vez tengamos configurado el navegador y el pluguin realizaremos la búsqueda de las páginas de la Web que nos interese de esta forma: ( site:elsitioquequieras.com ).
   Con esto vamos a obtener los 100 primeros resultados de la web y si esperamos unos segundo el pluguin nos va a mostrar el PR de cada una.
4. Ahora es el momento de trasladar toda esta información a CSV. En la zona superior de los resultados que hemos obtenidos vamos a pulsar sobre Save –> Save data to CSV file. Automaticamente se nos va a descargar el fichero con las 100 páginas de nuestro sitio y el PageRank correspondiente a cada página.

En el cado de tener más de 100 páginas vamos a tener que ir a la segunda página y realizar la misma operación. En único inconveniente es que vamos a tener que ir copiando y pegando los resultados de las páginas en la primera.

Ya sólo nos quedará personalizar la hoja de excel de la manera que nos interesa y filtrar los resultados por PageRank. De una manera muy visual vamos a poder ver como se reparte el Linkjuice de nuestro sitio.

Hasta hace unos días google mostraba en sus resultados títulos de hasta 70 caracteres, pero a Google ya no le importa el número de caracteres en el título de su SERP, lo único que ha pasado a importarle es cómo de ancho (en pixeles) es el títle.

En el ejemplo que se muestra a continuación, se puede ver que el título del mensaje es de 107 caracteres.

Títulos de 107 caracteres

Viendo este ejemplo deberemos pensar que no es lo mismo poner el title una “i” que una “o”. Además deberemos de ir al tanto en el abuso de mayúsculas con el fin de ganar la atención del usuario.

Según parece la zona hábil del snippet de google ronda los 512px. Así lo muestran en SEOmofo…

• Si google sabe quién es el propietario del artículo, nunca vamos a tener problemas de contenidos duplicados, por lo tanto google panda no nos va a penalizar erroneamente.
• Vamos a ganar en cliks a nuestro sitio, ya que conseguiremos el Rich Snippet del autor, por lo tanto nos aparecerá nuestra fotografía, nombre y algún dato más en el resultado de búsqueda del snippet.

Sabemos porque es importante la propiedad de un artículo, peró también es importante que google sepa quién es el propietario de un blog/Web. Para ello tenemos dos posibilidades.

• La primera es la que menos me gusta, y es que vamos a tener que enlazar nuestro perfil de Google plus en nuestro sitio, por lo tanto le vamos a regalar unos cuantos enlaces al sr.google (como si les hiciera falta…). La manera de conseguir ese enlace será añadiendo la url del perfil seguido de ?rel=author, quedando:

<a href="https://plus.google.com/117381078072892008281?rel=author">Google+</a>

Curioso, pero he comprobado que si google no detecta que el último signo del texto del anchor no es un +, nos va a dar constantes problemas con la autoridad del sito (parece que se quieren asegurar bien de trabajar linkbuilding). Una vez tengamos el enlace colocado en cualquier sitio de nuestra web, podemos comprobar si lo hemos hecho bien añadiendo nuestra Url en el comprobador de google: Webmaster Tools Rich Snippets. Si después de presionar en Preview vemos que la imagen de nuestro perfil de Google plus se muestra en el snippet, habremos hecho bien la operación y tendremos que esperar unas horas para poder ver el resultado real.

Vuelvo a repetir que esta es la opción que menos me gusta, ya que le pasamos un enlace directo a google y de alguna manera perdemos un poco el control del resultado final que queremos, además de estar repartiendo el Linkjuice de nuestra web. Eso sí, esta forma de hacerlo es la opción menos complicada.

• La segunda manera de decirle a Google quien es el autor del sitio será creando una página de autor dentro de tu dominio. Yo aconsejo que en caso de ser un blog se utilice la página de inicio para crear un Vcard con los datos del autor. En el indicaremos los detalles del autor de una forma semántica (microformato vcard, RDFa o schema de persona). En el crearemos su nombre, apellidos, foto, región y enlaces de contacto. Y como no podía ser de otra manera, aquí es donde vamos a poner entre otros, el link de Google plus, pero esta vez sin el ?rel=author y con el atributo nofollow, pero con la única diferencia que este enlace deberá tener un rel=”me”, simplemente será la manera de avisar a google que ese es mi perfil. Este será el ejemplo de como quedaría:

</pre>
<div class="vcard"><span class="fn">Antonio Lozanos</span>
<h2 class="role title">El blog de la cocina</h2>
<span class="locality">Castelldefels</span>
(<span class="region">España</span>)

<a class="url" href="https://twitter.com/#!/alozano" rel="nofollow">Twitter</a>

<a class="url" href="http://www.linkedin.com/profile/edit?trk=hb_tab_pro_" rel="nofollow">Linkedin</a>

<a class="url" href="https://plus.google.com/1173810780728920003334" rel="me">Google+</a>

<img src="https://es.gravatar.com/userimage/13597872/07f9da3c4d9fffcd568c433dd8fa2d7c717.jpg?size=70" alt="Antonio Lozanos. Cocinero en Barcelona" /></div>
<pre>

Con esto ya tendríamos definida la autoridad de nuestro sitio por parte de Google y sólo deberíamos dejar pasar unos días para poder ver los resultados, pero… todavía podemos ir más allá asignando los contenidos. Esto es muy práctico en el caso de que vayas a ser la única persona y único autor de las entradas de tu blog.

El indicar que nos sigue interesando es el de personas y para ello vamos a utilizar la opción que nosotros queramos Microdatos, RDFa o los microformatos. Cada persona nos dirá una cosa totalmente distinta de cual es la mejor opción, pero por mucho que nos digan, creo que al que tenemos que hacer caso es a Google, que nos aconseja que utilicemos siempre los Microdatos.

Lo que deberemos de hacer es incluir en cada uno de nuestros artículos un enlace con el nombre del autor y utilizar el mismo etiquetado con el marcador semántico específico para cada etiqueta. Tanto si se utiliza hATOM para los microformatos, como Autor Schema en microdatos, los dos nos van a permitir colocar el autor o persona. Una vez indicado los datos de autor sólo nos quedará añadir la Url de nuestra página de autor, que ahora si que no nos hará falta poner la de Google+, se deberá poner la dirección donde anteriormente se creó nuestra página de autor. Y esto debería ir quedando:

Written by<a href="http://jordiesqueriguela.com" rel="author">
<!--?php the_author() ?--></a>

Sin duda esta es la forma que más me ha gustado, aunque requiera de alguna parte más técnica, es la que nos va a dar unos mejores resultados. Simplemente debemos añadir el perfil de Google+ en nuestra página de autor y crear links desde cada contenido hacia esta página… Mucho más sencillo y elegante que ir poniendo enlaces por cada contenido nuevo a google+.

En muy poco tiempo ha cambiado de una manera considerable la manera de utilizar las funcionalidades en CSS y es que con la llegada de esta tercera edición, las cosas que podemos llegar a conseguir en el diseño y usabilidad de nuestras Web, se ha convertido en una necesidad estar a la última y conocer que podemos hacer y que nos ofrece.

Tenemos que tener siempre en cuenta la compatibilidad con los diferentes navegadores, sobretodo IE. De todas maneras en esta Web que os presento, a demás de saber las últimas novedades, también nos indicará la compatibilidad y de que forma lo podremos adaptar, además de varios ejemplos para sacar el máximo provecho a las nuevas funciones.

Sin duda una de las mejores guias para aprender y estar al día en CSS3.

El gran CMS WordPress nos brinda una oportunidad para que la optimización de nuestros Blogs, sea una tarea más o menos sencilla. Aunque bien es cierto existen carencias y una de ella es la imposibilidad de poner el atributo nofollow en nuestro Blogroll.

Existen varios pluguins para poder añadir el nofollow, pero yo hoy comentaré una manera de hacerlo que nos va a minimizar los recursos de nuestro blog, evitando la instalación de cualquier pluguin y de una manera muy sencilla.

Para ello deberemos editar el archivo wp-admin/includes/meta-boxes.php y buscar las siguientes líneas:

<?php _e('another web address of mine') ?>
</label>
</fieldset>
</td>
</tr>

Y a continuación añadiremos el siguiente código:

<tr>
<th scope="row"> <?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('Seo') ?> </th>
<td><fieldset><legend class="screen-reader-text">
<span><?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('nofollow') ?> 
</span></legend>
<label for="nofollow">
<input class="valinp" type="checkbox" name="nofollow" value="nofollow" id="nofollow" 
<?php xfn_check('Seo', 'nofollow'); ?> />
<?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('nofollow') ?>
</label>
</fieldset></td>
</tr>

Con esto ya vamos a poder ir a la sección de enlaces de nuestro WordPress y marcar el checkbox nofollow de cada uno.

Así de fácil