Casares.blog

Javier Casares

  • Cargar una página por bloques

    ·

    Javier Casares

    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 →

  • Windows 8 ¡en marcha!

    ·

    Javier Casares

    Estos días atrás he podido chafardear unos documentos internos de Microsoft en los que se habla ya de cómo debería ser Windows 8. Esta documentación parece que ya corre por Internet, así que seguro que si hacéis una búsqueda lo encontraréis. Haciendo un repaso por las distintas cosas que se comentan, me ha hecho gracia que entre las primeras presentaciones se hable de Apple. Y es que es cierto que uno de los mayores problemas que ha tenido Windows en su evolución ha sido las variaciones en su interfaz. Es mejor a veces no cambiar muchas cosas de sitio para… Read More →

  • HTML MicroDatos (antes MicroFormatos, antes RDFa)

    ·

    Javier Casares

    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

    ·

    Javier Casares

    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

    ·

    Javier Casares

    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 →

  • Cuánto tráfico te envía Google

    ·

    Javier Casares

    Desde hace un tiempo tengo la sospecha de que Google nos toma el pelo cuando nos manda tráfico orgánico. Me explico. En muchas ocasiones escucho a compañeros, amigos y demás, que cada uno ve un sitio en un resultado distinto, y en muchas ocasiones alguno de nosotros decía que «seré yo el raro», «es que estoy logueado» o «es que tengo el .com». Hace unas semanas apareció el nuevo sistema mejorado de muestreo de resultados dentro de Webmaster Tools, y haciendo un repaso con los datos de algunos de mis sitios y los de unos cuantos clientes, llegué a la… Read More →

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

    ·

    Javier Casares

    Poco a poco se acaban los temas a tratar referentes al código que podemos desarrollar sobre HTML 5, aunque eso no significa que las entradas sobre el tema se acaben. En esta ocasión toca ya cerrar los elementos, y lo haré con los multimedia. No voy a entrar en muchísima profundidad en cada uno de ellos, ya que algunos darían para documentación muy extensa (sobre todo su actividad externa y el funcionamiento), pero aquí os comento un poco sobre cada uno de ellos. embed El elemento embed normalmente se utiliza para integrar elementos multimedia no-HTML, como aplicaciones o elementos interactivos.… Read More →

  • Los requisitos de Google sobre sitios web

    ·

    Javier Casares

    Dentro de la zona de soporte de Google, existe una sección que habla sobre la creación de sitios y cómo han de ser de cara a que «a Google le gusten». El sitio se distribuye en 4 secciones: Directrices generales Organización y estructura del sitio Contenido del sitio Fragmentos enriquecidos y marcado estructural Es curioso cómo marca Google esos bloques, y que, a priori, por ejemplo, no hable de enlaces o similares. Las primeras directrices que se dan hacen referencia a diseño, tecnología y calidad. Lo primero que se recomienda es dar de alta el sitio a través de la… Read More →

  • HTML 5: las pseudo-clases para mayor interactividad

    ·

    Javier Casares

    Está claro que hoy en día el HTML no es nada sin los CSS, y hay algunos elementos que tienen algunas pseudo-clases que permiten algunas mejoras a la hora de interactuar con los estilos o diseños. Con la nueva versión, el HTML 5 tiene algunas clases que en las versiones anteriores no existían… aquí la lista de clases: : link: Son enlaces (o elementos) que no hayan sido visitados. : visited: Son enlaces (o elementos) que sí han sido visitados. : active: Son enlaces (o elementos) que están activados (por ejemplo, en el momento en el que hace clic en… Read More →

  • Cosas que no hay que hacer al redireccionar una página

    ·

    Javier Casares

    En estos últimos tiempos he aprendido dos cosas que no hay que hacer nunca cuando quieres redireccionar una página si no quieres hundirte en la miseria. Cosa 1: Redirecciones 301 a 404 Uno de los fallos más habituales que comentemos cuando hacemos una redirección 301 es que solemos mandar tooodo a la nueva URL, dominio o lo que toque en cada caso… pero no solemos parar a mirar si una página se está redireccionando hacia una que da error, o sea, una que devuelve un código 4xx. ¿Y qué pasa con los buscadores? Pues que como siempre se lían con… Read More →

  • Un par de trucos para WordPress con .htaccess

    ·

    Javier Casares

    Muchas veces queremos hacer cosas en WordPress y buscamos plugins que pueden sobrecargar el sistema de forma absurda, pudiendo hacer mejoras gracias a unas pocas líneas del .htaccess. Reducir spam en comentarios En muchas ocasiones los robots de spam están tan mal hechos que no incluyen ningún tipo de referrer, algo que los usuarios por norma general sí que permiten… así que: RewriteCond %{REQUEST_METHOD} POST RewriteCond %{REQUEST_URI} .wp-comments-post\.php* RewriteCond %{HTTP_REFERER} !.*dominio.com.* [OR] RewriteCond %{HTTP_USER_AGENT} ^$ RewriteRule (.*) ^http://%{REMOTE_ADDR}/$ [R=301,L] Evitar enlaces multimedia externos (hotlinking) Gracias a esto puedes impedir que los sitios que te enlacen y usen tus imágenes reciban… Read More →

  • WTF – Web Testing Framework

    ·

    Javier Casares

    Muchos sabéis que una de las herramientas que últimamente tengo bastante presente es YSlow, y hace unos días que descubrí una ampliación de esta herramienta llamada WTF (Web Testing Framework) que simplemente revisa algunos elementos del código de una página web. Entre los elementos que revisa están: Si se usa el elemento <blink> Si se usa el elemento <marquee> Si se usa el elemento <font> Si no existe el <doctype …> Si se usan imágenes GIF para ajustar el diseño Si se usan enlaces con # o javascript La versión 0.0.1 se lanzó el pasado día 20 y para utilizarla… Read More →

  • HTML 5: los «malditos» iframes

    ·

    Javier Casares

    Aunque es uno de los elementos que se utilizan todavía, la verdad es que el consumo que provoca en los navegadores es tan alto que si nos paramos a pensar fríamente, no es nada recomendable su uso… aún así, el HTML 5 todavía lo mantiene ya que para algunas cosas sigue siento un elemento valioso (aunque, como digo, yo no lo recomiendo, ni yo ni Google ni Yahoo!…) iframe El elemento iframe básicamente permite integrar lo que se podría decir como una ventana de navegador dentro de otra, o sea, una página dentro de otra, en un espacio definido. De… Read More →

  • Web Performance Optimization, básico en un negocio web

    ·

    Javier Casares

    Según voy adelantando en esto de mejorar los sitios web, ya no por SEO únicamente, sino pensando en los usuarios, me doy cuenta de la importancia esa de frases como: es que Google va muy rápido. Sí, la verdad es que sí, se agradece muchísimo que un sitio vaya muy muy rápido hoy en día, porque en gran medida es lo que hace que el usuario se sienta a gusto, porque puede navegar casi instantáneamente. Uno de los inversores importantes en Estados Unidos, Fred Wilson, que ha invertido en Twitter, delicious, Etsy o FeedBurner cuando habla del TOP 10 de… Read More →

  • Dominios sin cookies

    ·

    Javier Casares

    Una de las cosas de las que últimamente se habla bastante es de los CDN y los dominios cookie-less y su influencia en el rendimiento de un sitio web. Si bien es cierto que no estoy nada de acuerdo con distribuir una web dinámica por un CDN, ya que eso destrozaría todo el sentido SEO que se le puede llegar a dar, sí que se pueden plantear soluciones para los contenidos estáticos. Una de estas soluciones es el uso de los dominios sin cookies, que básicamente lo que son es sitios donde almacenar información que no permita recibir o enviar… Read More →

  • Los servidores de Google

    ·

    Javier Casares

    Siempre ha habido un montón de información extraña sobre los servidores de Google y cómo se organiza. Desde que estoy metido en el mundo de los centros de datos en Digital Parks he podido ver algunos de los problemas a los que los webmaster normalmente no se enfrentan, como es la electricidad y la refrigeración de las máquinas, o el simple sistema de conectividad de redes… En fin, os dejo con una serie de vídeos interesantes sobre el funcionamiento de los centros de datos y contenedores que usa Google. AMPLIACIÓN: Pero antes, de ver los vídeos, me molaría comentarios sobre… Read More →

  • La mejor forma de hacer una redirección

    ·

    Javier Casares

    Los sitios web van y vienen… y como no queremos perder información ni generar un montón de errores en la red de redes, lo mejor es poder migrar información de un sitio a otro fácilmente. Y como ya comenté una vez, el 302 no es una redirección, sino que lo son el 301 y 307, por lo que si queremos migrar todo lo relacionado a un sitio, deberemos aplicar una de estas, en este caso, la redirección 301. Hay que partir de la base de que las redirecciones en HTML (a pelo) no funcionan, al menos no para lo que… Read More →

  • Migrando de servidor

    ·

    Javier Casares

    Seguramente algunos habréis notado que ayer tarde e incluso esta noche el sitio está haciendo un poco el tonto… y es que me ha dado por migrar el servidor web a algo mejor. Con mejor no quiero referirme a que la máquina sea más potente (la verdad, no tengo ni idea de qué tiene) pero sí que me he dedicado a mejorar su configuración, y en vez de usar una máquina con Plesk he pedido una máquina «a pelo». Configurar un servidor web desde cero, con su PHP, con su SQL, todo de forma más o menos distribuida es un… Read More →

  • CSSTidy: optimizar CSS es fácil

    ·

    Javier Casares

    Una de las cosas por las que no solemos preocuparnos mucho es por los CSS. Solemos hacer un CSS más o menos bien formado, pero a partir de ahí nos limitamos a subirlo al servidor y poco más. Pero… si os digo que se puede ahorrar hasta un 25% en un CSS, ¿no sería interesante aplicarlo? La idea es que los CSS, al ser un elemento de los que se han de cargar antes que «se pinte» el HTML interesa que sea rápido en descargar. Además, es un elemento que suele estar en todas las páginas, y aunque el navegador… Read More →