Series que sigo este verano 2010

Aunque ya hace unos meses que se acabó la temporada de series “importantes”, ahora vuelven algunas otras series que he empezado a ver para probar qué tal eran. Algunas son mejores que otras, como siempre:

  • Covert Affairs (T1): Sale la chica rubia joven de “El Bar Coyote” (por eso la empecé a ver). No es una gran serie… tema espías, CIA, misiones raras… aventurillas en general.
  • Eureka (T4): En esta nueva temporada se han inventado cosas de viajes por el tiempo y las escenas y paisajes están muy logrados… otra de aventurillas.
  • Futurama (T6): Cada día mejor. Sólo voy a decir eso.
  • Identity (T1): Una serie inglesa con mucho aire inglés. Es un poco lenta y creo que la voy a dejar. Va de un departamento que investiga suplantación de identidad.
  • Psych (T5): Anterior a El Mentalista pero con la misma idea y con gente joven. Muy dinámica. También de aventurillas.
  • Rizzoli and Isles (T1): Otra de polis… concretamente de dos chicas polis, una forense y la otra detective. Van resolviendo casos y temas personales.
  • Sherlock (T1): Creo que puede ser una revelación. Es inglesa pero es muy dinámica y tiene buen ritmo. Además, está muy bien ambientada. Sólo he visto el piloto, pero me ha gustado mucho.
  • The Good Guys (T1): Un poco más refinada que Torrente, va de un poli “pasado de años” que podría ser un “Starsky & Hutch” pero “acabado”… a mi me está gustando bastante.
  • The Hard Times Of RJ Berger (T1): Serie de adolescentes de la MTV. Seguramente ya dice mucho de la calidad, y es cierto, es una serie muy chorra… pero de lo absurda que es me mola.
  • The IT Crowd (T4): Un año más Roy, Moss y Jen en el absurdo mundo de las macro-empresas que no tienen ni idea de lo que es un departamento técnico.
  • The Pillars of the Earth (T1): la revelación de la temporada en mayúsculas. Una miniserie de (creo) 8 capítulos que recrea con bastante exactitud el libro de Ken Follet. Se salta muchos “detalles” del libro (aunque si te fijas en el ambiente se recrean con bastante exactitud) y los personajes me gustan bastante. Dicen que Cuatro ha comprado la serie para septiembre.
  • True Blood (T3): La serie de los vampiros vuelve a la carga… políticamente incorrecta me atrae la idea de que eso de que se pueda fabricar sangre artificial.
  • Warehouse 13 (T2): Otra serie de aventurillas que tiene su gracia sobre todo la interacción de sus personajes y algunas locuras con “artefactos” famosos de la historia de la humanidad.

Qué supone el cambio de Google Imágenes

Hace ya más de un año que Bing lanzó Bing Imágenes con nuevas funcionalidades, entre las que estaba el “scroll infinito” en el que sólo aparecían las imágenes (cuando ponías el ratón encima aparecía la información) y según ibas bajando iban cargándose más y más imágenes… Hace unos días Google copió este sistema y lanzó su nueva versión de Google Imágenes, y era de esperar que se hiciera para mejorar algo…

¿Qué se ha mejorado? El tráfico en algunos sitios web. Por suerte tengo acceso a una web similar a lo que podría ser Flickr y haciendo un análisis de su analítica, filtrando únicamente la información desde Google Imágenes, me he encontrado con esto:

Los datos básicamente son que el tráfico ha variado, en cosa de 4 días (vuelvo a decir, sólo de Google Imágenes), de unas 6.000 visitas a, casi casi, 12.000 visitas día. Esto supone doblar el tráfico en cosa de una semana gracias al cambio de formato.

Mis primeros 13 años de Internet

Más o menos por estas fechas, hace 13 años que me conectaba por primera vez a Internet. Aunque ya había tenido alguna experiencia en otros ordenadores, era la primera vez que lo hacía desde mi propia máquina. Pero no, no quiero hablar de batallitas de mi vida sino que, ahora que he podido escuchar un poco de la charla que ha habido en la Campus Party de Valencia sobre Community Managers, las charlas y clientes de SEO, problemas que tenemos a la hora de encontrar algunos perfiles profesionales… me he decidido ha intentar ver si alguien me aclara qué está pasando.

Hace 10 años a los que estábamos en Internet nos llamaban freaks, eramos “los raritos” que estaban todo el día delante del ordenador, y tengo la extraña sensación de que ahora, mucha gente que sólo lleva 3 años en la red, quiere dedicarse completamente. Que conste que no digo que no se pueda hacer, pero para ser quien soy hoy en día, para ser el profesional que me considero, han pasado 10 años. Los 5 primeros los hice observando, aprendiendo, entendiendo el funcionamiento de la red “como usuario”. Sí que hacía mis pinitos moderando algún foro, creando algún sitio web de más o menos éxito, pero nunca me llamé profesional de Internet.

Eso sí, el día que entré a trabajar en ITnet mi forma de ver la red de redes cambió. Ya no era “aquel usuario” sino que estaba trabajando en una empresa que se dedicaba a “crear Internet” de alguna forma. Con el tiempo comencé a enfocarme profesionalmente (entre comillas) a hablar de buscadores. No soy periodista, no he estudiado comunicación, simplemente me gusta escribir las cosas que pienso y como las pienso. Esto ha hecho que en contadas ocasiones haya cabreado a Google, a Yahoo!, a Microsoft, a Repsol, Cuatro, Telefónica… pero, aun “consiguiendo” esto no me considero un “top blogger” ni nada parecido… sí, soy blogger porque tengo un blog en el que escribo y hay al menos 2 personas que me leen asiduamente.

Cuando comencé a dedicarme a eso que llaman SEO (supongo que de rebote por hablar de buscadores) mi objetivo principal (o el que me imponían) era el de engañar lo máximo a Google para que la empresa ganase muchos euros (de los cuales yo no veía ni un duro). Con el tiempo me di cuenta de que eso no tenía sentido, y más tarde llegué a la conclusión de que “el SEO ha muerto”. Sí, al final el SEO no existe, ya que lo que existe realmente es saber cómo funciona Internet, es saber y entender cómo funcionan los buscadores y hacer las cosas bien. A esto muchos lo llaman sentido común.

Con el paso del tiempo me he rodeado de buenos profesionales de la red y me he alejado de gente que dice saber de Internet. Me considero un profesional de Internet. Esa es la definición exacta. ¿Qué significa? Pues que si he de hacer una campaña de pago-por-clic o estudiaré para aprender y cuando sepa (sin engañarme a mi mismo) podré decir que soy profesional del PPC. Yo ahora mismo sabría montar una campaña, gestionarla e incluso optimizarla, pero no me llamo “profesional del PPC”. También se crear una página de fans de Facebook, y si me dedicara unas pocas horas al día, sabría cómo hacer que creciera y creciera hasta tener miles de fans, pero no me llamo “profesional del community manager”. También he tenido la posibilidad en la vida de montar varias empresas, he tenido buenas y malas experiencias con socios, pero no me llamo “empresario”, porque aun me quedan años para poder quebrar una empresa de más de 1.000 millones, como Díaz Ferraz.

Reconozco que me gano bien la vida. No vivo en una torre de monedas de oro a lo Tío Gilito pero tampoco vivo ahogado como mucha gente que conozco que trabaja decenas de horas por poca pasta. ¿Me lo he montado bien? No, simplemente saco partido a mis conocimientos en el momento exacto. Valoro mi trabajo, mis conocimientos, mi experiencia… Ayer mismo unos clientes me preguntaban si necesitaban incluir twitter y un blog en su sitio web. Mi respuesta fue que si realmente lo iban a gestionar, le iban a echar horas y tal, que sí, que lo hicieran, pero que tuvieran dos dedos de frente. Seguramente un SEO, un CM y demás me dirían que “estoy loco por perder la oportunidad de venderles la moto“, pero es que si lo hacen el gilipollas soy yo por ser un mal profesional. En mi vida no vale el todo por el todo, o el ser un trepa y pisotear al de al lado. Sí, la cosa está muy mal, pero creo que en muchos casos “la crisis” realmente la tienen las personas y no el mundo.

Últimamente veo a mucha gente que dice saber de SEO. Y digo “dice saber” porque lleva un año metido en el ajo, después de dos meses leyendo en foros y se cree que Google funciona en base al Pagerank y que con cuatro enlaces será capaz de hacer multiplicar el tráfico de su cliente. O quizá mejor, a los tres meses, justo antes de que su cliente caiga en una penalización, lo dejará tirado y que se coma el marrón otro. También escucho a esos que hablan de la “Web 2.0” (que bonito palabro) y que se les llena la boca, cuando en “enviar información a sitios web” existe desde hace bastantes años, con los foros (que son sitios web participativos) o con cosas como eBay, creado en 1995 (cuando algunos de los que ahora dicen ser profesionales estaban mamando de la teta de mamá). Lo mismo pasa con los Community Managers, esos “foreros” que dicen saber cómo gestionar una empresa en Internet desde Facebook. Lo siento, conozco a usuarios de foros que saben gestionar a decenas de miles de usuarios, que han lidiado con el spam más abusivo, que saben contestar a todas y cada una de las preguntas… ¿Por qué queremos inventar puestos de trabajo que no existen? Y no, no me sirve eso de que Internet crea “conceptos nuevos”, al menos no en su mayor parte.

Creo que desde hace dos o tres años los recien-llegados a Internet quieren poner en marcha una revolución a lo Web 3.0 olvidándose que el dinero, que la política y, sobre todo, que la gente, no está en Internet, sino fuera de las pantallas y que los billetes y monedas, la comida, el aire que respiramos no se puede medir en pixeles. No podemos inventar cosas que no existen. Yo creo en las marcas, son importantes, y aunque han evolucionado, las marcas en Internet no dejan de ser sólo las marcas en un canal. Si yo hablo de Belén Esteban es probable que el 80% de la población española sepa de ella a través de canales como la televisión, radio, papel o Internet. Si yo hablo de la marca Javier Casares es muy probable que el canal televisión, radio o papel no sepan de mi, y que sólo lo sepa el de Internet. ¿Soy una marca? Sí. ¿Me está bien que sólo sea Internet? Sí. Que haya creado una marca tras mi nombre no me da derecho a nada, porque no soy una marca mundialosa.

Ser el director de El País (como medio importante), ser Julián Muñoz (como imputado importante), ser Coca-Cola (como refresco importante) te permiten ciertas cosas que la red no. Tenemos la sensación de que todos somos marca.com, actuamos como si lo fuéramos, y creo que sólo unos pocos “elegidos” de Internet pueden decir que son alguien. Sergey Brin, David Filo, Mark Zuckerberg, Tim Berners-Lee. Para muchos estos nombres serán desconocidos, pero todos los que hemos puesto un pie en Internet utilizamos algo que ellos han revolucionado el mundo.

