Adaptar un diseño web para que sea accesible a través de un TV no es difícil, ni tiene porqué requerir muchas horas, sólo debemos tener en cuenta unos cuantos consejos.

Fuentes:

1. Aumentar el tamaño de la fuente, como referencia podemos usar estas equivalencias: Si el monitor tiene 720p de resolución debemos multiplicar por 1.5x el tamaño de la letra de nuestro site, si es de 1080p debemos multiplicar por 2.0x.
2. Limitar los párrafos a 90 palabras.
3. Limitar las líneas a 5-7 palabras, y sobretodo nunca menos de 3, y nunca más de 12.
4. Utilizar fuentes Sans Serif con anti-aliasing, aumentan la legibilidad.

Menús:

1. Se aconseja utilizar menús horizontales, así se aprovecha la horizontalidad de los TV, y a poder ser ubicarlos en la parte inferior y que estén siempre visibles cuando tengamos que hacer scroll (aunque el scroll esté totalmente desaconsejado)
2. Utilizar hover para iluminar los elementos cuando el puntero esté encima de ellos.
3. Hacer que el ítem aumente de tamaño cuando el puntero esté cerca para facilitar la navegación (recordar que el usuario no tiene un mouse, sino un D-pad)
4. Simplificar las categorías. Podemos utilizar google analytics para analizar las que menos se usen y ocultarlas mediante un display:none.

Padding a los elementos:

1. Para facilitar la navegación entre los elementos es recomendable añadir un padding extra entre los ítems para poderlos distinguir y apuntar mejor con el D-pad.

Tamaño de la página:

1. El tamaño del televisor hará que los layouts de la página web se deban modificar, por ejemplo:
2. Si tenemos una resolución de 1280×720 el ancho debería ser de 1152×648
3. Si tenemos una resolución de 1920×1080 el ancho debería ser de 1728×972.
4. Usar layouts flexibles.
5. Si queremos utilizar sólo un layout y no queremos que sea flexible, utilizar el de 720p, dado que éste será escalado cuando se vea desde un TV de 1080p.
6. Cuidado con los banners que ocupan una gran cantidad de espacio en la parte superior de la página (banners “above the fold”), esto puede penalizar mucho la visualización de los contenidos.

Colores:

