Internet

  • Tu propio acortador de URL gracias a Google Short Links

    ·

    Seguramente muchos habréis escuchado hablar de los acortadores de URL tipo tinyURL o bit.ly y últimamente el lanzamiento de goo.gl. Pues si quieres disponer de tu propio acortador y usar la tecnología de Google, puedes plantearte usar el sistema de Google Short Links, una aplicación del Google Apps Marketplace para los usuarios de Google Apps. En principio este acortador es válido para las cuentas gratuitas como las cuentas de pago de Google Apps, así que se puede usar sin problema. También hay que ecir que esta aplicación está creada por la propia Google, lo que da cierta seguridad de que… Read More →

  • CSS eficientes, según Mozilla

    ·

    Desde hace ya un tiempo que vengo revisando con frecuencia mi forma de escribir los CSS y comparándolo con las cosas que se comentan en el artículo Writing efficient CSS donde se habla de cómo crear CSS eficientes. Para empezar, existen 4 tipos de identificadores: ID, class, tags y universales. Cada uno de ellos tienen ciertas particularidades… y se pueden anidar. Así que según vayamos anidando y se vaya haciendo más complejo, la lectura y desarrollo también lo será. Hacer algo de este estilo no sería muy útil: table .fila td #enlace { … } Lo idel sería intentar reducir… Read More →

  • Macroeconomía de los buscadores

    ·

    Uno de los últimos artículos que publiqué días atrás fue el de los cambios a la hora de buscar en Internet; este artículo, sumado a lo que ha publicado Jaume estos días, y al «excel» de información que llevo trabajando sobre Evolución de las Búsquedas me han hecho reflexionar en varias cosas. NOTA 1: las gráficas hay que leerlas de «derecha a izquierda» ya que los datos van de más nuevos a más antiguos… NOTA 2: hay bastantes vacíos en las gráficas, y es que encontrar datos no es tan sencillo como parece… aun así, sigo añadiendo según encuentro. Google… Read More →

  • Crear un efecto «desbloquear» de iPhone

    ·

    Seguro que en alguna ocasión te gustaría hacer una versión de tu web para dispositivos móviles y añadir un toque iPhone. Es por esto que Chris Coyier ha creado un efecto «slide to unlock» en el que podemos apreciar, sobretodo en motores WebKit, el efecto a todo rendimiento. Entre otras cosas, hay ese efecto degradado y gracias a jQuery también la posibilidad de hacer ese efecto slide. El sistema aprovecha códigos CSS como el -webkit-animation: slidetounlock 5s infinite; y la función -webkit-keyframes slidetounlock. El ejemplo funciona en motores Webkit al 100% (Safari y Chrome), aunque se pueden analizar los códigos… Read More →

  • Evita, con PHP, ataques XSS y SQL injection

    ·

    Una de las cosas que normalmente no revisamos cuando creamos un sitio web es la vulnerabilidad que se tiene a ataques por URL por cosas como XSS e incluso a ataques a la base de datos por una mala configuración. Para esto normalmente se usa una revisión y se ejecuta, con PHP, la función htmlentities() que, gracias a eliminar el código HTML puede filtrar cosas como los <script>. Para solventar esto existe una cosa llamada Genius Open Source Libraries que, con unas simples funciones, permiten hacer una megalimpieza contra ataques de todo tipo. require_once ‘Core/sgConfig.inc.php’; // Output an unsafe string,… Read More →

  • Cada vez buscamos de forma más concreta

    ·

    Cada día que pasa hay más usuarios en la red de redes, y según pasa el tiempo los usuarios aprenden de forma significativa cómo se ha de buscar. Lo de utilizar una única palabra genérica ya ha pasado de moda (sobre todo en plataformas que han madurado) y, por eso, me he decidido a escribir un poco sobre ello. Y es que existen varios tipos de búsqueda: informacionales, navegacionales, transaccionales, comerciales o geolocalizadas. Quizá las más frecuentas e interesantes en el caso que nos toca son las primeras. Informacional: Son aquellas en las que el usuario quiere aprender algo (sobre… Read More →

  • Un loogo muy especial

    ·

    A veces te sorprendes con lo que Google podría hacer… aunque en este caso la idea ha sido de Ignacio Gorostiza… Por cierto… lo del verde OJO… muy sutil… jijiji. Read More →

  • Reproductor HTML 5 para vídeo

    ·

    Estamos muy mal acostumbrados a que nuestros vídeos se alojen en FLV en sitios como Youtube o Vimeo. Hoy en día teniendo en cuenta que el ancho de banda está tirado de precio, no entiendo porqué no se tiende a la calidad y a alojar la propia información si que otros decidan. Con HTML 5 y su nuevo elemento <video> tenemos la posibilidad de incluir muchos formatos de vídeo con muchas opciones… y para hacerlo ya todo más sencillo, además de hacerlo compatible con versiones anteriores que no soportan los nuevos formatos, están apareciendo algunos sistemas que permiten estos reproductores… Read More →

  • Qué supone el cambio de Google Imágenes

    ·

    Hace ya más de un año que Bing lanzó Bing Imágenes con nuevas funcionalidades, entre las que estaba el «scroll infinito» en el que sólo aparecían las imágenes (cuando ponías el ratón encima aparecía la información) y según ibas bajando iban cargándose más y más imágenes… Hace unos días Google copió este sistema y lanzó su nueva versión de Google Imágenes, y era de esperar que se hiciera para mejorar algo… ¿Qué se ha mejorado? El tráfico en algunos sitios web. Por suerte tengo acceso a una web similar a lo que podría ser Flickr y haciendo un análisis de… Read More →

  • GeoNames, la geo-base-de-datos abierta

    ·

    Hace un tiempo buscaba algún tipo de base de datos informativa de lugares y similares y me topé con el sitio GeoNames, un lugar que hace de centro de información geolocalizada. Una de las cosas más interesantes es que esta información es descargable. Entre algunas consultas que se pueden llevar a cabo a través de su servicio web (a parte de la descarga se pueden hacer consultas REST) están: GeoNames Search Webservice: es el buscador más genérico de información y permite una larga serie de parámetros y búsqueda libre. Cities and Placenames: permite, dado una zona, extraer la lista de… Read More →

  • Presentaciones Tenerife Lan Party 2010

    ·

    Hoy estoy en la Tenerife Lan Party haciendo un par de presentaciones, una de ellas sobre penalizaciones (principalmente de Google) y otra sobre HTML 5 (relacionada con temas más bien de SEO). Y, aunque va a ser una entrada breve, os dejo con la descarga en PDF de ambas para quien quiera darles una ojeada: Penalizaciones en Google SEO y HTML 5 Lástima estos días que Tenerife Norte está teniendo unos nubarrones bastante importantes y no he podido ni ir a la piscina ni a la playita, y ya mañana me vuelvo para Barcelona. Read More →

  • Sobre el Libro Blanco de SEO de la IAB Spain

    ·

    Hace un par de días cayó en mis manos el libro que ha lanzado la IAB de España en relación a lo que tendría que ser un «libro blanco» sobre temática SEO. Personalmente hace años comencé a desarrollar uno, pero la casuística que había hizo que, al cabo de 3 meses lo que ponía dejase de servir, sobre todo debido a los cambios de los buscadores. Como ya sabéis muchos que me seguís, llevo tiempo diciendo eso de «el SEO ha muerto» y que esto básicamente lo uso para decir que lo que habitualmente se habla «en la calle» sobre… Read More →

  • DISTCHA, un antispam accesible

    ·

    Una de las peculiaridades de los CAPTCHA es que habitualmente son bastante complejos de entender y ya no os digo si cuesta a alguien con todas sus facultades, a alguien que tenga falta parcial o total de alguno de sus sentidos. Y es por eso que desde Francia Quebec (Canada) llega una propuesta llamada DISTCHA (Device Independent Slider Test to tell Computers and Humans Apart) y que es un sistema bastante parecido al de activación del iPhone, ese «slide» que moviéndolo de un lado a otro permite activar el teléfono. Aunque aun se encuentra en una versión muy previa, y… Read More →

  • Cómo detectar una penalización SEO

    ·

    Una de las cosas más complejas a la hora de saber si hay una penalización SEO es el cómo hacerlo. Sí que es cierto que habitualmente se puede encontrar de una forma sencilla, y es una caída de tráfico significativa. Pero claro, aunque el tráfico cae, lo siguiente es saber qué ha pasado. Las penalizaciones habituales en Google son las siguientes: Puesto -6: Hasta ahora algunos sitios que estaba en los 2 primeros puestos tenían una suma de -5 cayendo al puesto 6-7. Suelen ser sitios muy relevantes que han caído en algún tipo de factor externo, como una granja… Read More →

  • CSS hacks para Internet Explorer 6 y 7

    ·

    En muchas ocasiones nos encontramos que necesitamos aplicar algún tipo de estilo específico a Internet Explorer 6 o 7, que son los navegadores que menos funcionalidades CSS soportan pero que aún tienen una cantidad elevada de usuarios. En estos casos, y debido a algunos errores en el funcionamiento del navegador, tenemos la posibilidad de ejecutar un pequeño hack que no afecta al resto. El sistema es sencillo. Internet Explorer tiene un fallo y es que los atributos de los CSS permiten los símbolos «*» y «_» delante. Tomando de ejemplo este código a continuación, podemos ver algunos detalles: .fondo {… Read More →

  • HTML MicroDatos: Personas y Empresas

    ·

    Tras ver el otro día qué son los MicroDatos, hoy voy a explicaros lo que antiguamente eran los hCard. Este microformato es de los más extendidos y extensibles, y ahora se ha convertido, usando la misma base, en un MicroDato bastante interesante, sobretodo porque ya viene documentado en el HTML 5. En la actualidad conozco 3 formatos en los que se habla de cómo dar formato a las fichas de personas y/o empresas… que son: Microformat hCard Data-Vocabulary Person Data-Vocabulary Organization Teniendo en cuenta que de los 3, el primero es el más completo, y que tal como dice Google… Read More →

  • Cargar una página por bloques

    ·

    Normalmente cuando desarrollamos una página web no nos preocupamos en exceso cómo enviamos la información a los usuarios que se conectan a ella, dejando que el sistema lo haga de forma automática. Eso no es del todo malo, pero hace que la paralelización de la que alguna vez os he hablado se pueda perder en parte. Sabemos que en muchas ocasiones en la cabecera de una página incluimos los CSS y JS, y que estos pueden llegar a bloquear nuestra carga de página. Teniendo en cuenta que la cabecera en sí «no hace nada» ¿por qué no enviarla en cuanto… Read More →

  • HTML MicroDatos (antes MicroFormatos, antes RDFa)

    ·

    Los que me conocéis sabéis que desde hace tiempo he sido un seguidos de los microformatos, y una de las mejoras que descubrí al hacer la serie de artículos de HTML 5 fue la incorporación «oficial» de lo que antiguamente se denominaba microformatos en lo que actualmente pasan a ser los midrodatos (microdata en inglés) y que vienen de la antigua implementación denominada RDFa. Pero ¿qué son los microdatos? Pues básicamente son pequeñas mejoras del HTML que, en apariencia no han de modificar nada, pero que hacen que las máquinas (buscadores, navegadores, aplicaciones…) sean capaces de interpretar y mejorar semánticamente… Read More →

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

    ·

    El contenido es el rey, pero… ¿cómo es el contenido audiovisual? Los vídeos tienen a veces un problema con su promoción. Y que conste que cuando hablo de vídeos no hablo de los que hay en Youtube o similares, sino de aquellos que se alojan en servidores propios. Porque, cuando se habla de hacer SEO en vídeo se habla de eso, no de SEO de Youtube (que es otra cosa). En la Guía SEO hablo del SEO para vídeos y, aunque explico algunos datos sobre los distintos tipos de buscadores y cómo mejorar los meta-datos de los vídeos, hablo de… Read More →

  • HTML 5: el gran hermano te geolocaliza

    ·

    Aunque se asocia el lanzamiento de las funciones de geolocalización al HTML 5, lo cierto es que la Geolocation API son unas funciones en JavaScript independientes de esta forma de mostrar las páginas web. Básicamente el navegador, dependiendo de la conexión a Internet, será capaz de saber qué latitud, longitud y otros datos tienes en ese momento. Os dejo con un par de ejemplos de código que, dependiendo del navegador, deberían funcionar. El primero de ellos es simplemente textual, el segundo muestra un mapa. El código más sencillo tiene una pinta tal que esta: <script type=»text/javascript»>   if (navigator.geolocation) {     navigator.geolocation.getCurrentPosition(successFunction,… Read More →