En el mundo se estima que hay 6.750 millones de personas. No somos nadie, pero cada uno de nosotros hace que el mundo cambie. Sentido Común, por favor.

GeoNames, la geo-base-de-datos abierta

Hace un tiempo buscaba algún tipo de base de datos informativa de lugares y similares y me topé con el sitio GeoNames, un lugar que hace de centro de información geolocalizada. Una de las cosas más interesantes es que esta información es descargable.

Entre algunas consultas que se pueden llevar a cabo a través de su servicio web (a parte de la descarga se pueden hacer consultas REST) están:

  • GeoNames Search Webservice: es el buscador más genérico de información y permite una larga serie de parámetros y búsqueda libre.
  • Cities and Placenames: permite, dado una zona, extraer la lista de poblaciones de la misma.
  • CountryCode: dada una latitud y longitud devuelve el país en el que está ese punto.
  • Country Info: dada una latitud y longitud devuelve información sobre el país en el que está ese punto.
  • Find nearby toponym: dado una latitud y longitud devuelve el lugar más cercano.
  • Find nearby postal codes: dado un país y un código postal, devuelve los lugares cercanos.
  • Find nearby Wikipedia Entries: dada una localización, te lista lugares cercanos con información en la Wikipedia.
  • Timezone: dada una geolocalización, devuelve el huso horario en el que se encuentra.
  • Wikipedia Fulltext Search: dada una búsqueda libre, devuelve los lugares cercanos a la consulta de la Wikipedia.

Otros sistemas que pueden ser interesantes para combinar es el Yahoo! Geo Technologies, donde hay varias herramientas relacionadas.

Presentaciones Tenerife Lan Party 2010

Hoy estoy en la Tenerife Lan Party haciendo un par de presentaciones, una de ellas sobre penalizaciones (principalmente de Google) y otra sobre HTML 5 (relacionada con temas más bien de SEO).

Y, aunque va a ser una entrada breve, os dejo con la descarga en PDF de ambas para quien quiera darles una ojeada:

Lástima estos días que Tenerife Norte está teniendo unos nubarrones bastante importantes y no he podido ni ir a la piscina ni a la playita, y ya mañana me vuelvo para Barcelona.

Esto es vida

Sin duda la frase que podría definir esta semana que estoy pasando en Menorca con Jaume Ferré, con Marc Logarich y con Arnau Sans es la que lleva el título de la entrada: ¡esto es vida!.

La idea de esta semana era la de desconectar un poco, y la verdad es que lo estamos consiguiendo… y eso que dedicamos ratitos a trabajar un poco, a comentar proyectos y a ver qué haremos a la vuelta en unos días…

Ayer decidimos dar un viaje en velero y bueno, para dar un poco de rabia os dejo con unas pocas fotos:

Preparando el nuevo curso

Podría decir que voy a comenzar las vacaciones, pero mentiría… aunque sí que es cierto que desde ayer tarde y hasta casi octubre tengo una agenda bastante apretada… si a eso le sumamos mi preparación de “mudanza” a Miami en Noviembre, pues la agenda se mueve más.

Creo que es la primera vez en muchos años que tengo un verano muy complejo en cuanto a agenda. Estos días estoy por Menorca con Jaume Ferré y con otros amigos y socios en los que, aunque supongo que aprovecharemos para trabajar a ratos, espero desconectar y desintoxicarme un poco (una de las cosas que decidí hace tiempo es no tener 3G, aunque puedo conectar el móvil al portátil para los casos de excesiva emergencia).

Estos días todo lo que ha tenido que ver con el libro Cómo ligar en Internet me ha tenido un poco liadete, aunque espero ya sólo un par de intervenciones las próximas semanas, y un poco de relax. La verdad es que el libro ha sido muy atrayente sobre todo para radios y diarios (e incluso alguna tele), y por lo que mi madre dice, parece que hay falta en algunas librerías…

Este sábado estaré en la Tenerife Lan Party, donde daré un par de charlas; una de ellas será ¿Cómo no ser penalizado por Google? (sábado 24 de julio a las 13h) y otra llamada SEO y HTML5 (sábado 24 de julio a las 17h).

Para el próximo curso, también estoy preparando un par de cosas. La primera de ellas será una sección completa en el temario del Máster en Buscadores, que personalmente recomiendo, porque creo que tiene unos profesores que valen la pena y que si han de explicar algo lo hacen (he tenido la posibilidad de compartir con otros y creo que vale la pena, la verdad). Seguramente montaré un temario relacionado con el Web Performance Optimization.

Otra cosa que he de cuadrar es el Máster en Web. Este año tuve la posibilidad de hablar de SEO y, aunque fue una presentación bastante técnica, creo que son cosas que alguien tiene que explicar, porque eso de “las palabras clave” como que está bastante muerto. Los que quieran saber qué es Internet y cómo llevar proyectos, la verdad, la cantidad de personajes conocidos de Internet es muy elevado y explican muchas cosas.

Y como decía, a partir de noviembre mi planteamiento es estar por Miami. En principio estaré un par de meses (desde mediados de noviembre hasta mediados de enero) con una temperatura media de 21ºC y abriendo mercado por allí. Así aprovecharé en desoxidar mi inglés y si puedo, mejorar la fluidez. Si alguno de los lectores del blog es de por allí, me encantará quedar con gente de Florida y aquella zona. También estaré de nuevo todo el mes de febrero y marzo, cuando volvamos (esta vez parcialmente en compañía) al Parallels Summit, que será en Orlando y aprovecharemos en utilizar lo que acabe montando en Miami como centro de operaciones.

Y nada, después de un par de meses escribiendo día a día artículos, en muchas ocasiones, bastante larguitos (algunos me han llevado 2-3 horas) voy a tomarme unos días de relax. Voy a seguir escribiendo aunque creo que me lo tomaré con calma… pero amenazo con volver…

Sobre el Libro Blanco de SEO de la IAB Spain

Hace un par de días cayó en mis manos el libro que ha lanzado la IAB de España en relación a lo que tendría que ser un “libro blanco” sobre temática SEO. Personalmente hace años comencé a desarrollar uno, pero la casuística que había hizo que, al cabo de 3 meses lo que ponía dejase de servir, sobre todo debido a los cambios de los buscadores.

Como ya sabéis muchos que me seguís, llevo tiempo diciendo eso de “el SEO ha muerto” y que esto básicamente lo uso para decir que lo que habitualmente se habla “en la calle” sobre SEO ya es cosa del pasado, y que hay que hacer las cosas que los buscadores ven que es ya el futuro. Y esto es lo que le pasa a este Libro Blanco (descargar en versión PDF 4,36 MB).

En la introducción podemos leer algo como esto:

En términos generales, se trata de las prácticas orientadas a mejorar la posición de una página web en los resultados naturales de los buscadores para unos términos de búsqueda concretos.

En parte estoy de acuerdo y en parte no. Hay que diferenciar muy claramente entre posicionamiento en buscadores y optimización para buscadores. El SEO no es posicionamiento, que es “aparecer por palabras clave”, sino que es “aumentar la indexación, el trato con los buscadores y conseguir la mayor cantidad de tráfico de las consultas”. Primer error: no pensemos en “términos de búsqueda” pensemos en “tráfico de búsqueda”. Los que piensan en “palabras clave” y demás, son los que se dedican a marketing y a publicidad, y el SEO, una vez más, no se puede aplicar por marketing sino que es tecnología: los buscadores los hacen ingenieros, no publicistas.

Y voy a saltar al capítulo 7, en el que se comienza a tratar ¿Qué hace un SEO? Es una gran pregunta, ya que el SEO en sí no es nada y lo es todo, es la posición más horizontal de un proyecto web (implica desde el departamento de dirección, marketing, comunicación, diseño, desarrollo…). Según el libro el SEO se centra en 3 pilares: indexabilidad, contenido y pupularidad. Hasta aquí estoy bastante de acuerdo, aunque no del todo… conozco sitios que no son nada indexables, sitios que no tienen contenidos o sitios que no son populares y que aparecen mejor que otros sitios que sí cumplen estas reglas. Aunque quizá en donde discrepo más es en la parte de factores-onsite y factores off-site. Cada vez más, y después de los cambios de los últimos meses en que los sitios “grandes” de Internet que vivían de los enlaces están perdiendo fuelle, no se puede hablar de que hay que ampliar la cantidad de enlaces y de los “anchor” tan a la ligera. Como bien comentaba hace un par de días en el artículo de cómo detectar una penalización SEO, la gran mayoría de penalizaciones y de cosas que “atentan” contra los buscadores son los contenidos duplicados, la sobre-optimización y el exceso y/o mala calidad de los enlaces. Está muy bien hablar de SEO blanco y SEO negro, pero los límites nunca están definidos.

En los últimos meses la mayor parte de los clientes nuevos que nos han llegado siempre explicaban lo mismo: es que hemos tenido durante estos últimos años varios SEO y ninguno ha sido capaz de entender lo que nos pasaba, nuestra idiosincrasia. Con esto me vengo a referir que SEO de “alta reputación” van perdiendo y quemando clientes de una forma muy rápida. Sé de otros SEO que sólo quieren clientes por 3 meses, para hacerlos “subir” rápido gracias a métodos de dudosa calidad y que luego dejan al cliente con penalizaciones que hacen perder mucho dinero.

Si pasamos al capítulo 8 en el que se mira la metodología, queda claro que el SEO se incorpora en una filosofía de marketing-comunicación que no es lo que la mayor parte de las empresas requiere. Al menos no de forma paralela a lo que la “publicidad” tradicional (off-line y on-line) se refiere. Ninguno de los clientes que tengo me suele hablar de compatibilizar sus campañas de Adwords con las de SEO. las de Adwords tienen una vida propia y el SEO tiene otra vida que no suele tener nada que ver con la anterior. Otra cosa de las que se habla es de “la competencia”, algo que tampoco acabo de entender nunca cuando se habla de SEO. Sí que es cierto que en muchos casos hay que competir con otra gente del sector, que en algunos casos será sencillo de sobrepasar y en otros casos, por las “trampas” que hacen será imposible. ¿Cómo luchar con alguien que mirando las directrices de los buscadores las incumplen enormemente? Además, con respecto a las métricas, el SEO sólo tiene 1 métrica: conseguir más visitas. El SEO no está pensado para vender más, como muchos piensan, el SEO está pensado para que las “visitas desde motores de búsqueda” se incrementen. Una vez llegan al sitio, es cosa de los responsables de analítica y de usabilidad ser capaces de convertir. Es por eso que una de las cosas que suele pasar habitualmente cuando aumenta el tráfico SEO es que aumenta en exceso la tasa de rebote.

Otra cosa que me chirría a los ojos:

Finalmente en lo que respecta a la valoración de la popularidad del sitio web se evalúan los enlaces que están llegando a la página del cliente, no sólo atendiendo a la cantidad sino a la calidad de las referencias, analizando factores como el PageRank del enlace, temática del sitio que apunta al del cliente y, por tanto, grado de afinidad con lo que éste desea comunicar.

¿PageRank? Lo siento, pero por ahí no paso. Primero, el SEO no es exclusivo de Google. El SEO ha de verse de forma global, ya que si consigues que un sitio se vea bien en todos los buscadores conseguirás tráfico. Hace unos días ya expliqué que Google sólo manda el tráfico que “él decide” que ha de mandarte. Cada buscador tiene un perfil de usuario que lo utiliza, y hablar de Pagerank dejando de lado la tecnología de Bing es un grave error. El PageRank desde hace tiempo que es una engañifa que utiliza Google para despistar y así poder centrarse en las cosas importantes. Sí que es cierto que Google utiliza una algorítmica que le da peso a los enlaces, pero habla de Pagerank a estas alturas creo que es un error muy grave. Está más que demostrado que si listamos los 25 primeros resultados de cualquier búsqueda, prácticamente nunca los resultados están ordenados por su PageRank o tienen relación con la cantidad de enlaces que reciben.

Estudio de palabras clave: Se trata de detectar el conjunto de palabras clave que interesan al público objetivo y que además están en consonancia con la línea comunicativa y de marketing del cliente.

En el estudio de palabras clave, algo que tiene que ver más con contenidos y no con marketing, ya que hay que dejar esto en manos de profesionales de la comunicación, y casi me atrevería a decir que hay que dejar en manos de lingüistas que sí saben cómo se utiliza el lenguaje, también se hablan de cosas que no tienen mucho sentido común. Con esto no quiero decir que no haya que cuidar los contenidos y las palabras que se utilizan, pero no hay que analizarlas en base a lo que “los buscadores dicen que se busca (según datos de otras palabras que se compran en PPC)” sino que hay que analizarlas en base a lo que la gente realmente consulta en la red. Esta información no está tan al alcance de todos, ya que las herramientas que dan los buscadores no muestran tan fácilmente esta información. Otro detalle del que se habla es que una buena fuente de información es sacar las palabras clave de las plataformas de analítica. Esto está bien pasa saber por donde te llega el tráfico actualmente, pero no significa ni mucho menos que eso sea lo correcto a la hora de optimizar. Si vamos a “reposicionar” las palabras, poco vamos a conseguir… lo que hay que hacer es mantener esas consultas y ampliarlas con otras miles más.

Con respecto a la calidad de los contenidos, me parece muy pobre hablar de las cabeceras H1, H2 y H3 como si eso fuera la solución al SEO. Con respecto a los contenidos está claro que hay que dar calidad (quién mejor que la propia empresa para saber qué venden y perderle el miedo a la comunicación), pero hay que hablar más ampliamente de simplemente hacer las cosas bien, de cumplir con el estándar de HTML al máximo, de crear sitios que sean accesibles y cumplan las normativas en todos los sentidos. No hay que cerrarse a nada. El HTML (y ya no digo el HTML 5 que está 100% pensado para SEO) es suficientemente rico como para no tener que hablando de H1s y cosas así…

Los títulos (identificados con la metaetiqueta “title”) aparecen usualmente en la parte superior del navegador. Lo más recomendado es que esté compuesto por la palabra clave primaria junto con el nombre de la página. Se coloca la palabra clave primaria de primero para darle mayor relevancia ya que generalmente el nombre de la página o empresa tiene suficiente peso gracias a la URL.

Otro error que me parece grave es éste y el de la meta-descripción. ¿Cómo que los títulos han de ser las palabras clave y el nombre de la web? ¿Quién dice eso? Precisamente los buscadores en su documentación te dicen que no metas palabras clave basura en los títulos y, ya de forma personal, pongo muy en cuarentena que queramos posicionar tooodas las páginas de un dominio por “nuestra marca”. No, para eso está la página principal.

Cuantos más enlaces a nuestro sitio tengamos, mayor será la importancia que le darán los buscadores.

Otra de las farsas del SEO. Esto no es cierto, y está más que comprobado. Hay sitios que no tienen ningún enlace y que aparecen en los buscadores de una forma “decente”. No digo que no haya que tener en cuenta los enlaces, sino que “el tener más enlaces no da más importancia a un sitio”. Esto, además, es contraproducente si no se trata bien, algo que en multitud de ocasiones han comentado desde los distintos buscadores. Si promocionamos este tipo de trabajos conseguiremos que el “conseguir enlaces a toda costa” lleve a las empresas a contratar servicios de mierda y a que acaben penalizados (como me he encontrado en el 75% de las ocasiones) con sus correspondientes penalizaciones. En alguna ocasión hemos tenido que “tirar dominios y proyectos enteros” porque se había trabajado de forma pésima este “supuesto SEO” que, más que SEO es spam. Como digo, no estoy en contra de los enlaces, pero creo que hay muchísimas cosas a tener en cuenta antes de dedicar ni un minuto a que el sitio acabe penalizado por los buscadores por una pésima estrategia y por la “facilidad” que hay de engañar a los clientes en casi todos los que ofrecen SEO por 100 euros en sitios de “reconocido” prestigio. Tampoco voy a entrar en el concepto “nofollow”, del que se hace un uso erróneo y totalmente distinto al que el estándar del W3C ofrece y que al ser estándar todos los buscadores cumplen. Del tema “directorios” tampoco voy a entrar. Hace ya bastante tiempo que Google, por decir uno de ellos, dejó bien claro que los directorios conllevan más problemas de lo que se cree en un principio si no se hace un grandísimo uso, y precisamente dar de alta “según el PageRank” es uno de los mayores errores.

Revisando el tema de las “buenas prácticas” (en el capítulo 9), creo que no voy a ser yo el único que diga que tampoco se ajusta a la realidad y que dudo que las empresas SEO que han asesorado este informe las cumplan. Está claro que hay que cuidar al cliente, algo que muchos SEO, simplemente por “sacar pasta” no hacen, y es que, aunque se diga que “hay que usar las reglas de los buscadores”, todos los que nos dedicamos a esto sabemos que si las sigues no haces nada de nada. No digo que haya que usar técnicas fraudulentas, pero está clarísimo que la información que prestan los buscadores son informativas pero no tienen nada que ver con la realidad de lo que se cuece para los robots de indexación.

El trabajo SEO que se haga para un cliente será original y personalizado. No se harán copias textuales del trabajo de otros (en vez de realizar trabajo original), sin el consentimiento previo de todas las partes.

¿Esto significa que los servicios que ofrecen empresas como Arsys, Webpositer, Entra en la red (que te aseguran situar tu web entre los 3 primeros puestos), Serviweb (que te garantizan puestos “de forma natural y 100% garantizados”) son alegales? Exactamente ¿cómo podemos llamar a aquellos que venden SEO de forma automática? ¿Es realmente SEO, publicidad engañosa?

Otra cosa que también me hace gracia es el capítulo 11, en el que se habla de las tendencias y el futuro del SEO. Está claro que hay que hablar del SEO local, de los móviles, pero me parece raro escuchar hablar del Universal Search. Vuelvo a repetir que ¿esto es un libro blanco de SEO o un libro blanco de Google?. El Universal Search “no existe”. Si la gente que se dedica a SEO ha hecho SEO web ha cometido un error histórico, pero no por ello ahora hay que hablar de conceptos que sólo algunos buscadores utilizan y no hablar en concreto del SEO global. ¿Qué sentido tiene que le hable de Universal Search a la pescadería de abajo de mi casa? Cada cliente necesita un SEO específico, pero no basado en lo que se crea que los buscadores hacen. Si uno aparece bien porque ha hecho un buen SEO de vídeo no necesita “trabajarse” el Universal Search, lo mismo con las imágenes o las noticias. El Universal Search es un invento de los buscadores para decir que van a premiar los mejores contenidos de cada uno de los buscadores verticales, pero eso no implica que haya que hablar de algo que es temporal.

Y para acabar, en el capítulo 13 que se habla de los diferentes modelos de pago… creo que de los que se proponen no utilizo ninguno de ellos… ¿cómo puede ser que un libro blanco (neutral) decida o indique a mis posibles clientes cómo he de cobrarles mis servicios? Lo siento, pero mi empresa cobrará a mis clientes como crea conveniente. Por poner un ejemplo, tenemos clientes a los que les hemos ofrecido que paguen a éxito (coste 0 inicial), otros que han de pagar “casi” por adelantado “porque yo lo valgo”, otros que pagan como consultoría en base a las horas de dedicación, e incluso, algo que no se trata, es el del SEO in-house, el de tener a una persona profesional dentro de la compañía…

Que conste que no estoy en contra de hacer un Libro Blanco sobre SEO, todo lo contrario y lo que decía al principio, yo en su día me lancé a escribir uno, pero creo que en algunas cosas el documento es excesivamente ligero en cuanto a saber qué es o no una empresa o profesional SEO y en otras se entromete en temas que creo que no corresponden. Personalmente creo que el libro sólo representa a un tipo de empresas y profesionales SEO, en los que, por ejemplo, no me siento reflejado a la hora de trabajar, y si alguno de mis clientes leyera este documento creo que se llevaría las manos a la cabeza porque vería que es un paso completamente atrás de los trabajos y crecimientos que hemos conseguido a lo largo de los últimos meses.

NOTA: Aunque el artículo sea duro contuntente, vuelvo a repetir, no estoy ni en contra del libro en sí ni en contra del gran esfuerzo que seguro ha llevado a cabo la IAB, pero creo que no refleja la realidad de un sector que está bastante desamparado en cuanto a la imagen que dan algunas empresas que ennegrecen el trabajo de otras.

DISTCHA, un antispam accesible

Una de las peculiaridades de los CAPTCHA es que habitualmente son bastante complejos de entender y ya no os digo si cuesta a alguien con todas sus facultades, a alguien que tenga falta parcial o total de alguno de sus sentidos.

Y es por eso que desde Francia Quebec (Canada) llega una propuesta llamada DISTCHA (Device Independent Slider Test to tell Computers and Humans Apart) y que es un sistema bastante parecido al de activación del iPhone, ese “slide” que moviéndolo de un lado a otro permite activar el teléfono.

Aunque aun se encuentra en una versión muy previa, y a falta de ser probado en muchas plataformas, sí que es cierto que en la mayor parte de los navegadores ya funciona.

Funciona gracias a jQuery y es bastante sencillo de implementar. Os dejo un ejemplo de código para que veáis cómo funciona y uséis su código si lo veis conveniente…

Cómo detectar una penalización SEO