1. No utilizar el color blanco puro (#FFFFFF), éste puede producir efectos extraños al ser visualizado, utilizar el color (#F1F1F1)
2. Probar los colores en los diferentes formatos de los que dispone el TV, como pueden ser Cinema/Theatre, Game, etc…
3. Cuidado con los degradados, testearlos.

Fuente: Google TV web design

Hace pocos días actualizaron la sección donde se nos muetra información sobre el posicionamiento de las keywords de nuestro site, y ahora han mejorado la información de los backlinks, proporcionándonos información de gran valor. La información que podemos obtener ahora es la siguiente:

• Dominios de los links que apuntan a nuestro site.
• Las páginas de nuestro site que tienen más backlinks.
• El anchor text con el que se enlaza a nuestras páginas.

Es evidente que estos datos nos serán de gran utilidad para analizar posibles acuerdos para conseguir enlaces, publicidad, y análisis SEO, pero también va a facilitar enormemente la posibilidad de que alguien nos esté enlazando desde sites que puedan ser considerados spam o con anchor texts que también puedan ser considerados como spam.

1. Inclusión de filtros en el menú lateral: Se realizó en mayo del 2010. El cambio en éste caso no implica exactamente algoritmo, sino frontend. Con los filtros se aumentó la posibilidad de filtraje de la información, pudiendo filtrar por ejemplo por resultados en tiempo real.

2. Mayday: Se realizó en mayo del 2010 (de ahí su nombre), y fue un cambio que a pocos SEOs les pasó desapercibido. Lo que notamos la mayoría de nosotros fue una caída más que remarcable de las visitas por long tail. Según google ésto fue causado por una desindexación de contenido que se podía llegar a considerar duplicado (limpiaron el índice para preparar los servidores para google caffeine). Otro gran cambio que implicó el mayday fue la penalización de los sites con tenido auto-generado (contenido que puede llegar a considerarse duplicado), y por último aumentó la geolocalización de los resultados.

3. Google Caffeine: La actualización terminó en junio del 2010, y lo más destacado fue un fuerte aumento en la velocidad de indexación de contenido, se dió mucha más importancia a los resultados de tiempo real (twitter, etc..) y por último, según dicen desde google, se pasó a valorar mucho más positivamente sites pequeños especializados que grandes generalistas.

4. Google Instant: Fue lanzado en septiembre del 2010. En España, a fecha de hoy, es sólo visible si se está logado en google, y se basa en incorporar un autocompleter en el campo de búsqueda de google (más sofisticado que el anterior) y ofrecer los resultados mientras tecleamos la consulta a través de AJAX. Los efectos que podemos llegar a observar los SEOs (aunque aún están por comprobar) es otra disminución de visitas por long tail (los usuarios pueden decidir quedarse con las propuestas de google y no continuar tecleando la consulta), lo que también haría que los que invertimos en adwords nos viéramos obligados a comprar keywords más generalistas, aumentando así nuestra factura en adwords a final de mes.

Y hasta ahora éstas han sido las sorpresas que nos ha preparado google para el 2010, veremos si aún nos espera algún otro gran cambio del algoritmo de google este año.

<LINK rel="prev" href="chapter4.html">
<LINK rel="next" href="chapter6.html">

Los dos tags se describen por si mismos, y se colocan en el header del documento HTML. Y quien sabe, quizá le indique a google a qué contenido principal hace referencia la página. El uso de estos tags lo propone un usuario de webmasterworld en este hilo, junto con otros útiles consejos para posicionar las demás páginas de un artículo.

Si hablamos de google adwords también vemos que salimos perdiendo, porqué si antes podíamos bajar la factura de adwords invirtiendo en long tail, y obteniendo un ROI mucho más afinado, ahora vemos que si queremos seguir saliendo en los resultados deberemos invertir en keywords más competidas (más dinero para google ).

Evidentemente todos los cambios que hace google son por dos motivos, el primero es facilitarle la vida a sus usuarios (los suyos), y el segundo es monetizar más su producto, y yo casi que los pondría en orden inverso. Y es cierto que el usuario puede ahorrarse estos segundos de búsqueda, pero a expensas de que sea google el que le diga lo que está buscando, lo que hace que sienta que el usuario era mucho más libre antes de GoogleInstant que ahora…

Cómo afectará este cambio al seo? lo explica muy bien en este post Dr. Max Glaser. Lo que queda claro es que la segunda página de resultados ya no existe, y tal como menciona los hábitos de la gente a la hora de buscar van a cambiar completamente, con lo que nos deberemos volver a adaptar.

Dejo también un post donde se muestra como controlar desde google analytics las keywords que la gente no ha acabado de teclear.

To track Partial Queries, and their position in Google Instant, create a new profile and new filter:

Filter name: “Instant Ranking”
Filter type: “Custom filter – Advanced”
Field A -> Extract A: Referral, ^https?://www\.google\.(co.uk|com)/(?!custom|m/).*[?#&]cd=([^&]+).*&q=([^&]+).*&oq=([^&]+)
Field B -> Extract B: Medium:^organic$
Output To -> User Defined: $A5 (position: $A3)

Esta herramienta nos permite encontrar palabras clave relacionadas mientras vamos escribiendo nuestra palabra clave principal, siendo muy útil para el long tail. Puede ser un gran complemento a la herramienta que ya tiene google (sktool).

Fuente: Dr. Max Glaser

Para empezar recomiendan optimizar cada página para 4 keywords como máximo, consiguiendo así potenciar una keyword principal y decirle a google que también hay unas keywords secundarias relacionadas con la principal.

There should be at least 4 targeted keywords in a single page or post content to give search engines a good mix of related keywords used in a single article. One of the 4 targeted keywords should be the main keyword that should exceed the density of the other 3 targeted keywords that relate to the main keyword. The density level for the 3 sub targeted keywords should lie between 2% and 3% while the main targeted keyword density should be around 4% to 5% in a minimum of 250 characters article.

Luego nos comentan que el uso de keywords en el dominio es útil cuando se desea potenciar una única keyword, siendo los porcentajes recomendados algo distintos:

Domain Keyword Density should not be as high as Page Keywords Content laying between 1% to 2% only of total domain content with the main domain targeted keyword, in this example “News” having a relatively high density laying between 5% to 6%.

Fuente: Domain Keyword Density vs Page Keyword Density for SEO

Ahora google ha puesto a disposición de los desarrolladores un nuevo microformato para que le pasemos el breadcrumb de nuestras páginas, facilitándole así el trabajo de generarlo. Podemos encontrar toda la documentación que necesitemos en el centro para webmasters de google, pero vemos que es simplemente hacer uso de tres atributos, itemscope, itemtype e itemprop (para marcar si es la url o bien el título), por ejemplo:

<div itemscope itemtype=”http://data-vocabulary.org/Breadcrumb”>

<a href=”http://www.example.com/vestidos” itemprop=”url”>

<span itemprop=”title”>Vestidos</span>

</a> ›

</div>

Fuente: Google Webmaster Central Blog

Si lo deseamos podemos descargarnos una demo de urchin 7, que podremos instalar en nuestro servidor y utilizar la cuenta “demo” para testear. De todos modos, vale la pena mencionar que su precio es de US$9995, con lo cual si no necesitamos controlar una intranet casi que lo mejor es utilizar google analytics, sólo le das la radiografia de tu site a google, eso sí, gratis