<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>Javier Casares</title> <atom:link href="http://javiercasares.com/feed/" rel="self" type="application/rss+xml" /><link>http://javiercasares.com</link> <description>Acelero Proyectos de Internet haciendo cosas que otros no hacen...</description> <lastBuildDate>Fri, 03 Feb 2012 12:30:13 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <atom:link rel="hub" href="http://pubsubhubbub.appspot.com"/> <item><title>Cambio de paradigma profesional</title><link>http://javiercasares.com/blog/cambio-de-paradigma-profesional/</link> <comments>http://javiercasares.com/blog/cambio-de-paradigma-profesional/#comments</comments> <pubDate>Thu, 02 Feb 2012 20:23:33 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Mis Cosas]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3654</guid> <description><![CDATA[Renovarse o morir; eso dicen. Hace un año que volvía de Miami a Barcelona para estar unas semanas y prepararme para una vuelta allí de unos meses con el chip cambiado. Hubo muchos cambios personales y profesionales. Cuando volví en &#8230; <a
href="http://javiercasares.com/blog/cambio-de-paradigma-profesional/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Renovarse o morir; eso dicen. Hace un año que volvía de Miami a Barcelona para estar unas semanas y prepararme para una vuelta allí de unos meses con el <em>chip</em> cambiado. Hubo muchos cambios personales y profesionales. Cuando volví en mayo la idea era quedarme en Barcelona hasta septiembre, todo se alargó hasta diciembre y, hace cosa de un mes muchos cambios, una vez más, han hecho que dedique las últimas dos semanas a reorganizar prácticamente todo; para comenzar he cambiado cosas de mi casa, que ya tocaba.</p><p>Los cambios principales han sido profesionales; para empezar <a
href="http://keepitsimplelab.com/">Keep It Simple Lab</a> va a tener una persona trabajando, lo que va a implicar por un lado responsabilidades y por otro poder crecer de una forma que hasta ahora no habíamos podido. Esto también va unido a una mayor dedicación en tiempo y esfuerzo a la compañía, a los clientes y a poder absorber más trabajo, aunque en realidad son casi más proyectos que trabajo, ya que estoy (estamos) en fase de dedicar esfuerzos a aplicar lo que sabemos a nosotros mismos.</p><p>Estos cambios también corresponden a un enfoque personal distinto. Últimamente estoy enfocado más en <em>organizar</em> proyectos y no tanto en hacer <a
href="http://javiercasares.com/seo/">SEO</a>. Es decir, mirar más por la arquitectura de la información (incluida la infraestructura) y el <a
href="http://javiercasares.com/wpo/">WPO</a> (la parte de infraestructura). Los clientes y el sector de Internet en general están muy concienciados con el SEO, del que hay que orientar pero no tanto forzar, ya que es algo que comienza a darse sólo.</p><p>Además de esto, estoy retomando ligeramente lo de dar charlas. Esta semana estoy en el Máster en Buscadores (medio de SEO medio de WPO), en breve participaré en otro máster pero este únicamente en la parte de WPO e infraestructura y escalabilidad&#8230; además, es probable que esté por el Search Congress, por el Congreso SEO y en algunas charlas de aDigital en los próximos meses.</p><p>En cosa de pocos meses hará 15 años que estoy día a día en la red de redes, creando sitios, desarrollando aplicaciones, redactando decenas y decenas de documentos, publicando libros y, creo que ese ritmo que llevaba ya no es posible seguirlo (casi me atrevo a decir que no puedo estar al día en lo que a la parte de desarrollador se refiere) lo que ha hecho que, tras muchas horas de reflexión, de negociaciones con socios y mi alrededor haya tenido que dar este giro que creo que va a aportar un <em>feeling</em> distinto a mi día a día.</p><p>Así que si tienes alguna idea que quieras llevar a cabo, si quieres escalar tu proyecto de Internet de forma fácil, si quieres tener una visión distinta de cómo desarrollar tu proyecto&#8230; tan <a
href="http://javiercasares.com/contacto/">sólo has de contactar conmigo</a> y, ahora más que nunca, seguro que podemos ayudarte.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/cambio-de-paradigma-profesional/feed/</wfw:commentRss> <slash:comments>9</slash:comments> </item> <item><title>CSS 3 object-fit: cover y contain</title><link>http://javiercasares.com/blog/css3-object-fit/</link> <comments>http://javiercasares.com/blog/css3-object-fit/#comments</comments> <pubDate>Wed, 04 Jan 2012 08:20:10 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[CSS]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3649</guid> <description><![CDATA[Sin duda CSS3 nos va a permitir hacer cosas que hasta ahora eran bastante complejas de hacer, al menos si se querían hacer bien. Aunque todavía casi ningún navegador le da soporte (yo lo he probado con Opera 12a), me &#8230; <a
href="http://javiercasares.com/blog/css3-object-fit/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Sin duda CSS3 nos va a permitir hacer cosas que hasta ahora eran bastante complejas de hacer, al menos si se querían hacer bien. Aunque todavía casi ningún navegador le da soporte (yo lo he probado con Opera 12a), me gusta mucho las funciones de <em>object-fit</em> que permiten, de forma sencilla, integrar imágenes o incluso vídeos dentro de un espacio determinado, o adaptarlo a unos tamaños a los que hasta ahora estábamos forzados.</p><p>He hecho la prueba en Internet Explorer 9.0, Google Chrome 16.0, Mozilla Firefox 9.0 y Opera 12a y sólo en este último he conseguido que esto funcione&#8230;</p><p>El objetivo es hacer lo siguiente (imagen basada en Opera 12a):</p><p><a
href="http://javiercasares.net/uploads/imagenes-css-object-fit.png"><img
src="http://javiercasares.net/uploads/imagenes-css-object-fit.png" alt="" title="imagenes-css-object-fit" width="485" height="433" class="aligncenter size-full wp-image-3650" /></a></p><p><strong>Object Fit: Contain</strong></p><p>Básicamente es meter la imagen dentro de un espacio definido. En mi caso era meter la imagen en un cuadrado de 150px x 150px. Para ello tan sólo hay que ejecutar el siguiente código de CSS.</p><pre><code>width: 150px;
height: 150px;
border: 1px solid black;
-ms-object-fit: contain;
-moz-object-fit: contain;
-o-object-fit: contain;
-webkit-object-fit: contain;
object-fit: contain;</code></pre><p>Con esto conseguimos meter la imagen dentro del recuadro, como se ve en la imagen.</p><p><strong>Object Fit: Cover</strong></p><p>En este caso tenemos algo similar, pero lo que hace es adaptar la imagen del alto o ancho (la menos de ellas) al ancho o alto propuesto por el código&#8230; esto significa que siempre habrá un sitio por el que sea más grande si la imagen no es cuadrada.</p><pre><code>width: 150px;
height: 150px;
border: 1px solid black;
-ms-object-fit: cover;
-moz-object-fit: cover;
-o-object-fit: cover;
-webkit-object-fit: cover;
object-fit: cover;</code></pre><p>Podéis ver un ejemplo en real en la <a
href="http://javiercasares.net/uploads/css-aspect-ratio/index.html">página de ejemplo de CSS3 object-fit</a> que he hecho para probar o visitar la página del W3C donde se explican <a
href="http://www.w3.org/TR/css3-images/#object-fit">más detalles sobre object-fit</a>.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/css3-object-fit/feed/</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>deSEO para 2012</title><link>http://javiercasares.com/blog/deseo-para-2012/</link> <comments>http://javiercasares.com/blog/deseo-para-2012/#comments</comments> <pubDate>Mon, 02 Jan 2012 19:05:13 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Search Engine Optimization]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3647</guid> <description><![CDATA[Puede que sea cosa mía, pero haciendo una revisión de los cambios de 2010 y 2011 me doy cuenta de que el SEO se ha estancado&#8230; estancado en cuanto a que los buscadores van metiendo cosas pero no van muy &#8230; <a
href="http://javiercasares.com/blog/deseo-para-2012/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Puede que sea cosa mía, pero haciendo una revisión de los cambios de 2010 y 2011 me doy cuenta de que el SEO se ha estancado&#8230; estancado en cuanto a que los buscadores van metiendo cosas pero no van muy relacionadas tanto con la evolución del SEO como lo ha estado haciendo entre 2005 y 2010.</p><p>Sí, ya sé que el año pasado entró en nuestra vidas un animal muy entrañable como es el Panda, un algoritmo que ha hecho mucho daño a un determinado tipo de sitios, sitios que básicamente &#8220;no hacían las cosas bien&#8221; (y entiéndase bien por lo que a Google se le pasa por el forro). Eso sí, cada vez más vemos unos resultados más personalizados para cada usuario o para cada territorio (ciudad y país), incluyendo cada vez más información externa (llámese OneBox) y que, más que SEO lo que hacen es destacar sus propios servicios (que no digo que sea malo, simplemente hacen que ya no sea una cuestión de SEO propiamente dicho). Quizá el único elemento más de SEO que podríamos encontrar es el SEO local (principalmente con Google Places) para un determinado tipo de búsquedas.</p><p>Y esto me lleva también a ver los sitios web que hablan de SEO. Personalmente ya no sé qué publicar porque, novedades en sí mismas pocas hay&#8230; de tanto en tanto hay alguna variación, pero, como decía, exceptuando el Google Panda, el SEO de hoy en día se resumen en un concepto: trabajar bien. Esto es un concepto muy amplio ya que implica desde la concepción del sitio web, la calidad de los contenidos, la arquitectura de la información, el SEO, el WPO&#8230; aunque, todos estos elementos, si se tiene un equipo que hace bien su trabajo está solucionado. Eso sí, el equipo debe pensar en una idea principal: tienes un único usuario, Google, y el resto de visitas son &#8220;daños colaterales&#8221; (millones en muchos casos).</p><p>Los últimos clientes y trabajos que me han ido saliendo en estos últimos meses la verdad es que no me han dado ninguna faena propiamente dicha de SEO. Todo ha sido revisión de los elementos básicos de los sitios (robots, sitemaps, etc&#8230;), un poco de arquitectura de la información (porque la mayoría de sitios estaban mal organizados) y posteriormente un poco de mejoras de rendimiento tanto de servidor como de sitio web.</p><p>Como digo, a mi Panda me ha afectado poco porque los sitios que gestionaba directamente estaban todos inmunizados a las malas prácticas, y a aquellos a los que les ha afectado les digo claramente que son malos desarroladores web, son malos SEO y son despreocupados por tener un buen producto. Y siento decírselo a aquellos que confían ciegamente en sus desarrolladores o su equipo no experimentado en desarrollar buenos productos de Internet. Aunque sin duda lo que más miedo me da es esta calma por parte de los buscadores. Ahora mismo tenemos 2 grandes motores para occidente (Bing y Google) y uno que dará guerra poco a poco desde oriente (Yandex). Conseguir enlaces de forma artificial cada vez se ha convertido en un deporte de riesgo si se gestiona de forma incorrecta, la tecnología e infraestructura ha dejado de ser un <em>commodity</em> para tener que dedicársele bastantes recursos y el desconocimiento de los estándares como HTML, CSS o el propio RFC2616 comienza a ser arriesgado.</p><p>¿Y ahora qué? Pues la verdad es que no tengo ni idea&#8230; hace años cuando iba a charlas y eventos siempre hablaba de 2012 como aquel año en el que veríamos cambios&#8230; y la cuestión es que hasta este año he visto como todos los motores han ido evolucionando y evolucionando pero, suponiendo que la respuesta por parte de Bing, Google y Yandex a la cuestión de ¿y a partir de ahora qué? que seguramente tendría la respuesta de &#8220;a mejorar la calidad de resultados&#8221;, no tengo muy clara cuáles podrían ser otras posibles respuestas. Seguramente hechos como que gente del departamento de búsquedas de Google está emigrando hacia otros productos de la compañía es algo bastante significativo. ¿Será el secreto del SEO la adaptación al resto de productos de los distintos buscadores? Probablemente si tienes un negocio local tendrás que enfocarte cada vez más a Google Places, si vendes a Google Merchant, aplicar microdatos para que tus resultados de búsqueda &#8220;se vean más bonitos&#8221;&#8230; pero, perdonadme que tenga mis reticencias a llamar a eso SEO, porque eso ya no es optimizar para resultados de búsqueda, eso, eso habrá que renombrarlo a &#8220;otra cosa&#8221; que todavía no sé qué es.</p><p>Ahora hace poco más de 15 años que Internet empezó a ser y crecer para convertirse en lo que es hoy en día&#8230; y tengo la sensación (o quizá es un deseo) de que este año vamos a comenzar a ver lo que va a ser la nueva Internet, una nueva Internet que va a pasar de ser proyectos de startup a ser sitios web establecidos, con abuelos como Google, Amazon o eBay y otros jóvenes como Twitter o Facebook que han venido para quedarse.</p><p>Este año 2012 (a mediados de año) también hará 15 años que mi vida comenzó a ir paralela a la red de redes&#8230; como digo, no sé si es que me hago mayor, como Internet, pero creo que es el momento del cambio.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/deseo-para-2012/feed/</wfw:commentRss> <slash:comments>15</slash:comments> </item> <item><title>Herramientas para desarrolladores en Firefox 12</title><link>http://javiercasares.com/blog/herramientas-desarrolladores-firefox-12/</link> <comments>http://javiercasares.com/blog/herramientas-desarrolladores-firefox-12/#comments</comments> <pubDate>Sat, 31 Dec 2011 18:12:15 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Tecnología]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3640</guid> <description><![CDATA[Uso Firefox el 95% del tiempo que paso con un navegador de Internet, y es que creo que como navegador es muy buena la integración con herramientas y su funcionamiento en el desarrollo de sitios web. Dicen que Chrome funciona &#8230; <a
href="http://javiercasares.com/blog/herramientas-desarrolladores-firefox-12/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Uso Firefox el 95% del tiempo que paso con un navegador de Internet, y es que creo que como navegador es muy buena la integración con herramientas y su funcionamiento en el desarrollo de sitios web. Dicen que Chrome funciona mejor, pero a mi la verdad es que ha llegado un momento en el que es todo tan simple que no acabo de entenderlo.</p><p>Hace días que ya tenemos disponible Firefox 12 (en versión alpha, que conste) y, además de estar disponible para máquinas de 64 bits (algo que me atrae bastante) hay cambios bastante importantes en lo que herramientas para desarrolladores se refiere.</p><p>NOTA: si quieres ver las últimas versiones para probar, puedes visitar la página de <a
href="http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/">Firefox Nightly version</a>.</p><p>Antes de entrar en detalle sobre los cambios que va a traer el propio navegador, me gustaría destacar la <a
href="https://addons.mozilla.org/en-US/firefox/collections/mozilla/webdeveloper/">colección de Mozilla de herramientas para desarrolladores</a>. Aquí podemos ver algunos <em>addons</em> como <a
href="https://addons.mozilla.org/en-US/firefox/addon/firebug/">Firebug</a>, la <a
href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/">Web Developer</a>, <a
href="https://addons.mozilla.org/en-US/firefox/addon/colorzilla/">Colorzilla</a> o <a
href="https://addons.mozilla.org/en-US/firefox/addon/showip/">Show IP</a>.</p><p>Lo primero que sorprende es que el <strong>F12</strong> ha dejado de funcionar para dividirse en varias herramientas y combinaciones de teclas, como se puede ver en el menú de opciones.</p><p><a
href="http://javiercasares.net/uploads/ff12-tools-menu.png"><img
src="http://javiercasares.net/uploads/ff12-tools-menu-550x412.png" alt="" title="ff12-tools-menu" width="550" height="412" class="aligncenter size-large wp-image-3642" /></a></p><p><strong>Web Console</strong></p><p>Es lo más parecido a la antigua consola que teníamos antes. Básicamente controla la red y los errores generados por CSS y JavaScript. De cada una de las peticiones podemos ver su &#8220;ficha&#8221; con las cabeceras, <em>cookies</em> y respuesta por parte del servidor, además de, petición a petición, los errores que van generando cada una de ellas a la hora de maquetar la página.</p><p><a
href="http://javiercasares.net/uploads/ff12-tools-inspector.png"><img
src="http://javiercasares.net/uploads/ff12-tools-inspector-550x412.png" alt="" title="ff12-tools-inspector" width="550" height="412" class="aligncenter size-large wp-image-3643" /></a></p><p><strong>Inspect</strong></p><p>Quizá es de las herramientas sobre las que más cambios visibles se pueden ver. La opción de inspección de los distintos bloques del código de la web se han hecho mucho más sencillos y en la parte inferior podemos ver en <em>path</em> completo, en la parte inferior el código HTML y en la parte lateral el CSS que se le está aplicando. Además, cuando vayamos seleccionando el código, veremos la etiqueta y clases que se le están aplicando de un vistazo rápido.</p><p><a
href="http://javiercasares.net/uploads/ff12-tools-inspect.png"><img
src="http://javiercasares.net/uploads/ff12-tools-inspect-550x412.png" alt="" title="ff12-tools-inspect" width="550" height="412" class="aligncenter size-large wp-image-3644" /></a></p><p><strong>JavaScript Scratchpad</strong></p><p>Aunque muy simple, esta pantalla nos permitirá hacer y revisar funciones de JavaScript para analizarlas. Como digo, por ahora bastante sencillo.</p><p><a
href="http://javiercasares.net/uploads/ff12-tools-scratchpad.png"><img
src="http://javiercasares.net/uploads/ff12-tools-scratchpad-550x412.png" alt="" title="ff12-tools-scratchpad" width="550" height="412" class="aligncenter size-large wp-image-3645" /></a></p><p><strong>Style Editor</strong></p><p>Aunque en este caso me parece una herramienta muy sencilla sin duda es bastante potente en cuanto puedes hacer cambios en tiempo real sobre los CSS y añadir o eliminar estilos cargando otros ficheros. En aquellos sitios que usen varios ficheros CSS puede venir muy bien para crear la hoja de estilos en tiempo real e ir viéndola aplicada en todo momento.</p><p><a
href="http://javiercasares.net/uploads/ff12-tools-css.png"><img
src="http://javiercasares.net/uploads/ff12-tools-css-550x412.png" alt="" title="ff12-tools-css" width="550" height="412" class="aligncenter size-large wp-image-3646" /></a></p><p>En estos momentos todavía quedan 4 versiones hasta que se lance la 12, por lo que es de prever que esto es sólo el principio en cuanto a cambios que se van a implantar en el navegador, cambios que hace tan sólo un par de años tal vez ni pensábamos tener como herramientas integradas.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/herramientas-desarrolladores-firefox-12/feed/</wfw:commentRss> <slash:comments>5</slash:comments> </item> <item><title>Ancho de banda, latencia y tenerla grande (la conectividad)</title><link>http://javiercasares.com/blog/ancho-de-banda-latencia-conectividad/</link> <comments>http://javiercasares.com/blog/ancho-de-banda-latencia-conectividad/#comments</comments> <pubDate>Thu, 29 Dec 2011 10:52:29 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Web Performance Optimization]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3637</guid> <description><![CDATA[El tamaño importa, ¿pero cuánto? Pues las pruebas que se han hecho dicen que tener una conexión a 5 Mbps es suficiente para que un sitio web funcione de forma bastante razonable siempre desde el punto de vista del cliente, &#8230; <a
href="http://javiercasares.com/blog/ancho-de-banda-latencia-conectividad/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>El tamaño importa, ¿pero cuánto? Pues las pruebas que se han hecho dicen que tener una conexión a 5 Mbps es suficiente para que un sitio web funcione de forma bastante razonable siempre desde el punto de vista del cliente, claro. Y es que Internet, como en muchas ocasiones dice <a
href="http://ferre.es/">Jaime Ferré</a> es como un milagro que funcione, pero tiene limitaciones físicas, porque la velocidad de la luz es la que es.</p><p>En muchas ocasiones hablamos que una web ha de cargar rápido y que cargue rápido significa que ha de tardar entre 1,5 y 2,5 segundos. En este tiempo hemos de incluir el tiempo desde que el usuario pulsa &#8220;Intro&#8221; en su navegador hasta que la página se muestra por pantalla. Y en la mayor parte de veces nos paramos a revisar los pequeños detalles de la carga del propio sitio: que si unir y minimizar CSS y JavaScript, hacer la menor cantidad de peticiones, CSS Sprites&#8230; pero hay una limitación física sobre la que la mayor parte de gente no piensa: la distancia.</p><p>Imagina que tienes tu servidor web en Estados Unidos, en Boston, por ejemplo. Tú vives en Madrid. Cada vez que hagas una petición a tu sitio web has de ir de tu casa al centro de datos de Madrid, de este a París, Londres, Nueva York, Boston, y volver. En total más de 7.700 kilómetros de cable con varios <em>routers</em> de por medio. Teniendo en cuenta que la velocidad de la luz por cables de fibra óptica es de 200.000 km/h (a diferencia de los 300.000 km/h que tiene en el vacío), sólo por la distancia de cable ya tenemos un tiempo de espera de 38ms, que en ida y vuelta son el doble, 76ms. Y este tiempo es sin contar con los routers y la electrónica que pueda haber, sin tener en cuenta pérdidas y suponiendo que la conexión es directamente con fibra de punto a punto yendo un bit a la máxima velocidad. Esto significa que, prácticamente, 1 décima de segundo se pierde en la conectividad en sí.</p><p>Ahora pongamos un ejemplo más práctico. Tenemos una imagen en el servidor que pesa 25KB. Hacer la petición a esa imagen desde Madrid hasta Boston implicaría unos 45ms en la petición, otros 45ms en la respuesta y unos 5ms en traer la información. Esto sería con una conexión de 5 Mbps sin pérdidas. Esto significa que de los 95ms que tarda en hacerse todo el proceso, más del 90% de la información se reduce a tiempos de latencia de la red.</p><p>Y ahora que sabes esto&#8230; ¿aún te preguntas porqué tu sitio web carga lento? Recuerda que es importante que tus servidores estén cerca (físicamente) de tus usuarios, y si no puede ser así, utilizar sistemas como BGP para conseguirlo.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/ancho-de-banda-latencia-conectividad/feed/</wfw:commentRss> <slash:comments>5</slash:comments> </item> <item><title>Navigation Time API en Google Analytics</title><link>http://javiercasares.com/blog/navigation-time-api-google-analytics/</link> <comments>http://javiercasares.com/blog/navigation-time-api-google-analytics/#comments</comments> <pubDate>Wed, 21 Dec 2011 18:13:10 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Web Performance Optimization]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3629</guid> <description><![CDATA[Una de las API más interesantes que nos trae el W3C en los últimos tiempos y que han implementado algunos navegadores es la Navigation Time API. Si queréis ver una prueba de datos, podéis probar la página de Navigaton Timing &#8230; <a
href="http://javiercasares.com/blog/navigation-time-api-google-analytics/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Una de las API más interesantes que nos trae el W3C en los últimos tiempos y que han implementado algunos navegadores es la <a
href="https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/NavigationTiming/Overview.html">Navigation Time API</a>. Si queréis ver una prueba de datos, podéis probar la <a
href="http://webperformanceoptimization.es/navigationtiming/">página de Navigaton Timing</a> de la <a
href="http://javiercasares.com/wpo/" title="Guía WPO">Guía de WPO</a>.</p><p>Pero claro, estos datos dependen de los usuarios y en la mayoría de ocasiones no los tenemos disponibles&#8230; así que, ¿por qué no añadirlos a Google Analytics? Sí, como he dicho no estarán en todas las páginas y tendremos información parcial ya que sólo está disponible en algunos navegadores, pero al menos tendremos cierta información.</p><p>La información que propongo guardar es la siguiente:</p><ul><li><em>DNS</em>: es el tiempo que se dedica a hacer peticiones DNS.</li><li><em>Connect</em>: es el tiempo que se dedica a procesos propios de TCP; esto puede implicar colas en peticiones por problemas de paralelización.</li><li><em>Petición</em>: es el tiempo que se tarda desde que se hace la petición (enviamos el primer byte) hasta que se devuelve el contenido (recibimos el último byte).</li><li><em>DOM</em>: es el tiempo que tarda el navegador en maquetar la página con sus elementos.</li><li><em>Carga</em>: es el tiempo que se tarda desde que se empiezan han recibido los contenidos hasta que la página se ha cargado completamente (incluye el tiempo <em>DOM</em>).</li></ul><p>Una vez tenemos caros los distintos tiempos que vamos a tomar como medida, vamos a guardarlos como Eventos en Google Analytics.</p><p><code><pre>function getPerformanceTiming() {
  var timing = window.performance.timing;
  dns = timing.domainLookupEnd - timing.domainLookupStart;
  connect = timing.connectEnd - timing.connectStart;
  peticion = timing.responseStart - timing.connectEnd;
  dom = timing.domComplete - timing.domLoading;
  carga = timing.loadEventEnd - timing.responseEnd;
  return {
    dns, connect, peticion, dom, carga
  };
}</pre><p></code></p><p>Y ahora que ya tenemos estos datos guardados en variables, tan sólo hay que enviarlos a Google Analytics mediante las funciones de eventos:</p><p><code><pre>window.onload = function() {
  if (window.performance &#038;&#038; window.performance.timing) {
    var tiempos = getPerformanceTiming();
    _gaq.push(["_trackEvent", "Navigation Timing API", "DNS", undefined, tiempos.dns, true]);
    _gaq.push(["_trackEvent", "Navigation Timing API", "Connect", undefined, tiempos.connect, true]);
    _gaq.push(["_trackEvent", "Navigation Timing API", "Peticion", undefined, tiempos.peticion, true]);
    _gaq.push(["_trackEvent", "Navigation Timing API", "DOM", undefined, tiempos.dom, true]);
    _gaq.push(["_trackEvent", "Navigation Timing API", "Carga", undefined, tiempos.carga, true]);
  }
};</pre><p></code></p><p>Aunque todavía supongo que se puede mejorar bastante, aquí os dejo un ejemplo de datos:</p><p><a
href="http://javiercasares.net/uploads/navigationtimeapi.png"><img
src="http://javiercasares.net/uploads/navigationtimeapi-550x283.png" alt="" title="navigationtimeapi" width="550" height="283" class="aligncenter size-large wp-image-3631" /></a></p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/navigation-time-api-google-analytics/feed/</wfw:commentRss> <slash:comments>7</slash:comments> </item> <item><title>Series de esta temporada que no debes dejar pasar</title><link>http://javiercasares.com/blog/series-2011-no-debes-pasar/</link> <comments>http://javiercasares.com/blog/series-2011-no-debes-pasar/#comments</comments> <pubDate>Wed, 21 Dec 2011 10:09:43 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Miscelánea]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3623</guid> <description><![CDATA[Estas últimas semanas cierran muchas series la temporada o hacen el parón de invierno y, en lo que va de temporada se han estrenado unas cuantas series que, la verdad, no te puedes perder. Y es que este año todavía &#8230; <a
href="http://javiercasares.com/blog/series-2011-no-debes-pasar/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Estas últimas semanas cierran muchas series la temporada o hacen el parón de invierno y, en lo que va de temporada se han estrenado unas cuantas series que, la verdad, no te puedes perder. Y es que este año todavía no había hablado de series, y aunque sigo viendo varias decenas de ellas (no, no me lío entre personajes ni tramas) me gustaría destacar unas cuantas de estreno que has de ver.</p><p><a
href="http://episodeday.com/show/american-horror-story/"><strong>American Horror Story</strong></a></p><p>Sin duda na de las que me tiene más enganchado&#8230; es básicamente la historia de una casa de principios del siglo pasado y la historia de sus inquilinos&#8230; así con eso no parece muy molona, pero ¿y si os digo que los que mueren en a casa se quedan allí en plan fantasmas? No es una serie de miedo, pero sí de intriga que a veces da <em>asquito</em> porque salen cosas que no deben salir. En ocasiones puede ser un poco lenta, pero al final es situar los personajes y&#8230; mejor no os digo cómo acaba la temporada porque <em>¡vas a flipar, palabra!</em></p><p><img
src="http://javiercasares.net/uploads/American-Horror-Story-550x285.jpg" alt="" title="American-Horror-Story" width="550" height="285" class="aligncenter size-large wp-image-3624" /></p><p><a
href="http://episodeday.com/show/hell-on-wheels/"><strong>Hell on Wheels</strong></a></p><p>Esta serie tampoco es que sea de engancharse a lo loco, pero es de trama y tiene su punto, a que está muy muy bien ambientada. Se sitúa sobre 1890 y trata de la construcción del ferrocarril en Estados Unidos que va de costa a costa. El protagonista es un bastante peculiar y, como digo, quizá no es la serie del año pero la ambientación está muy lograda y sirve para pasar el rato.</p><p><img
src="http://javiercasares.net/uploads/Hell-550x366.jpg" alt="" title="Hell" width="550" height="366" class="aligncenter size-large wp-image-3625" /></p><p><a
href="http://episodeday.com/show/homeland/"><strong>Homeland</strong></a></p><p>Esta es otra de las series de la temporada. La protagonista es una agente de la CIA que ha estado tiempo en Afganistan y a la que le chivan que hay un estadounidense que ha sido convertido. La relación de los personajes es muy potente y el hecho de que ella no esté del todo bien de la cabeza lo acaba de apañar. Otra serie de trama que la verdad es que no puedo desengancharme.</p><p><img
src="http://javiercasares.net/uploads/homeland-550x292.jpg" alt="" title="homeland" width="550" height="292" class="aligncenter size-large wp-image-3626" /></p><p><a
href="http://episodeday.com/show/terra-nova/"><strong>Terra Nova</strong></a></p><p>Aunque se suponía que iba a ser la gran serie de la temporada, la verdad es que me ha decepcionado un poco. Está bien porque salen dinosaurios y cosas de la época prehistórica, pero la verdad es que los personajes son bastante flojos y la trama un poco simple. Aunque hay trama de fondo, los capítulos son bastante cerrados en cuanto a que cada capítulo tiene un algo que hay que solucionar. Además tiene un rollo familiar excesivo que no me acaba de molar.</p><p><img
src="http://javiercasares.net/uploads/Terra_Nova-550x266.jpg" alt="" title="Terra_Nova" width="550" height="266" class="aligncenter size-large wp-image-3628" /></p><p>En fin, series y más series que se añaden a otras como <strong>Dexter</strong> (que tiene un final de temporada que, en fin, <em>spoilers no!</em>), a <strong>The Big Bang Theory</strong> que sigue en su línea, <strong>Fringe</strong>, que creo que ha perdido un poco de tirón, aunque sigue molándome mucho, <strong>How I Met Your Mother</strong>, tan grandes como siempre y viendo desvelarse algunas cosas&#8230; Y aquí, un poco de cuñita&#8230; para los que sigáis series y queráis enteraros de todo, recordad que tenéis <a
href="http://todoseries.com/">Todo Series</a> para estar al día.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/series-2011-no-debes-pasar/feed/</wfw:commentRss> <slash:comments>5</slash:comments> </item> <item><title>Saber decir que no</title><link>http://javiercasares.com/blog/saber-decir-que-no/</link> <comments>http://javiercasares.com/blog/saber-decir-que-no/#comments</comments> <pubDate>Fri, 16 Dec 2011 07:42:45 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Mis Cosas]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3621</guid> <description><![CDATA[Hace ahora un mes que comencé una nueva serie de proyectos. Al cabo de un mes ya vas viendo aquellos que van a un ritmo distinto del que habías previsto, aquellos que aportan distinto de lo que habías previsto, aquellos &#8230; <a
href="http://javiercasares.com/blog/saber-decir-que-no/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Hace ahora un mes que comencé una nueva serie de proyectos. Al cabo de un mes ya vas viendo aquellos que van a un ritmo distinto del que habías previsto, aquellos que aportan distinto de lo que habías previsto, aquellos que te queman a un ritmo distinto del que habías previsto. Creo que en mi caso todo ha sido al revés de lo que había previsto ( que conste que eso no significa que esté mal, en algunas cosas, casi me alegro).</p><p>Ahora mismo mi tiempo se reparte en un 40%-40%-20. El primer 40% va dedicado a <a
href="http://keepitsimplelab.com/">Keep It Simple Lab</a>, es decir, a todos los clientes que tenemos, consultoría <a
href="http://javiercasares.com/seo/" title="Guía SEO">SEO</a>, <a
href="http://javiercasares.com/wpo/" title="Guía WPO">WPO</a>, etc&#8230; el siguiente 40% va dedicado a proyectos en <a
href="http://grupoitnet.com/">Grupo ITnet</a>, principalmente <a
href="http://www.topdomainer.com/">TopDomainer</a>, temas internos en la empresa, y principalmente a mucha I+D en Sistemas, donde estoy haciendo unas historias con servidores DNS que llevábamos <em>varios años queriendo hacer y nunca encontrábamos el momento</em>. El resto del tiempo, ese 20% lo dedico a mi.</p><p>Aquí entran en juego varios temas, el principal es el del <em>quemamiento</em>. Cuando lanzas algo, aunque sea en alpha, beta o delta, pero en producción y falla, teniéndote que dedicar a arreglar cosas en las que en muchas ocasiones no tienes el control porque dependes de otros te quemas. Otro es el del desgaste mental; y es que pensar cansa, es algo que quién tiene un trabajo bastante metódico no entiende, pero es una situación que he hablado con bastante gente (familiares, amigos, conocidos&#8230;) y de tanto en tanto encuentro a alguien que lo entiende. Cuando llevas 4 semanas sin parar ni puentes ni fines de semana, acabas petado. Normalmente en 24 horas soy capaz de recuperarme; ahora, <em>no sé si es que ya me estoy haciendo mayor</em>, pero cada vez más me cuesta volver a la normalidad (o eso, o es que cada vez fuerzo más la máquina y cuando se engancha, no hay quien la despegue).</p><p>Lo malo de todo esto es que aunque quieres abarcar más, ya lo dice el sabio refranero español: <q>quien mucho abarca, poco aprieta</q>. Así que voy a empezar a dejar temas, proyectos, historias que tengo ahí en el aire y que el coste dedicatorio no parece compensar el esfuerzo de arrancar. Todo lo que se salga de horas de dedicación a &#8220;empresa&#8221; han de ir volviendo progresivamente hacia mi persona.</p><p>Después de una semana &#8220;casi de vacaciones forzadas&#8221; (y que afectan a los que me rodean) vuelvo a la normalidad, con resaca, pero vuelvo. Este fin de semana tocará acabar temas pendientes, el martes tengo viaje a Madrid, el resto de la semana compromisos y el próximo fin de semana supongo que algo de familia (espero que no mucha) y el resto sí que lo voy a dedicar a mi, a no hacer nada, a aburrirme, a hacer cosas simples como salir a pasear o ir al cine, en definitiva, a ejercer de ser humano.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/saber-decir-que-no/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>SEO básico a tener siempre controlado</title><link>http://javiercasares.com/blog/seo-basico-controlado/</link> <comments>http://javiercasares.com/blog/seo-basico-controlado/#comments</comments> <pubDate>Wed, 14 Dec 2011 15:53:37 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Search Engine Optimization]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3617</guid> <description><![CDATA[El SEO puede evolucionar, puede cambiar para bien o para mal, pero hay algunos elementos que nunca podemos despreocupar y sobre los que tenemos que tener siempre un control absoluto. robots.txt Es básico tener el fichero de robots.txt bien controlado. &#8230; <a
href="http://javiercasares.com/blog/seo-basico-controlado/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>El SEO puede evolucionar, puede cambiar para bien o para mal, pero hay algunos elementos que nunca podemos despreocupar y sobre los que tenemos que tener siempre un control absoluto.</p><p><a
href="http://javiercasares.com/seo/factores-internos-on-page/#31c"><strong>robots.txt</strong></a></p><p>Es básico tener el fichero de <code>robots.txt</code> bien controlado. Primero, ha de existir. Segundo, debe tener como mínimo la línea <code>User-Agent: *</code>. Tercero, debería tener siempre, al principio de todo, la línea indicando el Sitemap.</p><p><strong>Código 404</strong></p><p>Todo dominio tiene que tener su propia página de error. Si entras en <code>example.com/0123456789</code> debe devolver una página (sin hacer redirecciones o cosas intermedias) un código 404. La página resultante es recomendable que tenga el diseño del resto del dominio.</p><p><strong>rel-canonical</strong></p><p>Hoy en día es casi obligatorio que todos los sitios usen el <a
href="http://www.bing.com/community/site_blogs/b/webmaster/archive/2009/02/12/partnering-to-help-solve-duplicate-content-issues.aspx">rel-canonical</a>. Y también es importante que este sea calculado en base a los datos internos, y no simplemente replicar lo que llega por URL. Eso sí, hay que poner atención es nunca combinarlo con el meta-noindex.</p><p><a
href="http://javiercasares.com/seo/los-pequenos-detalles/#73"><strong>sitemap.xml</strong></a></p><p>Si queremos que los buscadores descubran nuestros nuevos contenidos hay que tener un fichero de <em>sitemap.xml</em> que informe de los nuevos contenidos. Este fichero, si es un nuevo sitio o se cambia la arquitectura o se rehace el sitio, está bien que se le mande el 100% de las URL de contenidos. Repito, contenidos, nada de categorías y similares&#8230; eso ya lo descubre el propio robot de rastreo. Una vez veamos en Webmaster Tools que ya hay un 80%-90% indexado, es mejor sólo pasarle un 10% de los últimos contenidos generados (por fecha inversa).</p><p><strong>Paneles para Webmasters</strong></p><p>Hay que estar dado de alta (recomendada la verificación por DNS) en <a
href="https://www.google.com/webmasters/tools/">Google Webmaster Tools</a>, <a
href="http://www.bing.com/toolbox/webmaster">Bing Webmaster Tools</a> y <a
href="http://webmaster.yandex.com/">Yandex Webmasters</a>. Es muy recomendable configurar el sistema de alertas por correo. Como detalle, Yandex, una vez pasa un tiempo, da muy buena información con respecto a errores de rastreo.</p><p><strong>Rich Snippets</strong></p><p>Si tienes la posibilidad de incorporar elementos del <a
href="http://schema.org/docs/full.html">Schema</a> en tu sitio web, ponlos. Por ejemplo <a
href="http://schema.org/Book">libros</a>, <a
href="http://schema.org/Movie">películas</a>, <a
href="http://schema.org/Event">eventos</a>, <a
href="http://schema.org/LocalBusiness">negocios locales</a>&#8230;</p><p><strong>Títulos, Descripciones&#8230;</strong></p><p>Cada página del sitio ha de tener su propio título &#8220;title&#8221;, su propia descripción &#8220;meta-description&#8221; y sus propias palabras clave &#8220;meta-keywords&#8221;.</p><p><strong>Contenidos</strong></p><p>Como siempre, contenidos únicos, intentando no paginarlos&#8230;</p><p>Sé que es básico, pero a partir de aquí ya todo es seguir con elementos no tan básicos. Lo siguiente es revisar la arquitectura de la información y evitar contenidos duplicados.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/seo-basico-controlado/feed/</wfw:commentRss> <slash:comments>20</slash:comments> </item> <item><title>Grupo ITnet cumple 15 años</title><link>http://javiercasares.com/blog/grupo-itnet-15-aniversario/</link> <comments>http://javiercasares.com/blog/grupo-itnet-15-aniversario/#comments</comments> <pubDate>Sat, 10 Dec 2011 18:42:55 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Mis Cosas]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3614</guid> <description><![CDATA[Aún recuerdo el día que llegué a ITnet por primera vez. Creo que ahora mismo, de los que pisamos las oficinas habitualmente, soy de los pocos que ha estado en todas ellas. Y es que 15 años en Internet son &#8230; <a
href="http://javiercasares.com/blog/grupo-itnet-15-aniversario/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Aún recuerdo el día que llegué a <a
href="http://grupoitnet.com/">ITnet</a> por primera vez. Creo que ahora mismo, de los que pisamos las oficinas habitualmente, soy de los pocos que ha estado en todas ellas. Y es que 15 años en Internet son muchos años. El próximo año yo los haré en lo que yo llamo &#8220;mis conexiones diarias&#8221; que comenzaron en verano de 1997, aunque desde 1995 que me conectaba en casa de un amigo que, cada viernes por la tarde, navegábamos media hora sin saber bien bien hacia donde.</p><p>En septiembre de 2003 conocí a <a
href="http://www.carlosblanco.com/">Carlos Blanco</a>. Le habían hablado de mi, diciéndole que era buen programador, yo había acabado mi temporada sabática y allí me planté, dos semanas antes del cambio de oficinas. Cuando ese cambio llegó allí empecé a montar ordenadores, a gestionar los 3 servidores que teníamos y a comenzar a desarrollar algunas aplicaciones de SMS.</p><p>Unos pocos meses después entró como director de operaciones <a
href="http://ferre.es/">Jaime Ferré</a>. Con él comenzamos a montar la base de lo que luego fueron las <a
href="http://www.jocjuegos.com/">webs de juegos</a> y el CMS que se usa en <a
href="http://ociomedia.com/">OcioMedia</a>. Fueron tardes de escuchar sin parar los <a
href="http://www.blackeyedpeas.com/">Black Eyed Peas</a>, él haciendo cosas en SQL Server y yo montando webs en XHTML y CSS con capas, <em>floats</em> y cosas que no habíamos usado ninguno hasta el momento.</p><p>Desde aquellos momentos ITnet sólo ha hecho que crecer y crecer, y es que aunque sólo he pasado la mitad de su vida allí, yendo y viniendo, comenzando con las webs de juegos, ideando y entretenido con Googlemania que luego pasó a ser <a
href="http://www.ojobuscador.com/">OJObuscador</a>, dejando la empresa para lanzarme a la aventura y volviendo tiempo después donde fui de nuevo acogido y comenzando proyectos renovados como <a
href="http://www.ethek.com/">Ethek</a>, dejando finalmente OJO y Ethek para concentrarme en nuevos proyectos, desde mi vuelta hace algo más de medio año incorporado como uno más de la empresa colaborando como mejor puedo, poniendo orden en la parte de la cartera de dominios con el nuevo proyecto <a
href="http://www.topdomainer.com/">TopDomainer</a> o echando una mano a la gente de sistemas en la medida de lo posible.</p><p>Pero si he de quedarme con algo es con la gente que ha pasado por ITnet. Sigo en contacto con muchas de las personas que han ido y venido, algunos de ellos incluso los considero amigos míos además de compañeros, y bien saben los que me conocen que siempre digo que <em>a la oficina no voy a hacer amigos</em>.</p><p>No voy a alargarme más, sólo felicitar a Carlos por el trabajo que ha hecho estos últimos años no sólo con la empresa sino impulsando Internet en España, y también felicitar al resto de personas, socios y trabajadores, que son los que han conseguido que una empresa como esta llegue a sus 15 años en algo tan extraño como es la red de redes.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/grupo-itnet-15-aniversario/feed/</wfw:commentRss> <slash:comments>11</slash:comments> </item> <item><title>Pirámide de Maslow del internauta</title><link>http://javiercasares.com/blog/piramide-maslow-internauta/</link> <comments>http://javiercasares.com/blog/piramide-maslow-internauta/#comments</comments> <pubDate>Tue, 06 Dec 2011 16:55:45 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Web Performance Optimization]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3611</guid> <description><![CDATA[El ser humano tiene unas necesidades, y eso es lo que el Señor Maslow puso en formato gráfico en una pirámide&#8230; pero Internet también tiene su público y esas necesidades no son tan personales sino que te las da el &#8230; <a
href="http://javiercasares.com/blog/piramide-maslow-internauta/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>El ser humano tiene unas necesidades, y eso es lo que el Señor Maslow <a
href="http://es.wikipedia.org/wiki/Pir%C3%A1mide_de_Maslow">puso en formato gráfico en una pirámide</a>&#8230; pero Internet también tiene su público y esas necesidades no son tan personales sino que te las da el sitio web que estás visitando. Y es que la pirámide del internauta es muy sencilla.</p><p>En la parte más baja de la pirámide, en la base encontramos algo muy simple: <strong>el sitio web ha de funcionar</strong>. Y es que si un sitio web no funciona, apaga y vámonos. Ya digo que puede parecer una tontería, pero que un sitio web esté caído creo que es de las cosas más duras que te puede pasar. De ahí todo el tema del &#8220;cloud&#8221; y la virtualización, distribución de cargas, etc&#8230; es importante que un proyecto en Internet siempre esté en línea. En resumen: <em>infraestructura</em>.</p><p>El siguiente escalón es el de conseguir <strong>que el sitio cargue rápido</strong>. Si ya has conseguido que el usuario llegue a tu sitio web, es importante que tenga una sensación de velocidad para que se sienta a gusto y pueda navegar por el sitio con tranquilidad. Esto, ya personalmente, partiendo de unas conexiones a Internet mínimas. Para mi, por ahora, me baso en conexiones de 3 Mbps, algo mínimo en todos los países de Europa, Norte América y parte de Sud América. En resumen: <em>Web Performance Optimization</em>.</p><p>El siguiente escalón, ya por encima de la mitad, tenemos algo que hará que el proyecto sobreviva: <strong>que sea útil</strong>. En Internet hoy en día prácticamente tenemos de todo, pero lo que nunca sobra son herramientas y servicios de utilidad. La mayoría de los sitios web de Internet que duran más de un año es porque son útiles, ya sea como Google (buscador), Facebook (red social), Twitter (comunicación), Amazon (compras), eBay (mercadillo / subastas)&#8230; ejemplos hay muchos, proyectos que duren mucho no tantos.</p><p>Y para acabar, en lo alto de la pirámide, encontramos algo que puede ser un poco feo de decir, pero <strong>el sitio web ha de ser &#8220;cool&#8221;</strong>. Está bien que sea útil, que cargue rápido, que funcione, pero una vez tienes todo eso&#8230; ¿no debe ser <em>cool</em>? Debe tener ese punto que lo haga accesible a todos pero a la vez con su punto de exclusividad. Recuerdo cuando tener una cuenta en GMail era difícil y si lo tenías, &#8220;molabas&#8221;. Lo mismo pasa en Facebook, que como todo el mundo lo tiene, tú has de tenerlo, tiene aplicaciones, permite hacer muchas cosas&#8230;</p><ol><li
value="4">&#8220;cool&#8221;</li><li
value="3">utilidad</li><li
value="2">velocidad</li><li
value="1">¡está en línea!</li></ol><p>Y ahora que has visto esa pirámide&#8230; ¿en qué escalón está tu sitio web y qué escalón quiere tu usuario?</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/piramide-maslow-internauta/feed/</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>Lanzamiento de TopDomainer</title><link>http://javiercasares.com/blog/lanzamiento-de-topdomainer/</link> <comments>http://javiercasares.com/blog/lanzamiento-de-topdomainer/#comments</comments> <pubDate>Fri, 02 Dec 2011 09:40:12 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Proyectos]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3609</guid> <description><![CDATA[De tanto en tanto me cae un proyecto nuevo desde Grupo ITnet y, aunque ya hacía varios años que monté algo parecido, ahora he tenido la ocasión de ponerme manos a la obra en la parte más de idea del &#8230; <a
href="http://javiercasares.com/blog/lanzamiento-de-topdomainer/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>De tanto en tanto me cae un proyecto nuevo desde <a
href="http://grupoitnet.com/">Grupo ITnet</a> y, aunque ya hacía varios años que monté algo parecido, ahora he tenido la ocasión de ponerme manos a la obra en la parte más de idea del producto que no en la de <a
href="http://itnetconsulting.com/">maquetación</a> (donde pierdo mucho tiempo). Este nuevo proyecto se llama <a
href="http://www.topdomainer.com/">TopDomainer</a>.</p><p>ITnet tiene una cartera de más de 10.000 dominios a la venta, dominios que en su mayoría estaban en SEDO, y muchos de ellos penalizados y con cosas raras. El objetivo de hacer esta plataforma de venta de dominios más sencilla era, por un lado dejar de tener aparcados los dominios y tener un control mayor sobre qué ocurre en ellos. Esto hace que se convierta en algo bastante entretenido ver el <a
href="http://analytics.blogspot.com/2011/09/whats-happening-on-your-site-right-now.html">Google Analytics Real Time</a> de todos los dominios simultáneos.</p><p>Ha habido varios retos en este proyecto, a diferencia de casos anteriores. El primero de ellos era el de gestionar las DNS. Para ello hemos montado, tras muchísimos años, nuestros propios servidores DNS. Esto ha sido algo sencillo&#8230; lo que no lo ha sido tanto es buscar un sistema que, desde el panel de gestión de TopDomainer actualice la base de datos del <a
href="http://www.isc.org/software/bind">BIND</a>, tanto en los <em>master</em> como en los <em>slave</em>. La parte buena de haberle dedicado horas y oras a esto es que, otro proyecto que teníamos en mente desde hacía varios años ya está encaminado para hacerse realidad, ya que aprovechando gran parte del trabajo realizado podremos lanzarlo (algún día, cuando tengamos tiempo). Sin duda esta parte de I+D y dolores de cabeza de pensar ¿qué puede estar pasando? es de las más divertidas.</p><p>En la parte web había dos divisiones. Por un lado la página &#8220;oficial&#8221; que no deja de ser algo sencillo, hecho con <a
href="http://wordpress.org/">WordPress</a> y sin muchos problemas, y luego está la parte que gestiona los más de 10.000 dominios de la cartera, donde existe una ficha sobre el dominio, dominios relacionados, información del whois&#8230; Para que os hagáis una idea, el proceso que calcula los dominios relacionados de la cartera dura más de 5 horas, y eso que es un proceso relativamente sencillo pero largo.</p><p>Otra cosa entretenida es el tema de los whois. Los <em>.com</em> y <em>.net</em> lo tienen bastante sencillo, pero cuando empiezas a tener que buscar los servidores whois de los más de 250 cTLD la cosa ya se empieza a complicar&#8230; lo bueno de esto es que salen herramientas muy interesantes tras investigar e investigar muchas horas.</p><p>Y, para acabar, una de las cosas que más ilusión me hace que es la de poder añadir carteras de dominios de otras personas o empresas. La plataforma está pensada para tener clientes y no ser una plataforma cerrada sólo para los dominios de ITnet. Aún falta mucho en este tema, pero poco a poco se va avanzando y ya hemos empezado a integrar dominios de otros allí. Espero estos próximos días añadir unos pocos dominios que tengo para vender. Si te interesa esto último de que te gestione TopDomainer tu cartera de dominios, <a
href="http://www.topdomainer.com/contact/">escríbenos</a> o <a
href="http://javiercasares.com/contacto/">me lo decís</a> que lo revisamos, ya que el ponerlo en la plataforma es algo gratuito, sólo cobramos comisión cuando se vende.</p><p>Así que nada, para los que me habéis preguntado estos días sobre que voy haciendo que estoy bastante desaparecido, ya lo sabéis.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/lanzamiento-de-topdomainer/feed/</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>La nueva UX de Google</title><link>http://javiercasares.com/blog/nueva-google-ux/</link> <comments>http://javiercasares.com/blog/nueva-google-ux/#comments</comments> <pubDate>Sun, 27 Nov 2011 17:56:29 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Tecnología]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3606</guid> <description><![CDATA[Google está cambiando su interfaz al igual que está reajustando sus productos. Google Plus no es una red social, sino que como su nombre indica es un &#8220;plus&#8221; al propio Google. Y todo esto llega después de que Brin y &#8230; <a
href="http://javiercasares.com/blog/nueva-google-ux/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Google está cambiando su interfaz al igual que está reajustando sus productos. Google Plus no es una red social, sino que como su nombre indica es un &#8220;plus&#8221; al propio Google. Y todo esto llega después de que Brin y Page se hayan puesto de nuevo a dirigir la empresa.</p><p>Han pasado 15 años desde que una idea de algoritmo llegase a la cabeza de ambos y se convirtiera en realidad, primero creando el buscador genérico, luego creando verticales, luego con la compra de <a
href="http://en.wikipedia.org/wiki/Google_Groups#Deja_News">DejaNews</a> tener información de terceros que poder almacenar, que si correo electrónico, que si servicios por aquí y por allí&#8230; A los trabajadores se les dejaba un 20% de su tiempo para hacer inventos, pero, no nos engañemos, Google, a diferencia de Yahoo! o Microsoft &#8220;siempre&#8221; ha sido el buscador y no sus servicios.</p><p>Es por eso que ha llegado este cambio de mentalidad, el que los usuarios de Google realmente conozcan el potencial de todos sus productos, muchos desconocidos para la mayoría. Y aquí es donde la renovación de la interfaz llega y se centra en 2 cosas: que haya una integridad entre todos los productos de forma que pases de uno a otro sin problemas y no te sientas distinto, y un foco en los contenidos, en el rendimiento de dichos productos, en que si vas a por correo, el correo sea lo que carga mejor.</p><p>Hace años que esto mismo lo comentaba con mucha gente, Google tiene buenos productos pero no es capaz de darlos a conoce porque su página de inicio es un simple cajetín de búsqueda, algo que ha condicionado mucho el crecimiento de todo aquello que no son búsquedas. Esto pasa a diferencia de Microsoft con MSN, punto de inicio, aunque ellos el problema lo tienen en las marcas, en los continuos cambios de nombre. Yahoo! en esto ha sido mucho más inteligente, y aunque no lo parezca es la que más está haciendo por conseguir volver a ser lo que fue hace muchos años. Ha conseguido despreocuparse, una vez más, de las búsquedas para centrarse en los contenidos y servicios.</p><p>Y no sé si habréis probado el nuevo Yahoo! Mail, pero a mi me ha dejado sorprendido. Creo que le faltan algunos detalles pero sin duda eso sí es una interfaz clara y, sobre todo, rápida, algo que últimamente hecho de menos en Google Mail. Microsoft, por su parte, está más focalizada en que las cosas funcionen aunque vaya un paso más atrás, intentando integrar todo en su sistema operativo, algo que creo que hace bien, ya que si hasta ahora Windows había tenido problemas de monopolio, con la irrupción de Android o iPhone creo que ahora las cosas van a cambiar, y Windows 8 es la demostración de ello.</p><p>Yendo a la parte más, no sé cómo llamarlo&#8230;, a mi la nueva interfaz de Google me gusta, los colores me dan bastante igual, porque al final el objetivo que busco es la funcionalidad. Las cosas están donde deben esta, la pantalla es clara, sacan el máximo provecho de la tecnología incluso avanzándose hasta sacar el máximo partido posible de HTML 5 en el que se han involucrado mucho.</p><p>Se acerca 2012 y vamos a ver movimientos interesantes. El objetivo ya no se centra tanto en las búsquedas sino en conseguir que los usuarios utilicen los servicios alrededor de esas búsquedas, sobre todo para la integración social. Bing comenzará a hacer uso de Facebook para personalizar sus resultados. Google lo está haciendo con Google Plus. Twitter seguramente mejorará su infraestructura de búsquedas para convertirse en otro competidor por la información de última hora.</p><p>Y es que hasta ahora todos los grandes portales han estado mu enfocados en ofrecer nuevos servicios, en ser los primeros en lanzar la nueva herramienta que cambiará el mundo, pero eso está cambiando, ahora el foco es potenciar el uso de todos los servicios de un mismo proveedor y mejorar los servicios existentes eliminando aquello que es poco útil. El objetivo de crear unas nuevas experiencias de usuario es clara, la de optimizar la rentabilidad del usuario.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/nueva-google-ux/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>Exceso de canales de televisión, ¿realidad o ficción?</title><link>http://javiercasares.com/blog/exceso-canales-television/</link> <comments>http://javiercasares.com/blog/exceso-canales-television/#comments</comments> <pubDate>Sat, 26 Nov 2011 11:47:24 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Mis Cosas]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3603</guid> <description><![CDATA[¿Tenemos demasiados canales de televisión en España? Desde que apareció la TDT han aparecido canales y canales en nuestros televisores, llegando a tener más de 60 canales en determinadas zonas del país. En Estados Unidos el funcionamiento de la televisión &#8230; <a
href="http://javiercasares.com/blog/exceso-canales-television/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>¿Tenemos demasiados canales de televisión en España? Desde que apareció la <a
href="http://es.wikipedia.org/wiki/Televisi%C3%B3n_terrestre_en_Espa%C3%B1a">TDT</a> han aparecido canales y canales en nuestros televisores, llegando a tener más de 60 canales en determinadas zonas del país. En Estados Unidos el funcionamiento de la televisión creo que es bastante más razonable que aquí, ya que prácticamente toda es por cable (sí, fibra óptica, tipo <a
href="http://www.ono.es/ocioytv/en-portada/">ONO</a>, e incluso si me apuras, <a
href="http://www.movistar.es/on/pub/servicios/onTOEntrada/0,,entrada%2Blanding_adsl%2Bv_segmento%2BAHOG%2Bv_idioma%2Bes%2Bmenu_cab_sup%2Btelevision%2BambitoAcceso%2Bpub,00.html?uri=/on/io/es/landing/familia_productos/imagenio/imagenio.html&#038;v_segmento=AHOG&#038;v_idioma=es">Imagenio</a>) lo que implica pagar una cuota por el servicio de televisión prácticamente siempre. Y si quieres canales especiales (deportes, series, etc) pagas un poco más.</p><p>En España si no me equivoco sólo existen 2 canales de pago más o menos para todos: <a
href="http://www.goltelevision.com/">Gol televisión</a> y <a
href="http://www.axn.es/">AXN</a>. No sé si serán muy rentables (el del fútbol supongo, aunque el hecho de que siga habiendo partidos en abierto por esa ley tan extraña de que <em>el fútbol es algo de interés público</em> supongo que no ayuda). De AXN no tengo ningún tipo de datos. Personalmente si dieran series en versión original (o en DUAL) subtituladas (en ambos idiomas) sería un servicio que probablemente pagaría con gusto. Hace mucho tiempo que no lo miro, así que a lo mejor hasta ya lo hacen. Por ahora me es más sencillo seguir las series directamente desde USA en HD.</p><p>Pero lo que quería comentar va más relacionado con la noticia que ha aparecido estos días atrás sobre la financiación de <a
href="http://www.tv3.cat/">Televisió de Catalunya</a> y en general de la &#8220;<a
href="http://www.tv3.cat/corporatiu/">Corporació</a>&#8220;. A mi me gusta que exista TV3 y el resto de cadenas del grupo, y me parece correcto que se pague con dinero público, pero lo que no me parece bien es que se gestione como un ente público y no como una empresa privada. He estado varias veces en el centro principal y he de reconocer que está bien montado, pero que quizá sobra gente y, además, que está muy politizado.</p><p>Una cadena de televisión pública ha de tener 2 fuentes de ingresos: los impuestos y la publicidad. Pero lo que hay que controlar principalmente son los gastos, y aquí creo que es donde está el error, y no tanto en la programación en sí sino en la dirección.</p><p>¿Hay un exceso de canales? No lo creo. Lo que no podemos pretender es pensar que vamos a tener audiencias del 60% como en los años 70, o audiencias del 30% como había en el año 2000. Desde que está la TDT una buena audiencia es el 10% (a mi parecer) en un canal generalista, canales que en ocasiones llegan a superar el 20% con buenas series de producción propia.</p><p>Algo que tampoco llego a entender es porqué no se emite todo en HD (pero de la buena, de la de 1080p). La excusa de que &#8220;no hay espectro&#8221; es una tontería, ya que lo ideal sería que cada cadena de televisión tuviera al menos un 50% de los multiplexores sólo para emitir en HD. ¿Con esto qué quiero decir? Pues que me parece una <em>gilipollez</em> que quieran &#8220;reducir costes&#8221; eliminando TV3 HD. El 80% de las emisiones de este canal son las mismas que las de TV3 SD por lo que los costes son simplemente los de mantenimiento de las infraestructuras, algo que, teniendo en cuenta que vamos hacia el futuro hay que tener, ahora o dentro de unos años. Yo disfruto viendo TV3 HD a 1080p, creo que es la televisión que deberíamos tener todos en cuanto a calidad tecnológica.</p><p>Sí es cierto que debería haber una reordenación de <a
href="http://ca.wikipedia.org/wiki/Televisi%C3%B3_de_Catalunya#Canals_de_televisi.C3.B3_actuals_i_antics">canales</a>. La idea de la distribución que hay ahora es correcta: el canal general (<a
href="http://www.tv3.cat/canal/tv3/">TV3</a> / TV3 HD), el canal cultural (<a
href="http://www.tv3.cat/canal/33/">33</a>), el infantil/juvenil (<a
href="http://www.super3.cat/psuper3/sp3Seccio.jsp?seccio=home">Super 3</a> / <a
href="http://www.3xl.cat/">3XL</a>), noticias (<a
href="http://www.324.cat/">3/24</a>) y deportes (<a
href="http://www.esport3.cat/">Esport 3</a>). El canal generalista, el cultural y el de noticias me parecen 100% correctos como están (considero que una televisión pública debe dar estos 2 servicios 24 horas, es decir, información y cultura con programas de producción propia o con documentales y programas de otras cadenas europeas). Además, tanto Canal 33 como 3/24 son canales que suelo ver habitualmente cuando tengo la televisión puesta. Que a algunos les guste más o menos TV3 como generalista, es como todo, pero sí que considero que Esport 3 no puede ser lo que es, y repito, no creo que haya que quitarlo, pero tener el fútbol o la Fórmula 1 en abierto me parece algo incorrecto, pudiendo tener determinados programas de Esport 3 con sistema de pago (mediante las tarjetas del tipo que usan Gol o AXN).</p><p>Y el hecho de que Televisió de Catalunya sea un buen canal se puede resumir con algunos datos:</p><ul><li>Tiene emisión local en la Vall d&#8217;Aràn en aranés.</li><li>Existe el Telenotícies Comarques para desconexión territorial.</li><li>En 2007 <a
href="http://es.wikipedia.org/wiki/Club_Super3">Club Super 3</a> se convirtió en la asociación infantil más grande de Europa con 1 millón de socios.</li><li>Se han producido series como Poble Nou, serie con la mayor audiencia en la historia de la cadena.</li><li>En 1995 fue la primera cadena española en emitir por satélite de forma internacional.</li><li>Ha sido la cadena que ha dado a conocer a Xavier Sardà, Andreu Buenafuente, Jordi González, Alfons Arús, Júlia Otero, Àngels Barceló, Josep Maria Bachs, Manel Fuentes, Jordi Estadella, Jordi LP, etc.</li><li>En 2005 se lanzó TV3i, canal interactivo de TV3 con MHP y aplicaciones (una vez más, pioneros en tecnología).</li></ul><p>Y como digo, hay que separar lo que es la cadena de televisión con la gestión, algo en lo que, personalmente, sí que creo que vamos bastante mal. No hay que olvidar que las empresas públicas, son empresas pero que se gestionan con el dinero de todos.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/exceso-canales-television/feed/</wfw:commentRss> <slash:comments>7</slash:comments> </item> <item><title>CardSorting, ordenar contenidos</title><link>http://javiercasares.com/blog/cardsorting/</link> <comments>http://javiercasares.com/blog/cardsorting/#comments</comments> <pubDate>Mon, 21 Nov 2011 10:25:37 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Tecnología]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3601</guid> <description><![CDATA[Cada vez que he de lanzar un sitio web me hago ciertas preguntas, y las principales son la organización de la arquitectura de las direcciones URL y la de la de los contenidos. Y es que estas dos cosas son &#8230; <a
href="http://javiercasares.com/blog/cardsorting/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Cada vez que he de lanzar un sitio web me hago ciertas preguntas, y las principales son la organización de la arquitectura de las direcciones URL y la de la de los contenidos. Y es que estas dos cosas son las que van a marcar el futuro del sitio web a todos los niveles, desde el propio sitio, la tecnología, el SEO, etcétera.</p><p>Y sin duda un concepto muy importante a la hora de organizar los contenidos es el del <em>cardsorting</em>, sistema de organización de tarjetas que permite conocer cómo funciona la cabeza de un usuario a la hora de organizar la información; esto significa que cada uno de nosotros tiene una forma de organizarse la información, pero que debemos intentar generalizarla para nuestros usuarios.</p><p>La forma más sencilla para organizar estos contenidos sería la de utilizar unos cuantos &#8220;post-its&#8221;, cada uno de los cuales tiene contenidos, etiquetas, etc&#8230; y el usuario ha de agruparlos según el considere que se deben agrupar, y luego asignarle un nombre a cada uno de esos grupos de &#8220;post-its&#8221;. La idea es que sean siempre contenidos finales y que sea el usuario el que cree las categorías.</p><p>Esto seguramente nos hará ver que la información para algunos usuarios se puede organizar por fechas, por precios, por tipos, por&#8230; cada persona tiene unas necesidades y una organización mental. Es por esto que el <em>cardsorting</em> se puede plantear de dos formas: abierto o cerrado.</p><p>El sistema de <em>cardsorting abierto</em> es aquel que permite al usuario organizar la información como le parece, es decir, la categorización y/o clasificación la crea el usuario. En cambio, el <em>cardsorting cerrado</em> es aquel en el que el usuario ha de agrupar los contenidos en unas categorías o clasificaciones que se han establecido previamente. Para hacerse una idea más sencilla, si tuviéramos un contenido en WordPress, las categorías serían un <em>cardsorting cerrado</em> y las etiquetas serían un <em>cardsorting abierto</em>.</p><p>Al final, podemos resumir que el <em>cardsorting</em> es el sistema por el cuál los usuarios esperan encontrar los contenidos, secciones o funcionalidades de un sitio web.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/cardsorting/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>Cuarentena</title><link>http://javiercasares.com/blog/cuarentena/</link> <comments>http://javiercasares.com/blog/cuarentena/#comments</comments> <pubDate>Sat, 19 Nov 2011 17:14:50 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Mis Cosas]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3597</guid> <description><![CDATA[Los que me conocen bien saben que una de mis frases es &#8220;las cosas no pasan porque sí&#8221;. Hace unos año la retoqué ligeramente y aunque la frase de por sí es incorrecta gramaticalmente, quedó es &#8220;las cosas ni las &#8230; <a
href="http://javiercasares.com/blog/cuarentena/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Los que me conocen bien saben que una de mis frases es &#8220;las cosas no pasan porque sí&#8221;. Hace unos año la retoqué ligeramente y aunque la frase de por sí es incorrecta gramaticalmente, quedó es &#8220;las cosas ni las personas pasan porque sí&#8221;. Básicamente lo que vengo a decir es que todo aquello que te pasa y las personas que te vas encontrando a lo largo de los días tienen alguna razón de ser en tu persona.</p><p>Para mi es muy fácil verlo sobre todo con las personas, y más concretamente con personas con las que tienes una relación intensa durante unos meses y, sin saber bien bien cómo, la cosa se acaba (casi casi como empezó). A mi de estas me han pasado unas cantas, y con perspectiva me paso a mirar atrás y me doy cuenta de que estas personas han tenido un lugar destacado en mi vida por alguna razón en concreto (razones muy muy variadas, normalmente). De la misma forma veo momentos clave en mi vida en los que una desgracia o una época muy mala que acaba en un extremo genera otros momentos de inicio. Ya lo dicen, <em>cuando un puerta se cierra, otra se abre</em>.</p><p>Hace 10 años tuve una temporada bastante mala. Al cabo de unos años, hablando con una persona a la que conocía poco le dije que estaba buscando &#8220;el camino&#8221; y, no me preguntéis cómo, pero acabé en una sala con un par de señoras de esas que &#8220;te ven&#8221; y que me explicaron cosas &#8220;de mi vida&#8221; que me estaban pasando y porqué estaban pasando. Ya os adelanto que no soy una persona creyente, todo lo contrario, soy bastante racional, aunque mi intuición, sentido común, inconsciente, me dice que algo <em>raro</em> está pasando aunque no lo vea. Aquel día, en aquel lugar básicamente sólo tenía una cuestión, y era referente a mi vida laboral. El resto, aunque no me daba igual, preferí ni preguntar&#8230; Es curioso porque lo que me dijeron (que no fue mucho) es algo que se ha cumplido. Su frase fue algo como que, a partir de ese momento iba a tener 3 trabajos, que el primero no tendría nada que ver con &#8220;lo mío&#8221;, que el segundo sería muy parecido y la base, y que el tercero sería el definitivo. Tras aquello he tenido 3 trabajos: el primero fue de <em>socorrista en Cruz Roja del Mar</em>, el siguiente fue <em>de pinchacables hasta CTO</em> en <a
href="http://grupoitnet.com/">Grupo ITnet</a> y, tras salir de ahí con mi &#8220;espíritu emprendedor&#8221;, todo lo que ha sido <a
href="http://www.ojobuscador.com/">OJObuscador</a>, luego <em>OJO internet</em> y de ahí todo el tema de <a
href="http://javiercasares.com/seo/">SEO</a> hasta <a
href="http://keepitsimplelab.com/">Keep It Simple Lab</a>. Sin duda este &#8220;tercer trabajo&#8221; que es algo muy etéreo es mi trabajo definitivo, porque no nos vamos a engañar, yo ya no puedo trabajar en una oficina con un jefe 8 horas molestando.</p><p>Aunque quizá lo que más me quedó fue el segundo comentario que me hicieron, el de la &#8220;cuarentena&#8221;. Básicamente lo que me dijeron es que por norma general, cada año, los 40 días antes de mi cumpleaños, pasarían cosas raras, que era una época &#8220;mala&#8221;. Si antes os decía lo de echar la vista atrás, ya no os cuesto si miro ese periodo de tiempo de aproximadamente mediados de noviembre hasta finales de diciembre porque, efectivamente, es para echarse a llorar. Y es que cada año por estas fechas <em>pasa algo</em>. Lo divertido (por sacarle algo entretenido al asunto) es que suele ser doble&#8230; es decir, a principios de la cuarentena pasa algo (por ejemplo, el año pasado me fui a Miami, el anterior comenzamos un gran proyecto, el otro&#8230;) y al final, cuando se acerca mi cumpleaños, suele acabar con otra <em>bomba informativa</em>.</p><p>Este año ha vuelto a pasar. La verdad es que se podría decir que se me había pasado (como casi cada año) pero revisando la agenda de estos días atrás vuelvo a ver el inicio de un buen proyecto y también cambios personales importantes, es decir, cambios de todo tipo. Creo que este año me voy a meter en la cama el 20 de diciembre y no voy a salir hasta el 30, por lo que pueda pasar&#8230;</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/cuarentena/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Democracia ateniense</title><link>http://javiercasares.com/blog/democracia-ateniense/</link> <comments>http://javiercasares.com/blog/democracia-ateniense/#comments</comments> <pubDate>Sat, 19 Nov 2011 16:12:15 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Mis Cosas]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3596</guid> <description><![CDATA[Según van pasando los años, desde 1990, creo que vamos para atrás. La tecnología evoluciona, pero las personas parece que nos hayamos quedado ancladas en el pasado&#8230; En USA no se puede enseñar una teta en televisión, pero se puede &#8230; <a
href="http://javiercasares.com/blog/democracia-ateniense/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Según van pasando los años, desde 1990, creo que vamos para atrás. La tecnología evoluciona, pero las personas parece que nos hayamos quedado ancladas en el pasado&#8230; En USA no se puede enseñar una <em>teta</em> en televisión, pero se puede mandar a la silla eléctrica a un preso. Y ahora que se acercan las elecciones, creo que la democracia española está en sus horas bajas. No puede ser que en 30 años la <a
href="http://www.congreso.es/consti/constitucion/indice/index.htm">Constitución</a> no haya evolucionado, porque el resto sí lo ha hecho. Además, esa Constitución y nuestro sistema de votaciones estaba muy pensado para protegernos de otro periodo dictatorial que pudiera venir, pero, la verdad, creo que a estas alturas eso es inviable, y si llegase otra dictadura daría igual ya la Constitución que tenemos.</p><p>Tanto del colegio como del instituto siempre tengo un recuerdo especial a la épica griega, cuando nos explicaban su democracia y la forma en que los sabios tenían mucha voz, en ese pueblo que gobernaba. Y es que la <a
href="http://es.wikipedia.org/wiki/Democracia_ateniense">Democracia Ateniense</a> sin duda tenía un valor especial por su forma de funcionar. Vale, que había esclavos y gente que no podía votar (como los extranjeros) y que las mujeres tampoco podían hacerlo, pero aún así el sistema era bastante válido. Y es que en política había dos tipos de persona: los funcionarios (que debían pasar un examen para acceder al cargo, al más puro estilo <a
href="http://www.educaweb.com/oposiciones/">oposiciones</a>) y el resto, &#8220;cualquier persona que lo desee&#8221; (<em>Ho boulomenos</em>).</p><blockquote
cite="http://es.wikipedia.org/wiki/Democracia_ateniense"><p>Había entonces tres funciones básicas: los funcionarios organizaban y llevaban a cabo los protocolos administrativos; el Ho boulomenos era el iniciador y el ponente; y finalmente la gente, reunida en la Asamblea o en un tribunal, tomaba las decisiones, entre sí o no, o entre las alternativas en cada caso.</p></blockquote><p>Como decía antes, hay que salvar mucho las distancias con todo, pero si pudiera hacer la carta a los Reyes Magos, ahora mismo haría una propuesta de elecciones bastante distinta de lo que estamos acostumbrados, y sería la de elegir a grupos políticos por ministerio y no en global. De esta forma habría que establecer una serie de ministerios clave: Economía-Hacienda-Industria-Trabajo, Exterior-Interior-Defensa, Cultura-Educación-Ciencia, Justicia y Sanidad. No son muchos, y son muy amplios, pero agrupados por cosas en las que realmente haya buenas sinergias. Una vez tengamos estos ministerios, se haría una votación para cada uno de ellos. A mi, personalmente, veo partidos que <em>controlan</em> más de unos temas que de otros, y me gustaría votar a cada uno de ellos por sus acciones. Lo más probable es que los de Cultura, Justicia y Educación sean más de &#8220;izquierdas&#8221; y los de Economía y Exterior fueran cambiando más según la época. Otra cosa importante sería que en cualquier caso, todos los órganos reguladores no tuvieran intervención política de ningún tipo. Esto me hace pensar, en determinados momentos si tiene que haber un &#8220;Ministerio de Justicia&#8221; como tal de forma política, o simplemente que fuera un organismo gestionado por los jueces que sean los que ratifiquen que las leyes se ajustan a la sociedad y no a lo que se dicta directamente por los políticos.</p><p>Como digo, este sistema (que no sé si ya existe, y si existe, no sé cómo se llama) es un poco ida de olla, pero tal y como va el mundo en el que vivimos la oportunidad de que una única persona tenga la posibilidad de alzar la voz y de que se le escuche debería primar sobre unos organismos que hoy en día considero en muchos casos oxidados. Y es que en el colegio siempre nos han dicho que la Democracia es el mejor sistema político&#8230; algo que creo que es falso, porque democracias hay de muchos tipos, y no todas son las mejores.</p><p>Y, para acabar, no voy a pedir que votéis a nadie en particular, pero, como este mediodía me decía mi madre: <strong>me da igual a quién votes, pero ves a votar</strong>.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/democracia-ateniense/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>smushit.net, una API simple de smushit</title><link>http://javiercasares.com/blog/smushit-api/</link> <comments>http://javiercasares.com/blog/smushit-api/#comments</comments> <pubDate>Sat, 12 Nov 2011 10:33:19 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[API]]></category> <category><![CDATA[PHP]]></category> <category><![CDATA[Proyectos]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3590</guid> <description><![CDATA[Si te dedicas al mundo de Internet es muy probable que entre las aplicaciones que utilices se encuentre la de comprimir imágenes&#8230; pero el uso de algunas herramientas a veces se hace muy complejo o necesita de servidores con algunas &#8230; <a
href="http://javiercasares.com/blog/smushit-api/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Si te dedicas al mundo de Internet es muy probable que entre las aplicaciones que utilices se encuentre la de comprimir imágenes&#8230; pero el uso de algunas herramientas a veces se hace muy complejo o necesita de servidores con algunas configuraciones extrañas. Es por eso que, como yo mismo me he encontrado en esa situación y soy bastante asiduo a la herramienta de <a
href="http://www.smushit.com/ysmush.it/">Smush.it de Yahoo!</a> he querido simplificarme la vida y, de paso, os hago partícipes de ello a vosotros.</p><p>Que conste que es una simple prueba y que puede fallar (como todo en la vida). El servicio es <a
href="http://smushit.net/">smushit.net</a> y lo que hace es simplificar la API existente eliminando los datos <em>poco útiles</em>.</p><p>El objetivo es que introduzcas por parámetro la URL de la imagen que quieres optimizar y te devuelva la URL de la imagen optimizada. De esta forma con un simple código en PHP, ASP o lo que te apetezca podrás hacer un &#8220;fopen&#8221; o un &#8220;fread&#8221; y te devolverá la URL que luego podrás descargar o hacer lo que te apetezca.</p><p>El ejemplo es sencillo <a
href="http://smushit.net/?img=http://smushit.net/Tux.png">http://smushit.net/?img=http://smushit.net/Tux.png</a>.</p><p>Se aceptan sugerencias y demás&#8230; aunque, como digo, es una prueba por entretenerme a pasar el rato.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/smushit-api/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Arreglando una penalización</title><link>http://javiercasares.com/blog/corregir-penalizacion/</link> <comments>http://javiercasares.com/blog/corregir-penalizacion/#comments</comments> <pubDate>Sat, 12 Nov 2011 09:16:03 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Search Engine Optimization]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3588</guid> <description><![CDATA[Con mucha frecuencia me llegan correos de personas que tienen un sitio web pequeño y que han sido penalizados (o degradados) por Google de alguna manera. Hoy, tomando como ejemplo uno de estos correos, voy a explicaros cómo se puede &#8230; <a
href="http://javiercasares.com/blog/corregir-penalizacion/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Con mucha frecuencia me llegan correos de personas que tienen un sitio web pequeño y que han sido penalizados (o degradados) por Google de alguna manera. Hoy, tomando como ejemplo uno de estos correos, voy a explicaros cómo se puede arreglar una penalización (de las más sencillas) con tan sólo utilizar Google como herramienta (sin Webmaster Tools o Analytics). Esto significa que lo único que necesitamos es un navegador y un poco de imaginación.</p><p>El sitio en cuestión es <a
href="http://juegostt.com/">juegostt.com</a> y su problema es que ha caído el tráfico mucho. Lo primero que he hecho es darle una ojeada al sitio para ver si había algún error garrafal o simplemente es un sitio spam, pero básicamente tiene <a
href="http://www.jocjuegos.com/">casual games</a>. Hasta aquí todo bastante correcto, sin entrar muy en detalle.</p><p>El siguiente paso ha sido <a
href="http://juegostt.com/robots.txt">revisar el robots.txt</a>:</p><p><code>User-agent: *<br
/> Allow: /<br
/> Disallow: /ver/<br
/> Disallow: /page/0/<br
/> User-agent: Mediapartners-Google<br
/> Allow: /</code></p><p>Pero antes se hacer una propuesta de robots.txt, vamos a hacer unas cuantas consultas de búsqueda. Para empezar la que nos muestre cuántas páginas hay indexadas del sitio:</p><p><a
href="https://www.google.com/search?q=site:juegostt.com">site:juegostt.com</a></p><p>Podemos ver que hay 6.610 páginas indexadas y una serie de combinaciones de carpetas y ficheros. Los siguientes pasos son establecer la idea de arquitectura de URLs que hay (sin entrar en el propio sitio web). Para ello voy a hacer las siguientes consultas:</p><p><a
href="https://www.google.com/search?q=site:juegostt.com+-inurl:juegos-de">site:juegostt.com -inurl:juegos-de</a></p><p><a
href="https://www.google.com/search?q=site:juegostt.com+-inurl:juegos-de+-inurl:juegos-mas">site:juegostt.com -inurl:juegos-de -inurl:juegos-mas</a></p><p><a
href="https://www.google.com/search?q=site:juegostt.com+-inurl:juegos-de+-inurl:juegos-mas+-inurl:tag">site:juegostt.com -inurl:juegos-de -inurl:juegos-mas -inurl:tag</a></p><p><a
href="https://www.google.com/search?q=site:juegostt.com+-inurl:juegos-de+-inurl:juegos-mas+-inurl:tag+-inurl:page">site:juegostt.com -inurl:juegos-de -inurl:juegos-mas -inurl:tag -inurl:page</a></p><p><a
href="https://www.google.com/search?q=site:juegostt.com+-inurl:juegos-de+-inurl:juegos-mas+-inurl:tag+-inurl:page+-inurl:swf">site:juegostt.com -inurl:juegos-de -inurl:juegos-mas -inurl:tag -inurl:page -inurl:swf</a></p><p>En este momento ya vemos que al final de la página nos indica que hay &#8220;elementos no relevantes&#8221; por lo que pulsaremos y veremos el 100% de los ficheros indexados:</p><p><a
href="https://www.google.com/search?q=site:juegostt.com+-inurl:juegos-de+-inurl:juegos-mas+-inurl:tag+-inurl:page+-inurl:swf&#038;filter=0">site:juegostt.com -inurl:juegos-de -inurl:juegos-mas -inurl:tag -inurl:page -inurl:swf</a></p><p>¿Qué hacer en este momento? Pues ir revisando cada uno de estos &#8220;bloques&#8221; o &#8220;carpetas&#8221; o &#8220;ficheros&#8221; de forma autónoma. Por ejemplo, y empecemos por el final&#8230; los ficheros SWF, en este caso que son juegos, no hace falta que Google los rastree, por lo que eliminaremos la indexación de esa carpeta a través del robots.txt. De la misma forma, las paginaciones sólo hacen que generar contenidos duplicados y no sirven para &#8220;posicionarse&#8221; bien, así que, aunque sirven para el rastreo de los contenidos, lo mejor es eliminarlo.</p><p>En los resultados de Google que habían quedado nos encontramos con algunas páginas que aunque legalmente han de estar en la web, no hace falta que estén en los resultados de búsqueda. Estas páginas como <code>proteccion-de-datos.html</code>, <code>aviso-legal.php</code>, <code>aviso-legal.html</code>, <code>enlaces/</code>, <code>webmasters/</code> o toda la carpeta <code>sitemaps/data/</code> no influyen negativamente en los resultados de búsqueda, pero tampoco sirve de nada que estén, así que vamos a incorporarles una meta etiqueta de <em>noindex</em>.</p><p><code>&lt;meta name="robots" content="noindex"&gt;</code></p><p>Ahora nos quedan las carpetas siguientes: juegos-de, juegos-mas y tag. Si &#8220;activamos&#8221; el filtro en la búsqueda, quedando algo como esto:</p><p><a
href="https://www.google.com/search?q=site:juegostt.com+-inurl:juegos-de+-inurl:juegos-mas+inurl:tag+-inurl:page+-inurl:swf">site:juegostt.com -inurl:juegos-de -inurl:juegos-mas inurl:tag -inurl:page -inurl:swf</a></p><p>sólo deberíamos ver lo que hay en esas carpetas. Debemos revisar dos cosas, la primera que estas páginas no tengan paginación&#8230; y en caso de que la tuvieran deberíamos filtrarlas a través del fichero de <em>robots.txt</em>; la segunda es revisar aquellas páginas que tienen 0 resultados (en las que debemos devolver un código de error 404) y las que tienen 1 o 2 resultados (en las que, de nuevo, usaremos la meta-etiqueta de <em>noindex</em>) que hemos de filtrar para que no se consideren contenidos duplicados, ya que es muy probable que varias tags acaben dando resultados de las mismas páginas.</p><p>Si ahora hacemos lo mismo con &#8220;juegos-mas&#8221; tendremos algo como:</p><p><a
href="https://www.google.com/search?q=site:juegostt.com+-inurl:juegos-de+inurl:juegos-mas+-inurl:tag+-inurl:page+-inurl:swf">site:juegostt.com -inurl:juegos-de inurl:juegos-mas -inurl:tag -inurl:page -inurl:swf</a></p><p>y en este caso esta página sólo es una paginación de casi 200 páginas que no aportan nada (y que tienen títulos duplicados, al igual que descripciones. Es por ello que, excepto la primera página el resto las eliminaremos a través del robots.txt.</p><p>Y para acabar, la revisión de donde más contenidos hay, la categorización de las fichas de juegos. Ejecutaremos una consulta similar a la anterior&#8230;</p><p><a
href="https://www.google.com/search?q=site:juegostt.com+inurl:juegos-de+-inurl:juegos-mas+-inurl:tag+-inurl:page+-inurl:swf">site:juegostt.com inurl:juegos-de -inurl:juegos-mas -inurl:tag -inurl:page -inurl:swf</a></p><p>Aquí tenemos una estructura compleja (no es la que yo usaría, pero eso ahora no toca). Tenemos por un lado las carpetas &#8220;raíz&#8221; que corresponden a las categorías propiamente dichas, de las que cuelgan dos tipos de contenido, los juegos y las paginaciones. Como ya hemos quedado anteriormente, las paginaciones no las vamos a indexar, pero hemos de buscar la forma de filtrar todo en el fichero de robots sin fastidiar el resto de elementos.</p><p>Mi propuesta de fichero de <em>robots.txt</em> es la siguiente:</p><p><code>Sitemap: http://juegostt.com/sitemap.xml<br
/> User-Agent: *<br
/> Disallow: /swf/<br
/> Disallow: /page/<br
/> Disallow: /juegos-mas-jugados/<br
/> Allow: /juegos-mas-jugados/<br
/> Disallow: /juegos-de-*/*/<br
/> Disallow: /ver/<br
/> User-Agent: Mediapartners-Google</code></p><p>A parte de todo esto hay un detalle que hay que añadir, que es el <a
href="https://support.google.com/webmasters/bin/answer.py?hl=en&amp;answer=139394">uso del rel=canonical</a> en todas las páginas (excepto en aquellas que tienen el <em>noindex</em>). Con esto conseguiremos que, además de eliminar los contenidos duplicados de las páginas existentes, no se puedan generar contenidos duplicados de páginas nuevas que puedan aparecer por error.</p><p>Que conste que esto es una revisión MUY básica pero que es muy recomendable hacer en todos los sitios. <strong>Esto no es SEO, es HACER LAS COSAS BIEN</strong>, pero es un ejercicio que muchas veces no hace nadie cuando se plantea un proyecto y que es básico tanto para los usuarios como para los motores de búsqueda.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/corregir-penalizacion/feed/</wfw:commentRss> <slash:comments>38</slash:comments> </item> <item><title>#20N: a quién votar</title><link>http://javiercasares.com/blog/20n-a-quien-votar/</link> <comments>http://javiercasares.com/blog/20n-a-quien-votar/#comments</comments> <pubDate>Fri, 11 Nov 2011 19:21:40 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Mis Cosas]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3583</guid> <description><![CDATA[No soy muy de hablar de política, pero ahora que falta semana y poco para tener que visitar de nuevo el colegio creo que deberíamos reflexionar muy bien lo que vamos a hacer en esta ocasión. Y es que está &#8230; <a
href="http://javiercasares.com/blog/20n-a-quien-votar/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>No soy muy de hablar de política, pero ahora que falta semana y poco para tener que visitar de nuevo el colegio creo que deberíamos reflexionar muy bien lo que vamos a hacer en esta ocasión. Y es que está claro que pase lo que pase aún quedan un par de años para vez la luz.</p><p>Me hace gracia eso de que hay <em>crisis</em>. Crisis era lo que había en la Guerra Civil cuando había cartillas de razonamiento y la gente tenía que comer pan duro con cucarachas y gusanos. Por ahora la mayoría de la gente tiene &#8220;pan y circo&#8221;, porque por suerte aún en España no pasamos hambre y veo a la gente en el supermercado comprando (aunque sea &#8220;marca blanca&#8221;) y sigo viendo a la gente yéndose de tapas al bar y a ver el fútbol.</p><p>Con respecto a lo de que &#8220;no hay trabajo&#8221; también lo he comentado varias veces&#8230; trabajo hay, lo que hay es exceso de gente en determinados sectores y esa gente que &#8220;sobra&#8221; debería cambiar a otro sector y reciclarse. Además, podéis hacerlos la pregunta que me hago yo: ¿verdad que la gente &#8220;buena&#8221; (profesionalmente) tiene trabajo? En este caso sí que voy a dejar aquellos que se dedican a la construcción, donde dí hay gente buena sin trabajo, pero eso ya es por el tema de la &#8220;burbuja inmobiliaria&#8221;. En el resto de sectores creo que hay que reciclarse. Sé que por esto me puedo ganar muchos enemigos, pero de verdad, hay que pararse y pensarlo fríamente.</p><p>Hay que tener en cuenta un detalle que quizá nadie se haya parado a pensar: el dinero no se crea ni se destruye, se mueve. Y esta &#8220;crisis&#8221; lo que ha hecho es que el dinero no se mueva, sino que se quede en la gente que suele tener mucho dinero. Es sabido que hay fondos de inversión alrededor de toda Europa que no saben dónde invertir cientos de millones de euros. Esa es una realidad, talento hay, entiendo que nadie se quiera pillar los dedos invirtiendo en determinados proyectos, pero hay gente que con algo de dinero sabe montar proyectos muy interesantes (yo al menos puedo hablar de lo que conozco, que es Internet).</p><p>Y ahora llegan las elecciones. El Partido Popular tiene todas las de ganar; mucha gente no quiere que eso sea así, pero las encuestas así parecen mostrarlo. Yo lo único que pido es que no haya mayorías absolutas (ni por un lado ni por otro), creo que no nos lo merecemos porque acabaríamos peor de lo que estamos. Los dos próximos años el Gobierno de los distintos países de la UE van a mandar poco, relativamente, porque precisamente la UE va a ser la que mande determinadas directivas para ir haciendo cosas. Todos a una, en este caso, a salvar el Euro como moneda.</p><p>En muchas ocasiones he tenidos dudas de si ir a ejercer mi derecho a votar, pero esta ocasión tengo claro que iré a votar, aunque no lo haré ni por PSOE ni por PP, sino por alguien que realmente pueda presionar a alguno de los dos mayoritarios a hacer algo decente por nosotros.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/20n-a-quien-votar/feed/</wfw:commentRss> <slash:comments>5</slash:comments> </item> <item><title>Google DevFest Barcelona 2011</title><link>http://javiercasares.com/blog/google-devfest-barcelona-2011/</link> <comments>http://javiercasares.com/blog/google-devfest-barcelona-2011/#comments</comments> <pubDate>Tue, 08 Nov 2011 09:00:02 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Eventos]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3584</guid> <description><![CDATA[Esta mañana estoy en el Google DevFest Barcelona 2011. Voy a estar sólo esta mañana, así que aviso que las charlas que se den esta tarde no las comentaré. En realidad vengo principalmente por las de Chrome y las de &#8230; <a
href="http://javiercasares.com/blog/google-devfest-barcelona-2011/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Esta mañana estoy en el Google DevFest Barcelona 2011. Voy a estar sólo esta mañana, así que aviso que las charlas que se den esta tarde no las comentaré. En realidad vengo principalmente por las de <a
href="https://www.google.com/chrome">Chrome</a> y las de <a
href="https://plus.google.com/up/start/?continue=https://plus.google.com/&amp;type=st&amp;gpcaz=e48f4f75">Google+</a>, que esta tarde tengo sesión de <a
href="http://javiercasares.com/wpo/" title="Guía WPO">tuning WPO</a> a niveles ya insospechados de capas OSI&#8230;</p><p>NOTA: Para aquellos que quieran seguir el evento en directo, les recomiendo seguir el hashtag <a
href="https://twitter.com/#!/search/realtime/%23DevFest">#DevFest</a> en Twitter, donde muchos de los asistentes están retransmitiendo (por lo que yo me limitaré a escribir en el blog).</p><p><strong>Welcome Intro</strong> &#8211; Alejandro Villanueva</p><p>Nos dan la bienvenida y dan las gracias a los desarrolladores y a los asistentes de muchas partes de España. Google está convencida de los emprendedores y desarrolladores de Barcelona y el epicentro que supone en Europa en Mobile World Congress.</p><p>Este va a ser el primer evento &#8220;de muchos&#8221; y quieren fichar a una persona responsable de comunicación para la parte de desarrolladores (a ver si es verdad que comunican más).</p><p><strong>New in HTML</strong> &#8211; <a
href="http://twitter.com/paul_kinlan">Paul Kinlan</a></p><p>Tienes la <a
href="http://kinlan-presentations.appspot.com/bleeding-barcelona/index.html">presentación disponible</a> en línea.</p><p>Paul comienza hablando de las <em>Richer Web Apps</em> y de HTML5. Nuevos tags <em>details</em> y <em>summary</em>, con algunos ejemplos sencillos. También presenta <em>output</em> funcionando en Google Chrome.</p><p>Otro elemento nuevo es <em>mark</em>, con el que se pueden remarcar algunos textos (aunque habla que puede parecer spam). Además muestra un ejemplo de un <em>Speech Input</em> (por ahora sólo funcionando en Chrome).</p><p>También comenta sobre las animaciones&#8230; que han de tener como máximo 60fps (que es lo que suelen soportar las pantallas por norma general). Interesante que haya que &#8220;informar&#8221; a los navegadores que quieres animar algo.</p><p>Un detalle interesante el elemento <a
href="http://code.google.com/chrome/whitepapers/prerender.html">prerender</a> disponible en Chrome. Con pequeños fragmentos de JavaScript (que también funcionan en Firefox) podemos saber si un usuario está conectado o desconectado. Incluso podemos saber si el usuario se conecta o desconecta de la red.</p><p><a
href="http://blog.chromium.org/2011/08/connecting-web-apps-with-web-intents.html">Web Intents</a> es un proyecto en el que Paul está trabajando. La web tiene un problema y es que no se puede integrar con otros servicios. Hay muchas API para conectarte con muchos servicios, cada una a su manera. El objetivo es integrar todos estos servicios entre sí, y el ejemplo que se presenta es con servicios de <em>bookmarks</em>.</p><p>Con Web Intents la idea es tener un sistema de interconexión entre aplicaciones a nivel de sevidor, es decir, que los distintos sitios web sepan hablar entre sí. Hay que definir una acción (share, edit, pick, view&#8230;) y el usuario elige el servicio con el que quiere trabajar.</p><p>Los que usan Android conocerán algo similar, que es por ejemplo el &#8220;share&#8221; del teléfono, en el que pulsas y las aplicaciones aparecen ahí&#8230; el objetivo es poder hacer esto en la web. Existe el sitio <a
href="http://webintents.org/">WebIntents.org</a> donde poder ver unas primeras aproximaciones. El sistema es bidireccional y funciona principalmente en JavaScript para acceder a los datos de una forma sencilla.</p><p>A partir de ahora se podrá acceder a la cámara y audio con unas pocas líneas de código y sin necesidad de Flash u otras aplicaciones externas. También se puede llegar a abrir en ventanas a pantalla completa. Para todo el tema del streaming existe el <a
href="http://www.webrtc.org/">Web RTC</a> un protocolo abierto para conseguir la transmisión en tiempo real de datos.</p><p>Con el audio también se pueden hacer algunas cosas. Pero no sólo con el elemento <em>audio</em>; se pueden conseguir efectos muy grandes sin se combina con canvas por ejemplo creando un sintetizador, gráficas, etc&#8230;</p><p>Para estar al día es recomendable seguir <a
href="http://updates.html5rocks.com/">HTML5Rocks</a> donde se pueden seguir ejemplos de las novedades en los distintos navegadores según van aplicando.</p><p><strong>GLSL</strong> &#8211; <a
href="https://twitter.com/mrdoob">Mr.doob</a></p><p><a
href="http://en.wikipedia.org/wiki/GLSL">GLSL</a> (OpenGL Shading Language) es un lenguaje de programación pensado para generar gráficos. Para empezar un ejemeplo <a
href="http://www.thewildernessdowntown.com/">thewildernessdowntown.com</a> o <a
href="http://www.ro.me/">ro.me</a>. Este sistema se parece bastante a nivel de lenguaje a C/C++, y se compila y ejecuta en la GPU si es posible.</p><p>Básicamente lo que se trata es de usarlo como una API contra la GPU (aunque se limita muchas veces a triángulos, líneas y puntos).</p><p><strong>Google+ for Publishers &#038; Authors</strong> &#8211; <a
href="https://plus.google.com/105037104815911535953">Ade Oshineye</a></p><p>Google+ lo que pretende es hacer un <em>upgrade</em> de la experiencia de usuario de todos los servicios de Google. Los círculos son grupos de personas que te permiten definir qué y a quién compartir información.</p><p>¿Quién de la sala duerme junto a su teléfono? ¡No mintáis!</p><p>Normalmente haces una foto y se te olvida subirla o hacer cualquier cosa. De ahí que la aplicación +Mobile (Google+ Mobile) permite subir las imágenes a Picasa en <em>background</em>. Ayer se lanzaron las Google+ Pages.</p><p>El objetivo de Google +1 es aumentar la experiencia de la parte de búsqueda. ¿Cuál es el mejor resultado? Seguramente un resultado que alguno de tus amigos te recomienda. Eso es lo que se ha hecho. Google+ ayuda al ranking pero no es un factor del ranking.</p><p>Puedes instalar el <a
href="http://www.google.com/intl/es/webmasters/+1/button/">código del botón Google +1</a> y con un par de líneas funciona. Existe un código asíncrono.</p><p>El <a
href="https://support.google.com/webmasters/bin/answer.py?hl=en&amp;answer=139394">rel=canonical</a> evita que haya muchas URL apuntando a un único contenido. Esto afecta a Google +1 porque los enlaces también los sigue en las páginas.</p><p>Para controlar lo que se publica en redes sociales debemos tener en cuenta: <a
href="http://schema.org/">schema.org</a>, <a
href="http://ogp.me/">Open Graph Protocol</a>, Meta o &#8220;best guess&#8221;. Lo primero que se implementó fueron las recetas, que es algo bastante sencillo. Se puede controlar el título, imagen y descripción que luego aparecerán.</p><p>Best Practices: la URL debe ser rastreable (indexable) y pública para que Google sea capaz de rastrear el contenido. Gracias al canonical, el sistema utiliza esta URL y no la pública.</p><p>Google +1 tiene estadísticas demográficas en Google Webmaster Tools, y también tiene datos en Google Analytics. Además tiene <a
href="https://developers.google.com/+/plugins/+1button/">una serie de plugins</a>.</p><p>¿Cuáles son los siguientes pasos? Incluir el botón en tu página e invertir en Rich Snippets.</p><p><strong>Google+ for Developers</strong> &#8211; <a
href="https://plus.google.com/105037104815911535953">Ade Oshineye</a></p><p>¿Dónde está la API? Poco a poco, paso a paso. Es muy distinta la API que se va a lanzar con Google+, un cambio de mentalidad en Google, un cambio de tecnología. Lo primero que hay que pensar es en la Plataforma.</p><p>Uno de los pasos es es tener un panel donde ver <a
href="https://accounts.google.com/ServiceLogin?service=devconsole&amp;passive=1209600&amp;continue=https://code.google.com/apis/console/&amp;followup=https://code.google.com/apis/console/">la lista de API</a>, sus límites e incluso agregar a tu equipo para que todos usen los mismos identificadores. Además se ha lanzado <a
href="https://code.google.com/apis/explorer/">el API Explorer</a> desde donde controlarlas. Existe una <a
href="http://code.google.com/intl/es-ES/apis/gdata/docs/client-libraries.html">lista de Client Libraries</a> para muchos lenguajes de programación.</p><p>Hay que tener en cuenta las bases: JSON, OAuth, Quotas y API Keys. Con las librerías hay que olvidarse de gran parte de esto, sólo centrarse en el producto y su desarrollo. Otro elemento es el Sign In, que se debe hacer externalizado. Un botón, se abre una ventana, entra con su cuenta de Google y ya tienes toda la información. Tres líneas de código.</p><p>El objetivo no es traer la gente de Facebook hacia Google+, sino a la gente que utiliza Google darle una infraestructura y un servicio mejorado, ampliado. AHora mismo no tienen prisa en abrir la API, sino que van a ir paso a paso para cumplir los objetivos de seguridad y privacidad que se merece la plataforma.</p><p>Y por mi parte hasta aquí el evento&#8230; la verdad es que lo poco que he podido estar me ha parecido muy interesante, aunque de niveles técnicos muy distintos&#8230; al menos la parte de Google+ me ha parecido muy ligera y más para dar a conocer el producto.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/google-devfest-barcelona-2011/feed/</wfw:commentRss> <slash:comments>5</slash:comments> </item> <item><title>Cómo Bing mejora el PageRank contra el WebSpam</title><link>http://javiercasares.com/blog/bing-pagerank-webspam/</link> <comments>http://javiercasares.com/blog/bing-pagerank-webspam/#comments</comments> <pubDate>Sun, 06 Nov 2011 09:28:18 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Search Engine Optimization]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3578</guid> <description><![CDATA[Hablar de sistemas antispam en los resultados de búsqueda es algo de lo que he hablado muchas muchas veces en los últimos meses. Cada buscador busca sus propios sistemas para mejorar el análisis de los sitios web, ya sea mediante &#8230; <a
href="http://javiercasares.com/blog/bing-pagerank-webspam/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Hablar de sistemas antispam en los resultados de búsqueda es algo de lo que he hablado muchas muchas veces en los últimos meses. Cada buscador busca sus propios sistemas para mejorar el análisis de los sitios web, ya sea mediante factores humanos, analizando las propias páginas y con decenas de métodos para aumentar la calidad del índice. Pero sin duda este sistema de Microsoft me ha sorprendido ya que se basa en el propio PageRank de Google.</p><p>La patente <em>Locally computable spam detection features and robust pagerank</em> de Microsoft deja bien claro que hoy en día tanto el PageRank como HITS son fácilmente manipulables, ya que se basan principalmente en los enlaces que envía y recibe un sitio y que esto ya no sirve de cara a que un sitio tenga más relevancia. Incluso, un detalle importante, es que hasta ahora los sistemas antispam debían analizar el contenido de las propias páginas una vez tuviéramos un grafo de la red de redes.</p><p>El objetivo es el de facilitar la identificación de páginas spam y de reducir la evaluación de las páginas con spam. Por ejemplo, un spammer puede intentar inflar su ranking generando una estructura de enlaces alrededor de una página concreta (granja de enlaces). Este tipo de granjas es fácilmente detectable en el grafo web. Una página tiene una cantidad de enlaces y estas páginas también tienen sus enlaces, y la suma de todos estos elementos, en su mayor o menor medida es la que genera el ranking de dicha página. De esta forma también podríamos sacar una media y ver qué elementos están por encima de ese umbral determinado. A partir del momento en el que se conocen algunas páginas marcadas como spam y otras marcadas como no-spam se podría establecer una serie de conductas que se generan de forma natural o artificial.</p><p>Por norma general el sistema antispam por defecto sería similar al siguiente, en el que encontramos un módulo que analiza las páginas con o sin spam, y otro que luego ordena los resultados, mayormente basado en la cantidad de enlaces que encontramos en él mismo.</p><p><a
href="http://javiercasares.net/uploads/betterpagerank1.png"><img
src="http://javiercasares.net/uploads/betterpagerank1-336x550.png" alt="" title="betterpagerank1" width="336" height="550" class="aligncenter size-large wp-image-3580" /></a></p><p>Pero existe la posibilidad de integrar un componente que lo que haga es hacer ese análisis de filtrado de cantidad de enlaces en base a la limitación de la efectividad de la manipulación de enlaces. Este sistema vendría a ser similar al que Google por el cual, según ellos, en sus listados de enlaces entrantes &#8220;sólo aparecen aquellos que realmente son importantes&#8221;.</p><p>La idea final es la de encontrar la forma de integrar lo que los humanos dictaminan que es webspam con lo que las máquinas pueden aprender en lo que hace referencia a los enlaces. Es decir, un usuario dictamina que una página es spam, se analiza su &#8220;alrededor&#8221; y a partir de ahí se genera un vector en el grafo mediante el que se aprende qué se ha hecho y se aplica a otros sitios sin necesidad de saber ni analizar el contenido propio de la página, lo que ahorra tiempo al buscador, ya que no es necesario el análisis de los contenidos, algo que lleva demasiado tiempo.</p><p><a
href="http://javiercasares.net/uploads/betterpagerank2.png"><img
src="http://javiercasares.net/uploads/betterpagerank2-550x326.png" alt="" title="betterpagerank2" width="550" height="326" class="aligncenter size-large wp-image-3581" /></a></p><p>La patente básicamente lo que nos ofrece es una propuesta, y aunque da ciertas pistas de por dónde quieren ir no dan datos más concretos. Aún así, sí que hacen referencia al tamaño de la información a gestionar, ya que la cantidad de niveles de enlaces entrantes puede ser desde muy reducida hasta la utilización de todo el grafo, es decir, usar todos los enlaces de Internet para analizar el spam a un sitio concreto.</p><p>Personalmente tampoco veo ninguna novedad en algo que no se esté haciendo ya por parte de todos los motores de búsqueda. Es sabido que el peso de los enlaces ha cambiado mucho y que en muchos casos las granjas de enlaces ya no sirven para mucho (lo único es saber si no afectan o afectan negativamente, algo que este sistema puede llegar a decidir), y, sobre todo, que en cualquier caso, hay que enseñar a aprender a los distintos módulos de los rastreadores e indexadores.</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/bing-pagerank-webspam/feed/</wfw:commentRss> <slash:comments>5</slash:comments> </item> <item><title>Google Quality Rater: WebSpam</title><link>http://javiercasares.com/blog/google-quality-rater-webspam/</link> <comments>http://javiercasares.com/blog/google-quality-rater-webspam/#comments</comments> <pubDate>Sat, 05 Nov 2011 12:21:43 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Search Engine Optimization]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3571</guid> <description><![CDATA[Hace unos días comencé a explicar sobre cómo los Google Quality Rater validan la utilidad de los documentos. Ahora que ya sabemos cómo se valida un documento, queda que veamos los &#8220;flags&#8221; que pueden recibir; esto significa que independientemente de &#8230; <a
href="http://javiercasares.com/blog/google-quality-rater-webspam/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Hace unos días comencé a explicar sobre <a
href="http://javiercasares.com/blog/google-quality-rater-utilidad/" title="Google Quality Rater: utilidad del documento">cómo los Google Quality Rater validan la utilidad de los documentos</a>. Ahora que ya sabemos cómo se valida un documento, queda que veamos los &#8220;flags&#8221; que pueden recibir; esto significa que independientemente de la utilidad del documento podemos marcar determinados elementos (como spam, malware, &#8230;) para que se investigue más sobre él.</p><p><strong>Spam</strong></p><p>Aunque luego entraré en más detalle en este punto, el webspam se puede marcar con 3 niveles distintos: not-spam, mayby-spam y spam.</p><p>Una página correcta, en la que no hay ningún intento de engañar al buscador ni al usuario se marca como <em>no spam</em>, es decir, se marca como correcta. En el caso en el que haya ciertas sospechas de que puede incluir alguna técnica extraña, pero no queda claro si es algo hecho a propósito o es algo que se ha hecho por desconocimiento se puede marcar la página como &#8220;puede que spam&#8221;. El último caso es marcarla claramente como &#8220;spam&#8221; en base a los elementos que, como antes decía, luego explicaré.</p><p><strong>Pornografía</strong></p><p>El &#8220;flag&#8221; de pornografía siempre hay que marcarlo en caso de que la página lo sea, independientemente de la utilidad o del webspam o de lo que sea. Una página que tenga imágenes, textos, enlaces, publicidad, popups&#8230; será marcada con este atributo.</p><p>En estos casos, la utilidad de la página vendrá marcada por la intención del usuario, es decir, si un usuario está buscando o no pornografía. En el caso de que la consulta de búsqueda no tenga ningún tipo de intención, todos los resultados que contengan un mínimo de contenido serán marcados como <em>Useless</em>. Pero a veces nos encontramos con consultas de búsqueda que pueden tener varias interpretaciones posibles. En estos casos en los que no queda clara la interpretación, siempre se tenderá a valorar la búsqueda como si no tuviera la intención. En el caso de que alguien haga una búsqueda clara, las páginas se valorarán de forma normal (incluso puede algún resultado Vital para alguna búsqueda) y se marcarán con el <em>flag Porn</em>.</p><p><strong>Malicioso</strong></p><p>Por último nos encontramos el <em>flag</em> de código o sitio malicioso. Este elemento se deberá marcar principalmente en dos casos.</p><p>El primero de ellos es cuando el navegador no se puede cerrar de forma normal, por mucho que lo intentes, es decir, la página &#8220;te ha secuestrado&#8221; y no te deja ir. El otro caso es cuando el sitio intenta o te incita a descargar algún tipo de virus, troyano o cualquier otro sistema que se puede considerar malicioso.</p><p>Un detalle importante es que las páginas que incluyen <em>popups</em> o similares, aunque haya que pulsar un par de veces para cerrarlos, pero se cierran, no se consideran de este tipo.</p><p><strong>Vale&#8230; pero ¿qué es WebSpam?</strong></p><p>Pues WebSpam es el término que se usa a aquellas páginas desarrolladas por los webmasters para engañar a los motores de búsqueda y que pretenden atraer a los usuarios. Hay que tener en cuenta que aquellas páginas que puedan ser molestas o tener muchos popups no tienen porqué ser marcadas con esta etiqueta. Las páginas que están desarrolladas únicamente para ganar dinero y no ayudar al usuario son spam.</p><p>Es curioso que Google obliga a sus Quality Raters a utilizar únicamente el navegador <a
href="https://www.mozilla.org/es-ES/firefox/fx/">Firefox</a> para hacer todas las pruebas y que incita a instalar la <a
href="https://addons.mozilla.org/es-ES/firefox/addon/web-developer/">Web Developer</a>. Sobre todo sorprende porque Chrome, en la fecha en la que se data el documento ya iba por su versión 12, bastante estable y segura.</p><p><strong>Texto y Enlaces ocultos</strong></p><p>El texto oculto es visible por los buscadores pro no por los usuarios. Para aceptarlo como tal debe:</p><ul><li>Ser invisible completamente al ojo humano.</li><li>Tener el mismo color que el fondo de pantalla, o muy cercano de forma que sea inapreciable.</li><li>Tener un tamaño de letra muy muy pequeño (fuente 1, 6 pixels&#8230;).</li><li>Suele estar situado en zonas en las que no parece haber más que un bloque en blanco, sin contenido, normalmente al pie de página.</li><li>Puede haber tan sólo una o dos líneas escondidas, pero también páginas enteras.</li><li>La mayoría de veces el texto oculto es spam, pero puede darse que se oculte por un tema de diseño o maquetación.</li></ul><p>El texto oculto normalmente se puede observar aplicando Control+A (Manzana+A), desactivando CSS, desactivando JavaScript, viendo el código fuente&#8230;</p><p><strong>Keyword Stuffing</strong></p><p>En ocasiones los desarrolladores cargan las páginas con palabras relacionadas con la consulta de búsqueda.</p><ul><li>Las palabras están repetidas en multitud de ocasiones en la página.</li><li>Palabras relacionadas con las palabras de la página también en exceso.</li><li>Múltiple <em>mispelling</em> de las palabras de la página.</li></ul><p>Para decidir si hay un exceso o no se debe mirar la forma en la que el usuario lo puede percibir, sobre todo en el momento en el que eso lo puede distraer. En caso de duda no se marcará como spam.</p><p>De la misma forma que puede haber exceso de palabras clave en el contenido de una página, podemos encontrarlo en la propia URL. En estos casos suele verse porque la URL viene generada por muchas de las palabras clave de la consulta del usuario y por el exceso de cantidad de guiones entre ellas.</p><p><strong>Sneaky Redirects</strong></p><p>En algunas ocasiones podemos encontrarnos que cuando un usuario entra en una página se le reenvía a otra página que la URL no coincide con la original. En aquellos casos en los que esta redirección se haga desde un punto de vista de intento de spam se marcará como tal.</p><ul><li>Cuando se produce la redirección se observa que hay varias redirecciones intermedias hasta llegar a la definitiva.</li><li>Cuando se accede a una página la redirección cada vez nos manda a una dirección distinta.</li><li>En ocasiones se manda al usuario a sitios de venta habituales como Amazon, eBay, Zappos&#8230;</li></ul><p>Para reconocer esto podemos usar varias técnicas. Para empezar la más sencilla es la de comparar ambas direcciones URL y comparar por ejemplo las páginas principales del dominio para ver si se parecen. Otra forma de verlo es analizando el <em>whois</em> del dominio; en este caso si los datos del propietario son iguales no suele ser spam.</p><p><strong>Cloaking</strong></p><p>El cloaking es el sistema que permite que se muestren páginas distintas a un usuario y a un motor de búsqueda. Suele haber dos técnicas para generarlo: JavaScript y Frames (yo añadiría la programada que detecta el <em>User-Agent</em> y las IPs de los <em>crawlers</em>).</p><p>Para detectar la de JavaScript tan sólo hay que activar y desactivar el JavaScript y comparar los resultados que muestra la página. En el caso de los frames lo mejor es analizar la dirección que aparece cuando vemos la información del propio frame.</p><p><strong>Publicidad PPC</strong></p><p>Algunas páginas ofrecen únicamente enlaces de publicidad PPC, o en su gran mayoría, conocidas como <em>páginas PPC puras</em>. Lo que hay que analizar es si estas páginas ofrecen algún tipo de ayuda a los usuarios o no. Por ejemplo:</p><ul><li><em>Comparadores de precios</em>: Estos sitios ofrecen un valor añadido a los usuarios, aún llevando a sitios de venta por afiliación.</li><li><em>Reseñas de productos</em>: Se hacen reseñas de productos originales, aunque luego manden a comprarlo vía estos enlaces. Esto incluye el Pay-per-Post.</li><li><em>Recetas</em>: Aquellos sitios que incluyen recetas originales (aunque se mezclen con otras no tanto) no se marcan como spam.</li><li><em>Letras de canciones, frases, poemas, etc</em>: Si la página está creada para ayudar a los usuarios a encontrar la información y no con exceso de publicidad.</li><li><em>Información de contacto</em>: Hay páginas en las que se ofrece información sobre empresas en las que hay direcciones, teléfonos, etc&#8230;</li><li><em>Descuentos, cupones, etc</em>: Si la información que se provee es interesante y no sólo el enlace por en enlace.</li></ul><p><strong>Copia de contenidos</strong></p><p>En ocasiones hay sistemas de <em>scrapper</em> que leen contenidos de otras fuentes (como Wikipedia, DMOZ&#8230;) e incluso te incitan a ello siguen siendo páginas con <em>contenido copiado</em>. En estos casos no tiene porqué ser una técnica ilegal, ni tan siquiera plagio.</p><p>Hay páginas que generan contenidos y que cuentan con herramientas de sindicación (RSS, XML&#8230; y que después, de una forma automática se les añade publicidad. En estos casos en los que la única función de la página es la de no agregar valor y sólo ganar dinero, se considera spam.</p><p><strong>Páginas puerta</strong></p><p>Son aquellas páginas creadas principalmente para los motores de búsqueda y que derivan a los usuarios a otras páginas de destino habituales. Las páginas suelen tener un aspecto muy similar entre ellas pero no proveen ningún tipo de valor a los usuarios. Las <em>landing pages</em> podrían entrar en este apartado si no se tratan bien.</p><p><strong>Plantillas y Páginas autogeneradas</strong></p><p>Muchos sitios utilizan plantillas que incluyen contenidos copiados de otras fuentes. En estos casos se pueden observar estas plantillas porque suelen tener un formato bastante genérico. Además, suelen darse páginas similares a las que llegar con distintas palabras clave.</p><p><strong>Foros</strong></p><p>En muchas ocasiones existen foros que únicamente copian contenidos de otros foros y les añaden publicidad. También, en la mayoría de estos, no se puede realizar la entrada de un comentario o respuesta.</p><p>Aquellos foros que por algún tipo de problema de sofware o de malware tienen inyección de spam no deben ser marcados como tales.</p><p><strong>Cómo reconocer contenido copiado</strong></p><ul><li>Buscar alguna frase del contenido en el buscador, añadiéndole comillas al principio y final. En este momento aparecerán otras páginas donde se incluye esa misma frase. Aquí puedes investigar cuál es el contenido original.</li><li>Buscar enlaces de publicidad alrededor del texto; Wikipedia y DMOZ no incluyen enlaces de publicidad.</li><li>Buscar gramática computerizada sospechosa, es decir, intentar buscar texto que no tenga mucha lógica y que pueda parecer generado de forma más o menos automática.</li><li>Formato de la dirección URL, en la que aparece un exceso de palabras clave y que sugiere una plantilla que las genera.</li><li>Piensa si la página ha sido creada por un ser humano o por una máquina de una forma automática.</li></ul><p><strong>Páginas de resultados falsas</strong></p><p>Una página de resultados falsa es aquella que muestra resultados de búsqueda como si fueran reales, pero que en realidad no lo son. La página tiene un cajetín de búsqueda pero si tu realizas la misma consulta de búsqueda sueles obtener resultados diferentes. Si pulsas en los resultados de búsqueda verás que te envían a sitios de PPC.</p><p><strong>Blogs falsos</strong></p><p>Son blogs en los que los contenidos son copiados de otras páginas o fuentes. En muchas ocasiones disponen de sistemas de comentarios que no funcionan.</p><p>Hay que diferenciar estos blogs de aquellos que han sufrido ataques de spammers, es decir, que los contenidos son reales pero que en comentarios o por errores de software / malware sufren un ataque de spam. En estos casos no hay que marcar la página como spam.</p><p><strong>Intención comercial</strong></p><p>La mayor parte de las páginas de spam tienen una intención comercial, y se crean para generar ventas a través de páginas de afiliación o mediante clics de PPC. Si una página existe únicamente para generar dinero esa página es spam.</p><ul><li>Botones con textos como &#8220;más información o &#8220;realizar compra&#8221; que acaban llevándote a un sitio en otro dominio suelen ser sistemas de afiliación spam.</li><li>Si las propiedades de las imágenes llaman a direcciones URL de terceros (normalmente de la página real de venta) también se ha de marcar.</li><li>Si existe contenido original propio, además del creado por el afiliador, esa página no se puede marcar como spam.</li></ul><p>No todos los sistemas de afiliación son negativos, ya que muchos pueden ofrecer un valor añadido a los originales, como comparativa de precios, sistemas de ordenación, mejoras de búsqueda, etc&#8230;</p><p>Se pueden reconocer a los vendedores verdaderos por elementos como:</p><ul><li>El carrito de la compra está en el mismo dominio que los productos.</li><li>El carrito de la compra se actualiza cuando añades un producto.</li><li>La política de privacidad tiene una dirección postal real.</li><li>La calculadora de gastos de envío funciona.</li><li>Existe una &#8220;lista de deseos&#8221; para recuperar elementos posteriormente.</li><li>Existe un sistema para poder hacer seguimiento de los pedidos.</li><li>Existe un foro de usuarios que funciona.</li><li>Te puedes registrar y acceder.</li></ul><p><strong>Parking de Dominios</strong></p><p>Muchos spammers compran dominios que han caducado para incluir sus propios contenidos en dichos dominios, la mayoría de ocasiones para aprovechar la cantidad de enlaces que apuntan a dicho dominio. Estos dominios también pueden ser nombres de dominio que se parecen muchos a otros reales, con <em>typos</em> o <em>mispellings</em>. Además, estas páginas suelen tener un listado de enlaces patrocinados, categorías &#8220;populares&#8221; o una cantidad elevada de palabras clave.</p><p>Para reconocer este tipo de dominios  podemos analizar los enlaces salientes del mismo y comprobar si pueden ser enlaces patrocinados, además de no tener contenido original en la página. Como detalle podemos visitar el <a
href="http://www.archive.org/web/web.php">Internet Archive</a> donde podemos ver el histórico de dicha página a lo largo del tiempo.</p><p><strong>Phishing</strong></p><p>El phishing es un sistema mediante el que se roban datos personales a los usuarios haciendo creer al mismo que está navegando por un sitio que no es el real. El caso más habitual es el de los bancos, en páginas que se parecen estéticamente y donde has de introducir datos personales que ellos almacenan. Hay que tener en cuenta que algunas páginas pueden ser phising pero no spam, por lo que han de macarse correctamente.</p><p><strong>¿No estás seguro si una página es spam?</strong></p><p>Pues entonces hazte estas preguntas:</p><ul><li>¿Ofrece la página una buena experiencia al usuario?</li><li>¿Tiene la página contenido original que puede ser útil al usuario?</li><li>¿Piensas que la página debería ser incluida en los resultados de búsqueda?</li><li>¿Está la página pensada para los usuarios¿ ¿Hay elementos humanos en la misma?</li><li>Si eliminas la publicidad y el texto copiado de la página, ¿sigue siendo útil?</li></ul><p>Personalmente estos sistemas se quedan cortos en muchos casos, aunque sí que creo que son una buena base para informar a Google de qué elementos y páginas son perjudiciales y tomarlo como punto de partida para aprender y analizar el resto de forma automática. Esto es lo que Google Panda ha introducido, un sistema que hasta ahora era relativamente paralelo al de las búsquedas (el del spam o de la calidad) y que ahora forma parte del algoritmo propiamente dicho&#8230; Y ahora que sabes todo esto, ¿piensas que tu sitio puede parecer spam o lo es de cara a los ojos de Google?v</p><p>Google Quality Raters:</p><ul><li><a
href="http://javiercasares.com/blog/google-quality-rater-utilidad/">Google Quality Rater: utilidad del documento</a></li><li><a
href="http://javiercasares.com/blog/google-quality-rater-webspam/">Google Quality Rater: WebSpam</a></li></ul> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/google-quality-rater-webspam/feed/</wfw:commentRss> <slash:comments>9</slash:comments> </item> <item><title>Percona Live 2011 en Londres</title><link>http://javiercasares.com/blog/percona-live-2011/</link> <comments>http://javiercasares.com/blog/percona-live-2011/#comments</comments> <pubDate>Tue, 01 Nov 2011 18:57:13 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Eventos]]></category> <category><![CDATA[SQL]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3575</guid> <description><![CDATA[Hace una semana que tuve la oportunidad de visitar por primera vez Londres para ir al evento Percona Live London 2011. Este evento organizado por Percona (una de las mayores distribuciones de MySQL) tenía buena pinta, así que arrastré conmigo &#8230; <a
href="http://javiercasares.com/blog/percona-live-2011/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Hace una semana que tuve la oportunidad de visitar por primera vez Londres para ir al evento <a
href="http://www.percona.com/live/london-2011/">Percona Live London 2011</a>. Este evento organizado por Percona (una de las mayores distribuciones de MySQL) tenía buena pinta, así que arrastré conmigo a <a
href="http://www.rubenortiz.es/">Rubén Ortiz</a> (uno de los mejores administradores de sistemas que conozco y además buen amigo).</p><p>El evento se dividió en un par de días. El primero de ellos iba enfocado más a cosas prácticas, ya que eran talleres. Yo me fui a uno que duró todo el día (mañana y tarde) y que hablaba de cómo escalar LAMP (Linux + Apache + MySQL + PHP) aunque en este caso la A era N, de nginx. El profe del taller era <a
href="http://www.alexeyrybak.com/">Alexey Rybak</a>, que trabaja en <a
href="http://badoo.com/">Badoo</a>, y que, aunque no explicó tampoco ninguna cosa fuera de lo normal, sí que me gustó algunos puntos de vista muy distintos a la hora de trabajar de lo que estamos acostumbrados. Por ejemplo, ellos prefieren centrarse en el rendimiento de la plataforma que no en la integridad del mismo. Es por eso que hacen <a
href="http://highscalability.com/unorthodox-approach-database-design-coming-shard">SQL Sharding</a> (y <a
href="http://www.codefutures.com/database-sharding/">más info</a>) para distribuir la información de la mejor forma posible.</p><p>Allí nos encontramos con gente de <a
href="http://www.softonic.com/">Softonic</a> que también había ido al evento. Sin duda nuestras problemáticas y las suyas son bastantes distintas en todos los sentidos, tanto de sistemas como de SEO, donde la forma de trabajar es muy distinta, aunque muy complementaria, ya que pudimos comentar jugadas y problemáticas que hemos podido también hablar con la gente de <a
href="http://www.trovit.com/">Trovit</a>. Al final, la mayoría tenemos siempre los mismos problemas.</p><p>El segundo día las charlas fueron enfocadas más a otros temas. Estuve en varias, de la cuáles de cada una me quedo alguna cosa&#8230; por ejemplo, una en la que se hablaba de <a
href="https://www.varnish-cache.org/">Varnish</a> nos sirvió de mucho ya que llevamos una temporada usando esta tecnología, o la de <a
href="https://www.paypal.es/es">Paypal</a> donde explicaban cómo escalan la plataforma y sus cálculos muchas veces sobre <a
href="http://aws.amazon.com/">Amazon AWS</a>.</p><p>Como resumen de todo lo que viví en las charlas me quedo con que <strong>es mejor mirar al rendimiento que no a la integridad</strong> del proyecto (excepto en aquellos en los que la integridad prima sobre otras cosas) y que hay que <strong>aprovechar al máximo los sistemas de almacenaje en memoria</strong> sobre los de disco (exceptuando los SSD). Y, eso sí, cachear, cachear todo.</p><p>Para acabar, me gustaría recomendaros un local en el que pasamos largos ratos llamado <a
href="http://www.thetrinity.co.uk/">The Trinity</a> en el que se está muy a gusto, en el que se comen unas hamburguesas muy muy ricas (y está justo al lado de una parada de metro).</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/percona-live-2011/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Versiones de webs móviles inteligentes</title><link>http://javiercasares.com/blog/web-movil-inteligente/</link> <comments>http://javiercasares.com/blog/web-movil-inteligente/#comments</comments> <pubDate>Thu, 27 Oct 2011 06:39:53 +0000</pubDate> <dc:creator>Javier Casares</dc:creator> <category><![CDATA[Search Engine Optimization]]></category> <guid
isPermaLink="false">http://javiercasares.com/?p=3565</guid> <description><![CDATA[Según voy leyendo y probando en algunos sitios, me doy cuenta de que a los buscadores no les gustan tanto las versiones móviles de los sitios como podría parecer. Esto no significa que no haya que hacer versiones para dispositivos &#8230; <a
href="http://javiercasares.com/blog/web-movil-inteligente/">Sigue leyendo <span
class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>Según voy leyendo y probando en algunos sitios, me doy cuenta de que a los buscadores no les gustan tanto las versiones móviles de los sitios como podría parecer. Esto no significa que no haya que hacer versiones para dispositivos móviles, pero deberían ser la misma web que la original, tratada con CSS y en una versión especial en otro dominio o subdominio. Al menos estas últimas versiones siempre quedarán degradadas a un último plano a la hora de hacer SEO.</p><p>Y teniendo en cuenta esto Google tiene un sistema para que no sea necesario crear ediciones especiales en dispositivos móviles muy antiguos, <em>Identifying relevant portions of a document</em>, un sistema por el cuál cuando un usuario introduce una búsqueda desde un dispositivo de este tipo, la consulta se analiza con unos pesos distintos y se devuelve un resultado adaptado a la consulta.</p><p>¿Qué significa esto? Pues que primero se analiza la consulta, se entiende mejor qué quiere conseguir el usuario (si visitar un sitio o conseguir información) y una vez analizado se recupera la parte más importante del documento y se le devuelve organizada al usuario en una versión más sencilla. Con esto se podría paginar el contenido para adaptarlo a la cantidad de caché que tiene el dispositivo, por ejemplo, y dividir una página normal en varias para que el usuario sea capaz de gestionarlo con su terminal.</p><p>El proceso sería el siguiente:</p><p><a
href="http://javiercasares.net/uploads/relevance-score-system.png"><img
src="http://javiercasares.net/uploads/relevance-score-system-472x550.png" alt="" title="relevance-score-system" width="472" height="550" class="aligncenter size-large wp-image-3566" /></a></p><p>Básicamente funciona como comentaba antes. El usuario hace una búsqueda, le aparecen los resultados, y al elegir uno de ellos se analiza el contenido de la página, se extrae y ordena la información, se adapta al terminal móvil, y se le devuelve la información concreta del documento elegido.</p><p>El sistema funciona siempre y cuando el documento tenga una buena arquitectura, ya que la detección se hace gracias a los distintos nodos que hay en la página, de forma que la anidación de nodos y los pesos de los mismos cobran una vital importancia.</p><p>Este proceso seguiría los pasos siguientes (de forma que se puede extraer a información de forma correcta):</p><p><a
href="http://javiercasares.net/uploads/relevance-score-process1.png"><img
src="http://javiercasares.net/uploads/relevance-score-process1-351x550.png" alt="" title="relevance-score-process1" width="351" height="550" class="aligncenter size-large wp-image-3567" /></a><br
/> <a
href="http://javiercasares.net/uploads/relevance-score-process2.png"><img
src="http://javiercasares.net/uploads/relevance-score-process2-327x550.png" alt="" title="relevance-score-process2" width="327" height="550" class="aligncenter size-large wp-image-3569" /></a></p><p>Y ahora que ya se ha sacado la información importante de la página y sus nodos, lo que queda es convertir y adaptar ese contenido al del dispositivo en cuestión:</p><p><a
href="http://javiercasares.net/uploads/page-formatter.png"><img
src="http://javiercasares.net/uploads/page-formatter-514x550.png" alt="" title="page-formatter" width="514" height="550" class="aligncenter size-large wp-image-3570" /></a></p><p>Un sistema bastante sencillo de adaptar los resultados de búsqueda y los contenidos al usuario, aunque siempre en conflicto con los creadores del propio sitio que perderían la identidad del mismo, publicidad y otra serie de elementos de la página (aunque, eso sí, en un dispositivo bastante antiguo o con pocas capacidades).</p> ]]></content:encoded> <wfw:commentRss>http://javiercasares.com/blog/web-movil-inteligente/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> </channel> </rss>
<!-- Dynamic Page Served (once) in 0.526 seconds -->
<!-- Cached page served by WP-Cache -->