Una de las cosas más complejas a la hora de saber si hay una penalización SEO es el cómo hacerlo. Sí que es cierto que habitualmente se puede encontrar de una forma sencilla, y es una caída de tráfico significativa. Pero claro, aunque el tráfico cae, lo siguiente es saber qué ha pasado.

Las penalizaciones habituales en Google son las siguientes:

  • Puesto -6: Hasta ahora algunos sitios que estaba en los 2 primeros puestos tenían una suma de -5 cayendo al puesto 6-7. Suelen ser sitios muy relevantes que han caído en algún tipo de factor externo, como una granja de enlaces o similar. Arreglar esto era bastante complejo, aunque parece que es una penalización en desuso, por lo que no habría que preocuparse mucho.
  • Puesto -30: Es una de las penalizaciones más habituales y se da cuando hay contenidos duplicados, muchos errores internos o “factores propios”…
  • Puesto -50: Suele tener que ver con los enlaces entrantes… hasta ahora era parte de la -30 y se ha creado como algo independiente… en resumen, que si tienes enlaces “peligrosos” es probable que te pongan esta penalización.
  • Puesto -60: Si varios usuarios denuncian a través de un Spam report tu dominio, es probable que acabes con esta caída de resultados. Hay que tener en cuenta que en parte esto es un sistema automático, así que con arreglar tu “mal SEO” y pedir un Reinclusion Request debería ser suficiente. Eso sí, tienes 4 semanas para corregirlo.
  • Puesto -950: Parece una penalización aleatoria sobre todo en búsquedas genéricas. Parece que se da en aquellos sitios con sobre-optimización del sitio, es decir, un exceso de SEO (o “mal SEO”) y/o a una cantidad excesiva de enlaces entrantes con una palabra clave concreta.

Esto ya nos puede dar ciertas pistas… pero probablemente no sean los únicos métodos. Una de las cosas que siempre hay que tener presente son los avisos de Google Webmaster Tools (y de los paneles del resto de buscadores) ya que si algo raro aparece en uno de los motores, es probable que en el resto de sitios también afecte aunque no lo digan directamente. Está claro que una penalización en Bing no es lo mismo que en Google, pero si aparece en uno de ellos, es muy probable que en el otro también afecte.

Otra de las cosas importantes que hay que buscar siempre es el nombre del dominio en el buscador de turno. Si no aparece la página principal en el primer puesto es probable que algo raro haya. También es importante saber quiénes son tus vecinos. Una forma de verlo es con la herramienta Safe Browsing que te dirá si alguno de tus “vecinos” hace cosas malotas.

Otra cosa básica e interesante es que, como normalmente uno puede calcular aproximadamente el número de páginas que tiene en su sitio, hay que compararlo con el site: del dominio y ver cuál es la desviación. De la misma forma si has dado de alta tu Sitemap en Webmaster Tools y los demás, comprobar si la desviación de páginas enviadas con las indexadas es muy grande o es bastante ajustada.

Aunque estos son los elementos básicos, hay que tener en cuenta que, para encontrar una penalización y llegar a la conclusión “hay que dejarse llevar y sentir la fuerza”. Esto significa que hay que fijarse en los detalles… cifras que no cuadran con lo que deberían en las distintas herramientas, contenidos duplicados (esta es la penalización más habitual, así que yo comenzaría por ahí).

Una de las cosas que suele solventar fácilmente las penalizaciones y que ya de base recomiendo usar siempre es el meta-canonical. Esto significa que esta meta-etiqueta debería estar en el 100% de las páginas del sitio. Puede parecer una tontería pero como este sistema es ya un estándar cubre la mayoría de problemas que se pueden generar. Claro está, el contenido de este elemento ha de ser correcto y verificado página a página… no sirve usar “la URL que viene por sistema” porque no arregla nada.

Como digo, hoy en día la mayor parte de las penalizaciones vienen dadas por los contenidos duplicados, aunque otro de los elementos por los que se está penalizado bastante es la falta de contenidos. Esto quiere decir que las páginas dentro de un sitio que se dedican a la navegación (listados, páginas de categorías…) cada vez tienen menos peso, y se le está traspasando a los contenidos finales. Si tu sitio dedica gran parte de sus contenidos a este tipo de páginas tal vez valga la pena usar un meta-robots noindex para no dejar aparecer en los resultados de búsqueda aquellas direcciones sin contenido (tal vez sólo la primera de las páginas) aunque sí dejar que el rastreador pueda visitar todas las páginas…

Encontrar penalizaciones, y sobre todo salir de ellas no es una tarea sencilla y al final siempre suele venir por algún descuido de los desarrolladores o gestores de los sitios, de forma consciente o inconsciente. Salir de una penalización, aunque parezca una tontería, puede llegar a ser tan sencillo que en cuestión de 2 semanas se puede recuperar el tráfico perdido, aunque si se trabaja correctamente el punto álgido se recupera a los 3 meses después de aplicar los cambios que estaban perjudicando.

CSS hacks para Internet Explorer 6 y 7

En muchas ocasiones nos encontramos que necesitamos aplicar algún tipo de estilo específico a Internet Explorer 6 o 7, que son los navegadores que menos funcionalidades CSS soportan pero que aún tienen una cantidad elevada de usuarios.

En estos casos, y debido a algunos errores en el funcionamiento del navegador, tenemos la posibilidad de ejecutar un pequeño hack que no afecta al resto.

El sistema es sencillo. Internet Explorer tiene un fallo y es que los atributos de los CSS permiten los símbolos “*” y “_” delante. Tomando de ejemplo este código a continuación, podemos ver algunos detalles:

.fondo {
  background: Green; /* Todos los navegadores */
  *background: Yellow; /* Sólo Explorer 6 y 7 */
  _background: Red; /* Sólo Explorer 6 */
}

¿Qué significaría esto? Pues que, todos los navegadores excepto Internet Explorer sólo leerían la primera línea, que es la única correcta. En el caso de Internet Explorer 8, también sólo leería la primera (las otras dos ya no, porque son erróneas). En el caso de Internet Explorer 7, como lee en orden y prima la última cosa correcta, de las 3 líneas leería hasta la segunda, porque el 7 no entiende la tercera, claro está.

En el caso de Explorer 6 es bastante similar… va leyendo en orden, y como entiende las 3 líneas, se queda con la tercera “porque es la última”… De esta forma, si queremos jugar con algunos pequeños hacks para Internet Explorer 6, 7 y 8 podemos hacerlo mediante este curioso sistema (gracias a los fallos que llevan las versiones anteriores)…

HTML MicroDatos: Personas y Empresas

Tras ver el otro día qué son los MicroDatos, hoy voy a explicaros lo que antiguamente eran los hCard. Este microformato es de los más extendidos y extensibles, y ahora se ha convertido, usando la misma base, en un MicroDato bastante interesante, sobretodo porque ya viene documentado en el HTML 5.

En la actualidad conozco 3 formatos en los que se habla de cómo dar formato a las fichas de personas y/o empresas… que son:

Teniendo en cuenta que de los 3, el primero es el más completo, y que tal como dice Google en los otros 2, es capaz de interpretar similitudes entre unos y otros, voy a enfocarme en el más completo de todos.

  • fn: Es el nombre completo (u organización), el campo principal.
  • n: Es un contenedor para indicar el nombre (u organización) de forma más específica… puede incorporar los siguientes sub-elementos:
    • family-name: Da el apellido(s) familiar de la persona o el nombre completo de la organización.
    • given-name: El nombre (de pila) que habitualmente se usa con la persona.
    • additional-name: Si tiene un nombre adicional.
    • honorific-prefix: Si tiene un prefijo honorífico.
    • honorific-suffix: Si tiene un sufijo honorífico.
  • nickname: El nick o sobrenombre de la persona u organización.
  • photo: Será una URL con la fotografía de la persona u organización.
  • bday: Fecha de cumpleaños de la persona o de creación de la organización.
  • adr: indica la dirección postal de la persona u organización. Es un contenedor formado por:
    • type: Indica el tipo de dirección, que puede ser uno de los siguientes:
      • dom: Doméstico.
      • intl: Internacional.
      • postal: Entrega postal.
      • parcel: Entrega de paquetería.
      • home: Residencial.
      • work: Trabajo.
      • pref: De todas las opciones, la preferida.
    • post-office-box: Apartado de correos.
    • extended-address: Dirección extendida.
    • street-address : La calle.
    • locality: Población.
    • region: Provincia.
    • postal-code: Código postal.
    • country-name: País.
  • label: Dirección de entregas de la persona u organización (viene a ser el nombre del sitio de entrega). Puede contener:
    • type: Son los mismos que los anteriores de direcciones.
    • value: La información, con formato.
  • tel: El teléfono (esta era muy obvia)… Puede incorporar un par de elementos:
    • type: Indica el tipo de teléfono, que puede ser uno de los siguientes:
      • home: El de casa.
      • msg: Envío de SMS.
      • work: Trabajo.
      • voice: De voz.
      • fax: Fax.
      • cell: Móvil / Celular.
      • video: Vídeo conferencia.
      • pager: Buscapersonas.
      • bbs: BBS.
      • modem: Módem.
      • car: Teléfono en el coche.
      • isdn: Línea RDSI.
      • pcs: Servicio de comunicación personal.
      • pref: De todas las opciones, la preferida.
    • value: La información, con el formato correspondiente.
  • email: La dirección de correo electrónico. También es un contenedor y puede llevar lo siguiente:
    • type: Indica el tipo de correo electrónico, que puede ser uno de los siguientes:
      • internet: La mayoría de cuentas de correo.
      • x400: cuenta de tipo x.400.
      • pref: De todas las opciones, la preferida.
    • value: La información, con el formato correspondiente.
  • mailer: Indica el software de correo que usa la persona.
  • tz: Indica el desfase horario de la persona (la Zona horaria con respecto al UTC). Por ejemplo: +06:30.
  • geo: Indica la la latitud y longitud. Por ejemplo: +41.383333;+2.183333.
  • title: El puesto de trabajo o función de la persona.
  • role: El rol, departamento o categoría profesional.
  • logo: El logotipo de la persona u organización, que será una dirección URL.
  • agent: Persona que actúa de intermediario de contacto (secretaria, etc…).
  • org: Nombre detallado de la organización. Puede incorporar algunos elementos:
    • organization-name: Nombre de la organización / empresa.
    • organization-unit: Unidad o Subsector de la empresa u organización.
  • categories: Categorías, palabras clave o lugar donde categorizar esa persona u organización.
  • note: Añade algunos comentarios a la ficha de la persona u organización.
  • rev: Última fecha de revisión de la información que se ofrece.
  • sort-string: Forma de ordenar la información de la persona u organización.
  • sound: Sonido relacionado con la persona u organización. Ha de corresponder con una dirección URL.
  • url: La dirección URL de la persona u organización.
  • class: Cómo ha de tratarse la información que se ofrece. Puede tener estos valores:
    • public: Pública.
    • private: Privada.
    • confidential: Confidencial.
  • impp: Ofrece el sistema de comunicación instantánea con la persona u organización.
    • type: Indica el tipo de sistema, que puede ser uno de los siguientes:
      • personal o business: Si es personal o de negocios.
      • home o work o mobile: Si está en casa, en el trabajo o es móvil.
      • pref: De todas las opciones, la preferida.
    • value: La dirección URL, con el formato correspondiente.

Y ahora el ejemplo:

<section id="jack" itemscope itemtype="http://microformats.org/profile/hcard">
  <h1 itemprop="fn">Jack Bauer</h1>
  <div itemprop="n">
    <meta itemprop="given-name" content="Jack">
    <meta itemprop="family-name" content="Bauer">
  </div>
  <img itemprop="photo" alt="" src="jack-bauer.jpg">
  <p itemprop="org" itemscope>
    <span itemprop="organization-name">Counter-Terrorist Unit</span>
    (<span itemprop="organization-unit">Los Angeles Division</span>)
  </p>
  <p>
    <span itemprop="adr" itemscope>
      <span itemprop="street-address">10201 W. Pico Blvd.</span><br>
      <span itemprop="locality">Los Angeles</span>,
      <span itemprop="region">CA</span>
      <span itemprop="postal-code">90064</span><br>
      <span itemprop="country-name">United States</span><br>
    </span>
    <span itemprop="geo">34.052339;-118.410623</span>
  </p>
  <h2>Assorted Contact Methods</h2>
  <ul>
    <li itemprop="tel" itemscope>
      <span itemprop="value">+1 (310) 597 3781</span> <span itemprop="type">work</span>
      <meta itemprop="type" content="pref">
    </li>
    <li><a itemprop="url" href="http://en.wikipedia.org/wiki/Jack_Bauer">I'm on Wikipedia</a>
    so you can leave a message on my user talk page.</li>
    <li><a itemprop="url" href="http://www.jackbauerfacts.com/">Jack Bauer Facts</a></li>
    <li itemprop="email"><a href="mailto:j.bauer@la.ctu.gov.invalid">j.bauer@la.ctu.gov.invalid</a></li>
    <li itemprop="tel" itemscope>
      <span itemprop="value">+1 (310) 555 3781</span> <span>
      <meta itemprop="type" content="cell">mobile phone</span>
    </li>
  </ul>
  <p itemprop="note">If I'm out in the field, you may be better off contacting <span
  itemprop="agent" itemscope itemtype="http://microformats.org/profile/hcard"><a
  itemprop="email" href="mailto:c.obrian@la.ctu.gov.invalid"><span
  itemprop="fn"><span itemprop="n" itemscope><span
  itemprop="given-name">Chloe</span> <span
  itemprop="family=name">O'Brian</span></span></span></a></span>
  if it's about work, or ask <span itemprop="agent">Tony Almeida</span>
  if you're interested in the CTU five-a-side football team we're trying to get going.</p>
  <ins datetime="2008-07-20T21:00:00+01:00">
    <span itemprop="rev" itemscope>
      <meta itemprop="type" content="date-time">
      <meta itemprop="value" content="2008-07-20T21:00:00+01:00">
    </span>
    <p itemprop="tel" itemscope><strong>Update!</strong>
    My new <span itemprop="type">home</span> phone number is
    <span itemprop="value">01632 960 123</span>.</p>
  </ins>
</section>

Si queremos comprobar si este fragmento sería válido de cara a Google, podemos usar su herramienta para comprobarlo…

http://javiercasares.net/jack-bauer.html

Que en los resultados de Google quedaría similar a esto:

Cargar una página por bloques

Normalmente cuando desarrollamos una página web no nos preocupamos en exceso cómo enviamos la información a los usuarios que se conectan a ella, dejando que el sistema lo haga de forma automática. Eso no es del todo malo, pero hace que la paralelización de la que alguna vez os he hablado se pueda perder en parte.

Sabemos que en muchas ocasiones en la cabecera de una página incluimos los CSS y JS, y que estos pueden llegar a bloquear nuestra carga de página. Teniendo en cuenta que la cabecera en sí “no hace nada” ¿por qué no enviarla en cuanto la tengamos? Esto significaría que, una vez la mandemos, antes de pintar nada, y mientras calculamos el contenido de la página que verá el usuario, podemos enviar cierta información y el navegador puede comenzar la descarga de elementos externos como los que comentaba antes.

Para hacer esto, y como seguro que usaremos gzip, en PHP podríamos utilizar algunas funciones como ob_flush().

A partir de este momento, en el que ya hemos enviado la cabecera de la página, hay que decidir si nuestro sitio está preparado para ser enviado por partes. Normalmente las páginas tiene diversos bloques que no suelen estar contenidos dentro de otros. De esta forma podríamos dividir lo que se muestra al usuario en una cabecera, un contenido, un menú lateral y un pie. cada uno de estos bloques, al ser independiente del otro, podrían llevar, entre uno y otro, estas funciones flush, y así el sistema sería capaz de ir pintando la página sin dependencias entre cada uno de estos bloques, y la sensación de carga sería mayor, ya que estará “precargado” el CSS y JS, que se cargan antes de que se reciba toda la página.

El último de los bloques no necesita llevar este elemento. Eso sí, para que esto funcione realmente hace falta seguir las normas que dicen que los JavaScript que no afectan al “pintado” de la página se encuentren en el pie, y que los que sí afectan se encuentren en la cabecera.

Ahora sólo queda implementarlo y ver si hace efecto…

Windows 8 ¡en marcha!

Estos días atrás he podido chafardear unos documentos internos de Microsoft en los que se habla ya de cómo debería ser Windows 8. Esta documentación parece que ya corre por Internet, así que seguro que si hacéis una búsqueda lo encontraréis.

Haciendo un repaso por las distintas cosas que se comentan, me ha hecho gracia que entre las primeras presentaciones se hable de Apple. Y es que es cierto que uno de los mayores problemas que ha tenido Windows en su evolución ha sido las variaciones en su interfaz. Es mejor a veces no cambiar muchas cosas de sitio para facilitar la curva de aprendizaje de un sistema operativo a otro.

Otra de las cosas que se comentan es cómo deberían ser “las máquinas del futuro”. Entre otras cosas se comenta que las pantallas, en su mayoría, serán táctiles y que tendrán entre 17” y 30”, además de ofrecer todas calidad en Alta Definición. Como detalle, hablan de la integración completa de cámaras 2D, que se utilizarían para el reconocimiento facial.

Además de esto, se plantea la opción de que los perfiles se encuentren distribuido en “la nube”, de forma que la configuración y preferencias del usuario se encuentren siempre disponibles. Incluso, las opciones de acceso a la red también quedarían grabadas para que los usuarios pudieran cambiar a sus sitios de forma automática.

Esto podría implicar que la próxima versión de Windows sólo funcionase en aquellos casos en los que hay conectividad a la red. De esta forma no se dependería de la máquina sino de los Software as a Service, no necesitando ningún programa instalado en las máquinas, a parte de los estándares que irían en el sistema operativo.

Además, el nuevo Windows estaría pensado para 2 grandes tipos de perfil: los “entusiastas”, aquellos que están siempre conectados y que son influyentes en las decisiones de familiares o amigos, y el perfil de “grandes consumidores”, que sería la mayor parte del mundo. También es posible que gracias a esta consideración nos encontremos con un sistema operativo básico por defecto, y que dependiendo de las necesidades de usuario y/o hardware se puedan hacer ampliaciones, y no como ahora que necesitas adquirir el producto final. En esta línea nos podríamos encontrar que, dependiendo del dispositivo que compremos (sobremesa, portátil, notebook…) el sistema podría ser distinto en cada caso, adaptado al hardware y a las necesidades que cada uno de estos elementos suponga. Por ejemplo, los dispositivos móviles podrían enfocarse más a la conectividad web, a lo social, y al correo electrónico, mientras que un equipo de sobremesa estaría más desarrollado para gestionar multimedia y aplicaciones.

Otro detalle importante donde parece que se está trabajando en el energético. Al igual que los usuarios de Mac siempre elogian el rápido apagado y recuperación de los sistemas hibernados, Windows 8 podría ir muy enfocado a mejorar esto, de forma que simplemente con cerrar el dispositivo el sistema crearía un proceso automático de apagado y rápida recuperación. Uno de los elementos en donde se trabajaría bastante en en el software ineficiente, que parece ser el que “peor lo lleva”. Otro detalle es que la parte de gestión energética se separaría en unos módulos independientes, a diferencia de como funcionan hoy en día. Esto también implicaría el rápido apagado de cualquier dispositivo de hardware que tenga la máquina y que, en estos momentos, no tuviera las posibilidades de apagado rápido. Para acabar, el sistema podría disponer de un sistema intermedio que permita la lectura y escritura de datos de forma asíncrona, y así no necesitar acceder a los discos físicos.

Con respecto al encendido se plantea una metodología para que el arranque sea prácticamente instantáneo. Esto afectaría sobretodo a aquellas máquinas portátiles y posiblemente el sistema sea capaz de aprender de la propia máquina y del usuario para conseguir el mayor rendimiento de arranque. Esto podría llevar a que al arrancar el sistema no se inicien gran cantidad de servicios que lo hacen por defecto, además de paralelizar el arranque de elementos.

Otro punto que parece que se va a recuperar es el desarrollo de un nuevo sistema de ayuda y soporte que se iba a implementar en Windows 7 pero que finalmente nos e llevó a cabo. Este nuevo sistema integraría no sólo la ayuda de la propia Microsoft, sino la de la firma de hardware, además de foros y otros lugares de interés sobre la materia. Otra cosa que se plantea es un sistema que permita “resetear” la máquina de forma muy sencilla, con la configuración por defecto del sistema y/o aplicaciones; esto reduciría enormemente el soporte sobre este tipo de consultas.

En esta línea nos encontraríamos con una opción que parece ya trabajada que es la de resetear el dispositivo. Al hacerlo se nos preguntaría sobre si simplemente deshacer los últimos cambios realizados y volver a un estado previamente guardado, o el de reestablecer la configuración inicial guardando la información personal y de configuración. Al hacer esto podríamos lanzar la Windows Apps Store para reconfigurar nuestros programas, o tener la opción de reinstalar otros programas externos.

Sobre Internet Explorer 9, sería el navegador que vendría de serie. Al parecer la versión beta se lanzará en Agosto de 2010 y sería una versión 100% funcional. Tras esto vendrían unas versiones RC y Final que probablemente estén disponibles para Octubre-Noviembre de 2010 (antes de la campaña navideña).

Para acabar, vendría dado el lanzamiento de la Windows Store. Gracias a esta plataforma, similar a las que ya conocemos como la de iTunes o el Android Market, los desarrolladores podría publicar sus aplicaciones para Windows 8 y así monetizarlas a muy bajo precio. también tendrían la posibilidad de actualizaciones automáticas, algo que mejoraría la seguridad de todos los sistemas.

En definitiva… puede que Windows 8 salga al mercado antes de lo esperado, e incluso me atrevería a decir que no va a ser un sistema operativo como hasta ahora entendíamos la evolución hasta Windows 7, ya que al estar 100% integrado en la red de redes, será necesario una menor evolución del corazón del sistema y una mejora en los sistemas de comunicaciones.

HTML MicroDatos (antes MicroFormatos, antes RDFa)

Los que me conocéis sabéis que desde hace tiempo he sido un seguidos de los microformatos, y una de las mejoras que descubrí al hacer la serie de artículos de HTML 5 fue la incorporación “oficial” de lo que antiguamente se denominaba microformatos en lo que actualmente pasan a ser los midrodatos (microdata en inglés) y que vienen de la antigua implementación denominada RDFa.

Pero ¿qué son los microdatos? Pues básicamente son pequeñas mejoras del HTML que, en apariencia no han de modificar nada, pero que hacen que las máquinas (buscadores, navegadores, aplicaciones…) sean capaces de interpretar y mejorar semánticamente el significado de parte de la información que se muestra por pantalla.

Hasta ahora los microformatos eran bastante complejos de integrar ya que no existía un sistema estándar, algo que con los microdatos se acaba consiguiendo. Algunos ejemplos muy básicos podrían ser estos:

<div itemscope>
  <p>My name is <span itemprop="name">Elizabeth</span>.</p>
</div>

o este:

<div itemscope>
  <p>My name is <span itemprop="name">Neil</span>.</p>
  <p>My band is called <span itemprop="band">Four Parts Water</span>.</p>
  <p>I am <span itemprop="nationality">British</span>.</p>
</div>

o este:

<div itemscope>
  <img itemprop="image" src="google-logo.png" alt="Google">
</div>

Hasta aquí no hay mucho que decir… aunque estos ejemplos son tan sencillos como, casi, me atrevería a decir que inútiles, ya que no se especifica ningún sistema identificativo para que se pudieran interpretar de forma semántica.

Los microdatos pueden anidarse entre sí, lo que los convierte en una herramienta escalable, además de poderse agrupar por distintos elementos:

<div itemscope id="amanda" itemref="a b"></div>
<p id="a">Name: <span itemprop="name">Amanda</span></p>
<div id="b" itemprop="band" itemscope itemref="c"></div>
<div id="c">
  <p>Band: <span itemprop="name">Jazz Band</span></p>
  <p>Size: <span itemprop="size">12</span> players</p>
</div>

Como decía, hasta ahora los ejemplos son “inútiles” ya que no siguen un estándar… para ello se integra la posibilidad de informar de un “tipo”. Los tipo se darán en referencia a una dirección URL en la que se informa de la estructura de cada elemento.

<section itemscope itemtype="http://example.org/animals#cat">
  <h1 itemprop="name">Hedral</h1>
  <p itemprop="desc">Hedral is a male american domestic shorthair, with a fluffy black fur with white paws and belly.</p>
  <img itemprop="img" src="hedral.jpeg" alt="" title="Hedral, age 18 months">
</section>

¿Y qué elementos son los que han de incorporar los microdatos?

  • itemscope
  • itemtype
  • itemid
  • itemref
  • itemprop

itemscope

Este será el indicador de que el bloque, ese elemento, será el contenedor de información importante. Es un elemento booleano, es decir, se pone o no se pone… y ya está.

itemtype

Al indicar un itemscope podemos querer indicar qué tipo de información vamos a encontrar, que diccionario, que vocabulario vamos a utilizar. Para ello indicaremos este atributo que contendrá una dirección URL donde encontrar la información correspondiente.

itemid

Este atributo puede dar información sobre un elemento común que encontremos en el resto de Internet. Viene a ser como crear una ficha única (o no) que contenga la información que queremos dar.

itemref

Si dentro del contenido queremos hacer referencia a varios elementos, podemos asignarles como un nombre a cada uno de ellos. Para eso usaremos el itemref, que será el que haga referencia a los distintos elementos.

itemprop

Es la propiedad y el valor en sí que queremos indicar. Simple y llanamente.

Y, como último ejemplo:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Photo gallery</title>
  </head>
  <body>
    <h1>My photos</h1>
    <figure itemscope itemtype="http://n.whatwg.org/work" itemref="licenses">
      <img itemprop="work" src="images/house.jpeg" alt="A white house, boarded up, sits in a forest.">
      <figcaption itemprop="title">The house I found.</figcaption>
    </figure>
    <figure itemscope itemtype="http://n.whatwg.org/work" itemref="licenses">
      <img itemprop="work" src="images/mailbox.jpeg" alt="Outside the house is a mailbox. It has a leaflet inside.">
      <figcaption itemprop="title">The mailbox.</figcaption>
    </figure>
    <footer>
      <p id="licenses">All images licensed under the <a itemprop="license" href="http://www.opensource.org/licenses/mit-license.php">MIT license</a>.</p>
    </footer>
  </body>
</html>

El resultado de este ejemplo es que, según la información que encontremos en esta URL: http://n.whatwg.org/work tenemos que:

  • work: images/house.jpeg
  • title: The house I found.
  • license: http://www.opensource.org/licenses/mit-license.php

y

  • work: images/mailbox.jpeg
  • title: The mailbox.
  • license: http://www.opensource.org/licenses/mit-license.php

Y esto es todo… y a lo largo de los próximos días os pondré ejemplos de elementos que ya han sido creados para un objetivo claro, y que los buscadores podrían ya utilizar para extraer información.

Media RSS (mRSS) o cómo indexar vídeos

El contenido es el rey, pero… ¿cómo es el contenido audiovisual? Los vídeos tienen a veces un problema con su promoción. Y que conste que cuando hablo de vídeos no hablo de los que hay en Youtube o similares, sino de aquellos que se alojan en servidores propios. Porque, cuando se habla de hacer SEO en vídeo se habla de eso, no de SEO de Youtube (que es otra cosa).

En la Guía SEO hablo del SEO para vídeos y, aunque explico algunos datos sobre los distintos tipos de buscadores y cómo mejorar los meta-datos de los vídeos, hablo de los Sitemaps de Vídeo y del mRSS (Media RSS) pero no entro mucho en detalle. A diferencias de los contenidos para web, Google no ha sido capaz que todos los buscadores de vídeo utilicen su formato de Sitemap, sino que adaptaron un sistema más genérico aportado por Yahoo! tiempo atrás, el Media RSS, una ampliación de los RSS de toda la vida.

¿Y por qué el mRSS sobre los Sitemaps? Muy simple, hasta Google da soporte a este formato, lo que lo hace un estándar en cualquier buscador de vídeo. Y ahora que con el HTML 5 el elemento <video> va a ganar adeptos, seguro que interesa mejorar la promoción de estos.

¿Y cómo es un mediaRSS? Básicamente es un RSS que incluye elementos “media”. De esta forma, dentro de un RSS encontraríamos algo como:

<rss version="2.0" xmlns:media="http://search.yahoo.com/mrss/">
<channel>
  <title>Music Videos</title>
  <link>http://www.example.com</link>
  <description>Algunos videos que molan</description>
  <item>
    <title>Ejemplo de video 1</title>
    <link>http://www.example.com/video1</link>
    <media:content url="http://www.example.com/movie.mov" fileSize="12216320" type="video/quicktime" expression="full">
      <media:player url="http://www.example.com/player?id=1111" height="200" width="400"/>
      <media:hash algo="md5">dfdec888b72151965a34b4b59031290a</media:hash>
      <media:credit role="producer">nombre del productor</media:credit>
      <media:credit role="artist">nombre del artista</media:credit>
      <media:category scheme="http://blah.com/scheme">music/artist name/album/song</media:category>
      <media:text type="plain">
        Oh, say, can you see, by the dawn's early light
      </media:text>
      <media:rating>nonadult</media:rating>
    </media:content>
  </item>
</channel>
</rss>

Los elementos a tener en cuenta son:

  • media:group: Es un elemento agrupador. Se debería usar en caso en el que haya varios vídeos en un mismo artículo.
  • media:content: Es la información de cada uno de los contenidos. Puede llevar una larga serie de atributos:
    • url: Es la dirección URL completa del vídeo. Si no existe, ha de existir el media:player.
    • fileSize: Tamaño, en bytes. Opcional.
    • type: MIME-type. Opcional.
    • medium: Tipo de elemento que es. Opcional. A elegir entre:
      • image
      • audio
      • video
      • document
      • executable
    • isDefault: En el caso de que haya un media:group, indica cuál de todos es el predeterminado. Opcional.
    • expression: Indica si es un corte de ejemplo, completo… Opcional. A elegir entre:
      • sample
      • full
      • nonstop
    • bitrate: El bitrate en kbps. Opcional.
    • framerate: Los frames por segundo en fps. Opcional.
    • samplingrate: Los samples por segundo en “miles de samples por segundo” kHz. Opcional.
    • channels: Número de canales de audio. Opcional.
    • duration: Número de segundos que dura. Opcional.
    • height: Altura del objeto. Opcional.
    • width: Anchura del objeto. Opcional.
    • lang: Idioma principal del contenido. Se expresa en el código de 2 letras. Opcional.
  • media:rating: Permite indicar el tipo de audiencia al que va dirigido. Se puede un atributo:
    • scheme: Indica la URL a tomar como base de la valoración. Si no se indica su valor es urn:simple.
    • [valor]: En el caso de indicar una valoración externa, se indicará ese valor. En caso contrario, se puede indicar adult / nonadult.
  • media:title: Indica el título del contenido multimedia. Puede contener un atributo:
    • type: Marca si es en texto plano o en HTML. Sus posibles valores son:
      • plain
      • html
  • media:description: Indica la descripción del contenido multimedia. Puede contener un atributo:
    • type: Marca si es en texto plano o en HTML. Sus posibles valores son:
      • plain
      • html
  • media:keywords: Indica la palabras clave (máximo 10) del contenido, separadas por comas.
  • media:thumbnail: Para mostrar uno o varios thumbnails del contenido. Se han de ordenar por importancia. Tienen algunos atributos:
    • url: Indica la dirección URL de la imagen.
    • height: La altura de la imagen. Opcional.
    • width: La anchura de la imagen. Opcional.
    • time: Indica el momento exacto en el que aparece en el contenido. Tiene el formato Normal Play Time (NTP) que es algo como: [hora]:[minuto]:[segundo].[milesimas]. Opcional.
  • media:category: Sistema para indicar la categorización del contenido. Por defecto es la de Yahoo! que sirve para todos.
    • scheme: Indica la URL a tomar como base de la valoración. Si no se indica su valor es http://search.yahoo.com/mrss/category_schema.
    • [valor]: En el caso de indicar una valoración externa, se indicará ese valor. En caso contrario, se puede indicar musica/artista/album/cancion.
  • media:hash: Sistema de seguridad para comprobar que el contenido es correcto. Se le ha de indicar la codificación:
    • algo: Indica la codificación a tener en cuenta. Puede ser:
      • md5
      • sha-1
  • media:player: En el caso en el que no haya un multimedia directamente, se puede indicar el código con el reproductor. Tiene varios atributos:
    • url: La dirección URL del reproductor multimedia, con los parámetros que haya de llevar.
    • height: La altura del reproductor. Opcional.
    • width: La anchura del reproductor. Opcional.
  • media:credit: Es la información de créditos del multimedia… Existen un estándar de perfiles dado por la European Broadcasting Union Role Codes:
    • scheme: Hay varias opciones, pero es recomendable usar el valor urn:ebu.
    • role: Especifica el valor del rol de esa persona. Puede ser:
      • actor
      • anchor person
      • author
      • choreographer
      • composer
      • conductor
      • director
      • … ver lista completa
  • media:copyright: Se usa para indicar los datos del ©opyright. Si es Creative-Commons hay otro sistema.
    • url: URL donde se hace referencia a la licencia a aplicar al contenido.
  • media:text: Se utiliza para subtitular el contenido, ya sea una conversación, la letra de una canción… Tiene varios atributos posibles:
    • type: Indica el formato del contenido textual. Puede ser:
      • plain
      • html
    • lang: Idioma principal del contenido. Se indica habitualmente con las 2 letras referentes al idioma.
    • start: Indica el momento inicial de ese fragmento de texto. Se indica en formato NTP.
    • end: Indica el momento final de ese fragmento de texto. Se indica en formato NTP.
  • media:restriction: Con este elemento podemos restringir los contenidos de varias formas (país, motor de búsqueda…). Tiene los siguientes atributos:
    • relationship: Marca el tipo de restricción. Puede ser:
      • allow
      • deny
    • type: Indica el tipo de restricción. Puede tener estos valores:
      • country: Dando el formato de 2 letras del país.
      • uri: Con un formato de URL posible (por ejemplo: urn:apple, http://images.google.com, urn:yahoo)
      • sharing: Si se puede o no compartir.
  • media:community: Información relacionada con la “comunidad” (votaciones, visualizaciones…). Tiene algunos subelementos posibles:
    • media:starRating: Indica la valoración del elemento. Puede tener varios atributos:
      • average: La media de la votación.
      • count: La cantidad de votos que lleva.
      • min: Valor mínimo de la votación.
      • max: Valor máximo de la votación.
    • media:statistics: Indica las estadísticas del elemento multimedia. Puede tener estos atributos:
      • views: Número de visualizaciones total.
      • favorites: Número de veces que se ha marcado como favorito.
    • media:tags: Se facilitan los tags del elemento, con posibilidad de indicar su peso, separados por comas (por ejemplo: tag_name:peso, tag_name:peso).
  • media:comments: Es un contenedor de comentarios. Dentro tendrá cada elemento con cada comentario:
    • media:comment: El comentario, en texto plano.
  • media:embed: En caso en que el reproductor necesite ser bastante más ampli, se puede incorporar la información como si de un <embed> se tratase. Para ello se puede usar un código similar al siguiente:


    <media:embed url="http://www.ejemplo.com/player.swf" width="320" height="250">
      <media:param name="type">application/x-shockwave-flash</media:param>
      <media:param name="width">512</media:param>
      <media:param name="height">323</media:param>
    </media:embed>

  • media:responses: Es un contenedor de respuestas. Dentro tendrá cada elemento con cada respuesta:
    • media:response: La respuesta, como otro elemento media.
  • media:backLinks: Es un contenedor de páginas que incluyen ese vídeo. Dentro tendrá cada elemento con cada enlace:
    • media:backLink: El enlace, la URL completa.
  • media:status: El estado del elemento multimedia. Puede tener algunos atributos:
    • state: Indica el estado en sí. Puede tener varios valores:
      • active
      • blocked
      • deleted
    • reason: En caso de que esté bloqueado o eliminado, se puede indicar una URL o un texto plano que informen del caso concreto.
  • media:price: Se puede indicar el precio de compra o alquiler del multimedia. Tiene varios atributos para la combinatoria:
    • type: Tipo de alquiler o venta. Puede tener varios valores:
      • rent
      • purchase
      • package
      • subscription
    • info: En el caso de “package” o “subscription” se puede indicar la URL con información. Opcional.
    • price: Precio de compra, alquiler… Opcional.
    • currency: La moneda, indicada con el ISO de 3 letras de la moneda. Opcional.
  • media:license: En el caso de que no haya ©opyright, sino que haya una licencia, se puede indicar la informaciónd e forma automática. Se puede indicar el atributo type con el tipo de contenido si se incluye una href que indicaría la dirección URL.
  • media:subTitle: Se pueden indicar tantos subtítulos como idiomas haya disponibles. Este elemento soporta varios atributos:
    • type: El MIME-type del fichero del subtítulo.
    • lang: El idioma del subtítulo.
    • href: La dirección URL del subtítulo.
  • media:peerLink: Enlace P2P del elemento multimedia. Incorporaría el type para indicar el MIME-type y el href con la URL de descarga del elemento. Por ejemplo, se podría indicar un fichero .torrent.
  • media:location: Si queremos geolocalizar alguno de los lugares que aparecen en el elemento multimedia lo podemos hacer gracias a geoRSS. Para ello indicaremos el lugar y luego incluiremos en su interior un código geoRSS.
    • description: Lugar que aparece.
    • start: Hora de inicio en el que aparece.
    • end: Hora final en el que ya no aparece.
  • media:rights: Derechos sobre el elemento multimedia. Incluye un atributo:
    • status: Indica el estado. Puede tener varios valores:
      • userCreated
      • official
  • media:scenes: Si el elemento multimedia se puede dividir en varias escenas o bloques, se pueden incluir. Dentro de este elemento contenedor iría cada una de las escenas:
    • media:scene: Es el contenedor de cada una de las escenas. Puede incluir otros subelementos:
      • sceneTitle
      • sceneDescription
      • sceneStartTime
      • sceneEndTime

Gracias a este sistema de RSS, podemos enviar y dar a conocer a los distintos buscadores de vídeo la información para que indexe nuestros propios vídeos. Puedes enviar el mRSS a cada uno de los buscadores:

HTML 5: el gran hermano te geolocaliza

Aunque se asocia el lanzamiento de las funciones de geolocalización al HTML 5, lo cierto es que la Geolocation API son unas funciones en JavaScript independientes de esta forma de mostrar las páginas web.

Básicamente el navegador, dependiendo de la conexión a Internet, será capaz de saber qué latitud, longitud y otros datos tienes en ese momento. Os dejo con un par de ejemplos de código que, dependiendo del navegador, deberían funcionar. El primero de ellos es simplemente textual, el segundo muestra un mapa.

El código más sencillo tiene una pinta tal que esta:

<script type="text/javascript">
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(successFunction, errorFunction);
  } else {
    alert('Tu navegador no soporta la geolocalizacion.');
  }
  function successFunction(position) {
    var lat = position.coords.latitude;
    var long = position.coords.longitude;
    alert('Tu localizacion es -- latitud : '+lat+' longitud : '+long);
  }
  function errorFunction(position) {
    alert('No se ha podido recuperar la geolocalizacion.');
  }
</script>

Cuánto tráfico te envía Google

Desde hace un tiempo tengo la sospecha de que Google nos toma el pelo cuando nos manda tráfico orgánico. Me explico. En muchas ocasiones escucho a compañeros, amigos y demás, que cada uno ve un sitio en un resultado distinto, y en muchas ocasiones alguno de nosotros decía que “seré yo el raro”, “es que estoy logueado” o “es que tengo el .com”.

Hace unas semanas apareció el nuevo sistema mejorado de muestreo de resultados dentro de Webmaster Tools, y haciendo un repaso con los datos de algunos de mis sitios y los de unos cuantos clientes, llegué a la conclusión de que Google usa un sistema parecido al CTR de los anuncios de Adwords para el envío de tráfico.

Tras hacer unas cuantas cuentas con el Excel, me ha salido esta pequeña tabla con algunos datos:

 no marcamarca
impresiones26.335.8004.883.800
clics2.164.1102.158.490
tráfico8%44%
puesto 152%57%
puesto 221%3%
puesto 314%10%
puesto 48%8%
puesto 56%24%
de 6 a 103%22%
página 26%2%
página > 36% 

Tras revisar estos datos hay una primera conclusión importante: cuando alguien busca tu marca, Google te acaba enviando el 50% de la gente que la busca; en cambio, sólo te manda el 10% del tráfico del resto de consultas que se realizan. Esto confirma las sospechas que hacía tiempo que tenía y es que Google sólo pone arriba aquellos sitios que, por norma general, pueden llegar a darle “algo más de ingresos”, ya que los sitios que tienen Adsense suelen aparecer ligeramente por encima de este 10% de media.

La siguiente conclusión es que o apareces en los 5 primeros puestos de los resultados de búsqueda o “no existes”. Esta afirmación seguro que ya la habéis leído en algunas otras ocasiones, pero bueno, yo ahora simplemente la repito con las cifras de los datos que la propia Google nos ofrece:

  • Puesto 1: 50% de clics
  • Puesto 2: 20% de clics
  • Puesto 3: 15% de clics
  • Puesto 4: 10% de clics
  • Puesto 5: 5% de clics

Este escalado se cumple de forma general tanto en consultas genéricas como en consultas de long-tail. Teniendo en cuenta esto, el objetivo del SEO de toda la vida ha cambiado bastante. Ahora, estar en los primeros resultados te lleva al peligroso mundo de “los cambios de algoritmo”, en cambio, asegurarte estar por la mayor cantidad de long-tail te lleva a que pase lo que pase mantendrás ese 10% de tráfico.

Un detalle muy interesante que también he visto es que, en aquellos sitios que sufren una penalización, el tráfico total que llega de Google por las búsquedas en las que se aparece baja del 10% al 1% y, que de media, la penalización te sitúa en los últimos 4 puestos de la primera página de resultados, dejando tu página habitualmente en el puesto 9-10.

HTML 5: el “rich media” está de moda

Poco a poco se acaban los temas a tratar referentes al código que podemos desarrollar sobre HTML 5, aunque eso no significa que las entradas sobre el tema se acaben.

En esta ocasión toca ya cerrar los elementos, y lo haré con los multimedia. No voy a entrar en muchísima profundidad en cada uno de ellos, ya que algunos darían para documentación muy extensa (sobre todo su actividad externa y el funcionamiento), pero aquí os comento un poco sobre cada uno de ellos.

embed

El elemento embed normalmente se utiliza para integrar elementos multimedia no-HTML, como aplicaciones o elementos interactivos. El bastante sencillo de configurar ya que tiene pocos atributos.

El primero de ellos es el src para indicar la dirección URL del elemento en cuestión, y también el type, que indicará el MIME del elemento, para que el navegador sepa interpretarlo. para acabar, sólo queda indicar el width y height, y así ocupar el espacio que debe.

<embed src="ejemplo.swf" quality="high">

object

El elemento object representa un recurso externo que se podría tratar de forma similar a una imagen, y que puede necesitar un plugin para ser procesado.

El atributo data hace referencia a la dirección URL del contenido a mostrar, el type, al igual que en otros elementos, es el MIME de dicho contenido

A parte del width y height, también se pueden incluir otros atributos como el name, para poder interactuar con el elemento, el usemap si lo queremos relacionar con un mapa, o el form, si está relacionado con un formulario.

param

El elemento param, que depende siempre del object, se utiliza para enviar información de los parámetros que ha de utilizar el plugin en cuestión.

Únicamente tiene dos atributos, que son el name, que sería el nombre de la variable y el value, que sería el valor en sí mismo.

<object data="ejemplo.swf">
  <param name="quality" value="high">
</object>

video

Si hay un elemento que está generando mucha controversia es el elemento video. Básicamente todo viene por el uso del estándar de vídeo que debe funcionar en todos los navegadores y que, en este momento, no existe… pero, dejando de eso a un lado, el sistema de funcionamiento del elemento ya está decidido…

El atributo src sería la dirección URL del vídeo, y el poster, la dirección URL de la imagen que aparecería representando al vídeo. Si queremos conseguir algo de información del vídeo, podemos usar el atributo preload que permite 3 posibles valores: “none” si no queremos que se lea nada del vídeo), “metadata”, si queremos que lea el primero de los frames y saque cierta información (tamaño del vídeo, duración, etc…) o “auto” si queremos que sea el navegador el que decida qué hacer.

En el caso en que queramos que el vídeo comienza a funcionar de forma automática, podemos añadir el atributo booleano autoplay que hará que se cargue sólo, y de una forma similar, el atributo loop permitirá que el vídeo se reproduzca de forma indefinida.

A parte del width y height, también tenemos el booleano controls, que nos permite decidir si el reproductor ha de mostrar o no los sistemas de control para poder interactuar con los vídeos.

<video src="video.mpg" autoplay controls></video>

audio

El elemento audio es bastante similar al video, con la diferencia de que es un formato más establecido, pero que tiene básicamente los mismos parámetros.

Tendremos los mismo parámetros, que son src para indicar el audio, preload para sacar la información, autoplay para que empiece sólo, loop si queremos que se repita y controls si queremos que se muestren los controles del reproductor.

<audio src="audio.mp3" autoplay loop></audio>

source

Como antes comentaba, puede que los distintos navegadores den soporte a distintos formatos de vídeo y audio… por lo que una sola dirección URL no sería útil. Es por esto que existe el elemento source, con el que este problemilla se soluciona, permitiendo incorporar distintos medios como fuentes de muestra de los vídeos o audios.

Este elemento tiene tres atributos, que son src, que indicará la dirección URL, el type que indicará el MIME y que debería incluir el codecs= que indicarán el sistema de codificación del vídeo. También puede llevar el atributo media, que habitualmente tendrá el valor “all”.

<video controls>
  <source src="video.mp4" type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'">
  <source src="video.3gp" type="video/3gpp; codecs='mp4v.20.8, samr'">
  <source src="video.ogv" type="video/ogg; codecs='theora, vorbis'">
</video>

map

Otro de los elementos que hace años se utilizaba bastante era el de los map. Gracias a estos se podría hacer una selección de zonas de una imagen, y convertir esas zonas en enlaces, por ejemplo.

El único atributo que soporta es el name, que hace referencia a la imagen por la cual se generará el mapa.

area

Para que un map tenga zonas, se necesitan indicar las area que van a tener. Este elemento siempre irá contenido dentro de un mapa.

Los atributos que soporta son bastantes y variados. El primero de ellos es el href, que indica la dirección a la que se dirigirá al hacer clic en la zona indicada. Al igual que en las imágenes, el alt informará sobre ese enlace.

Para indicar la forma y lugar de la zona tenemos los elementos coords y shape. las coordenadas serán número enteros que indicarán los puntos de la imagen, y la forma puede tener los valores “circle”, “default”, “poly” o “rect”.

Otros atributos habituales, de los que ya he hablado en muchas ocasiones son target, rel, media, hreflang y type.

Un ejemplo sobre esta imagen, podría ser este:

<img src="sample-usemap.png" lt="Four shapes are available: a red hollow box, a green circle, a blue triangle, and a yellow four-pointed star." width="600" height="150" usemap="#shapes">
<map name="shapes">
  <area shape=rect coords="50,50,100,100">
  <area shape=rect coords="25,25,125,125" href="rojo.html" alt="Red box.">
  <area shape=circle coords="200,75,50" href="verde.html" alt="Green circle.">
  <area shape=poly coords="325,25,262,125,388,125" href="azul.html" alt="Blue triangle.">
  <area shape=poly coords="450,25,435,60,400,75,435,90,450,125,465,90,500,75,465,60" href="amarillo.html" alt="Yellow star.">
</map>

details

Aunque no se podría llegar a considerar un elemento multimedia en sí, es cierto que el bloque details es muy probable que se utilice junto a elementos multimedia, ya que representa un bloque de contenido que muestra información adicional o controles de otro bloque.

El único atributo que se le permite es el de open que haría que, si está activo, los detalles estén expandidos, ya que, sino, este bloque quedaría oculto por defecto. Otro detalle es que obligatoriamente ha de contener un summary.

summary

Esta es fácil; el summary simplemente es el resumen o título de un details.

<details open>
  <summary>Name & Extension:</summary>
  <p><input type=text name=fn value="Pillar Magazine.pdf"></p>
  <p><label><input type=checkbox name=ext checked>Hide extension</label></p>
</details>

menu

El elemento menu representa un conjunto de comandos… básicamente es un simple contenedor de elementos command. Hay dos atributos posibles. El primero de ellos es el label, que será el atributo que dará nombre al menú.

El segundo de ellos es el type. En este caso tiene tres posibles opciones; si no se indica nada, será un “list” (listado). En caso de incluir el valor “context” se tratará como un menú contextual, y si es el valor “toolbar” se tratará como una barra de herramientas.

command

El elemento command es eso, un comando, una especie de botón que cuando se pulse, el sistema ejecutará alguna acción (como si de una opción de un menú de las ventanas de la mayoría de sistemas operativos se tratase).

Puede tener varios atributos. El primero de ellos es el type, que en este caso incida el tipo de comando. Puede ser un “command” (que ejecuta algo), un “checkbox” (para indicar si está activo o no) o un “radio” (si es una opción de entre varias). Además, cada una de las opciones puede llevar un label que daría la explicación de qué hace.

El atributo icon indicaría la URL del icono que ha de mostrar esa opción. Cada una de ellas puede estar checked y/o disabled según sea necesario. Los “radio” incorporarán un radiogroup que llevará un valor común para varias opciones.

<menu type="toolbar">
  <command type="radio" radiogroup="alignment" checked="checked" label="Left" icon="left.png" onclick="setAlign('left')">
  <command type="radio" radiogroup="alignment" label="Center" icon="center.png" onclick="setAlign('center')">
  <command type="radio" radiogroup="alignment" label="Right" icon="right.png" onclick="setAlign('right')">
  <hr>
  <command type="command" disabled label="Publish" icon="pub.png" onclick="publish()">
</menu>

Otro ejemplo podría quedar algo así:

<menu type="toolbar">
  <li>
    <menu label="File">
      <button type="button" onclick="fnew()">New...</button>
      <button type="button" onclick="fopen()">Open...</button>
      <button type="button" onclick="fsave()">Save</button>
      <button type="button" onclick="fsaveas()">Save as...</button>
    </menu>
  </li>
  <li>
    <menu label="Edit">
      <button type="button" onclick="ecopy()">Copy</button>
      <button type="button" onclick="ecut()">Cut</button>
      <button type="button" onclick="epaste()">Paste</button>
    </menu>
  </li>
  <li>
    <menu label="Help">
      <li><a href="help.html">Help</a></li>
      <li><a href="about.html">About</a></li>
    </menu>
  </li>
</menu>

Los requisitos de Google sobre sitios web

Dentro de la zona de soporte de Google, existe una sección que habla sobre la creación de sitios y cómo han de ser de cara a que “a Google le gusten”.

El sitio se distribuye en 4 secciones:

  • Directrices generales
  • Organización y estructura del sitio
  • Contenido del sitio
  • Fragmentos enriquecidos y marcado estructural

Es curioso cómo marca Google esos bloques, y que, a priori, por ejemplo, no hable de enlaces o similares. Las primeras directrices que se dan hacen referencia a diseño, tecnología y calidad.

Lo primero que se recomienda es dar de alta el sitio a través de la página de alta o de un sitemap. Y después algunas recomendaciones sobre SEO, a través de algunos avisos sobre “lo malos que pueden ser algunos SEO”. Un detalle que dan es que si te sientes estafado por un SEO, puedes acudir a la entidad de Consumo de tu país. Eso sí, hablan de la importancia de los contenidos, tanto de sitios como de bloggers, para generar enlaces naturales.

Lo que es quizá más curioso es que den tantos detalles sobre cómo enviar la información a todos los verticales que el gigante tiene dependiendo del tipo de información.

El siguiente paso es la forma de organizar el sitio y cómo cuidarlo, más con detalles técnicos. Información sobre cómo organizar las direcciones URL, cómo tratar los idiomas y países, cómo gestionar los robots.txt y los canonicals. Cómo se debe tratar el AJAX, los antiguos frames, cómo funciona el rel=”nofollow” y el rel=”canonical”.

Unos avisos importantes sobre seguridad y sobretodo los que hacen referencia al “malware” (o sea, a todo lo que pueda provocar inseguridad en los usuarios de sitios web), además de informar sobre cómo solicitar una reinclusión o tener precaución con las redirecciones abiertas. para acabar, la revisión de redirecciones 301 y las páginas de error 404 o si afectan los cambios de servidor o IP.

Con respecto a los contenidos textuales, se habla bastante de las limitaciones para acceder a ellos, ya sea por los robots o a través de las meta-etiquetas. Un detalle interesante es la información de aquellos sitios que también tienen un sistema de afiliados.

Con respecto a los contenidos y fragmentos, tengo pendiente unos cuantos artículos hablando de ellos… así que eso lo dejo para otro momento… que sólo con lo que Google deja, creo que hay para rato.