El portal Search Engine Land, ha creado una imprescindible infografía que organiza como si de una tabla periódica se tratase, algunos factores que impactarán de manera positiva o negativa en el posicionamiento de una web.

Hay disponibles dos versiones de la tabla para descarga: la versión en formato extendido (con las descripciones y leyenda completa) y en formato reducido (solo el esquema).

En este artículo podréis encontrar un breve resumen y sobretodo el significado de las abreviaturas de la tabla para poder decodificarla correctamente.

Seguir leyendo »

El PageRank es un algoritmo secreto patentado por google, que mide la relevancia de una página en base al número y calidad de las páginas que la referencian. Durante algunos años el posicionamiento giraba alrededor del PageRank, hasta que el desarrollo de técnicas para modificarlo acabaron con su supremacía. En la actualidad, el PR se sigue utilizando como criterio de posicionamiento, pero su peso es mucho menor de lo que fue en su tiempo. En todo caso puede ser un buen indicador de la popularidad de una web. Seguir leyendo »

Según los estudios realizados por Yahoo! el 20% del tiempo de carga de un sitio web corresponde al servidor y el 80% restante es responsabilidad del cliente. Teniendo en cuenta este dato, es necesario reflexionar y cambiar nuestro modo de trabajo para intentar reducir lo máximo posible el peso de los archivos que generamos y de esta manera aumentar la velocidad de nuestra web.

En este artículo repasaremos tecnología por tecnología, algunas de los mejores trucos y metodologías para reducir al máximo posible el peso de nuestros archivos.

¿Porque es recomendable reducir el peso de nuestra web?

• Todavía hay muchos hogares donde la conexiones a internet siguen siendo lentas y poco fiables.
• La rapidez de un sitio web mejora la experiencia del usuario.
• Reduce los costes operativos de tu sitio.
• El número de páginas vista por sesión de usuario aumentará, al poder visualizar más páginas en el mismo tiempo.
• Recientemente google ha reconocido que ha incluido en su algoritmo de búsqueda el factor de velocidad de una sitio . Eso quiere decir que la velocidad de una web, será otro factor a tener el cuenta para mejorar el posicionamiento de una web.

  “hemos decidido tomar en cuenta la velocidad del sitio en la clasificación de los resultados de búsqueda. Usamos diferentes fuentes para determinar la velocidad de un sitio con respecto al resto de sitios.
  Matt Cutts”

• En muchos casos, reducir el peso de un sitio no requiere cambios de importancia ni excesivamente caros.
• Puede suponer un gran adelanto respecto a la competencia.

HTML

• Maqueta tu web de acuerdo con el web standard.
• Olvídate de diseñar con tablas. Diseñar con divs nos ahorrará muchas líneas de código.
• Separa el diseño, el contenido y la funcionalidad en varias capas. Esto quiere decir que ni las hojas de estilo ni el javaScript deberían ir embebidos en tus html.
• Elimina el código superfluo o redundante tanto en tus HTML como en CSS y JavaScript.
• Vigila la indentación, elimina tabulaciones, retornos de carro y espacios innecesarios.
• La web no es un libro, inserta tus contenidos resumidos y utilizando técnicas de redacción para la Web.
• Cuida la paginación de tu sitio para que no haya excesivo contenido en cada página. Si hay mucho contenido divídelo en varias secciones.
• Evita los errores 404, ya que el tiempo de espera es mucho mayor.
• Usa es HTML Code Cleaner para aminorar el peso de tu html.

CSS

• Utiliza propiedades shorthand.
• Escribe las propiedades css en línea y no en bloque.
• Enlaza las hojas de estilo externamente en vez de incluir los estilos en la propia página.
• Intenta utilizar sprites CSS para reducir el número de imágenes a una única imagen.
• Combina si es posible todos los archivos CSS individuales en un único archivo CSS. , esto reducirá el número de peticiones HTTP.
• Aunque muchas veces veces resulte imposible no utilizarlos, intenta utilizar lo menos posible expresiones (expression()) en las hojas de estilos. El navegador Internet Explorer revalúa continuamente el valor de las expresiones y puede penalizar el rendimiento de la página.
• No utilizar los filtros de Internet Explorer, ya que algunos filtros como AlphaImageLoader bloquean la carga de la página hasta que no se descarga la imagen utilizada por el filtro.
• Clean CSS es de los mejores compresores para CSS.

SWF

• Recurre al Flash solo cuando sea absolutamente necesario.
• Si te es posible carga de secciones de manera externa. Es mejor tener varios SWF ligeros que uno solo con un peso enorme.
• Antes de cargar cualquier objeto de manera externa, realiza una precarga.
• No los insertes sonidos en la línea de tiempo, cargalos de manera externa o llámalos desde la biblioteca.
• Los videos cargalos en tiempo de ejecución. Nunca los incorpores en la línea de tiempo.
• Elimina elementos innecesarios de la biblioteca.
• Intenta minimizar el peso de las imágenes en tus diseños. Si su calidad te lo permite, comprímelas desde la biblioteca. Una compresión de menos de 50 hará que pierdan demasiada calidad y una superior a 80, hará que pesen demasiado.

JavaScript

• Combinar tus scripts en un único archivo para mejorar los tiempos de respuesta de la página, así solo necesitarás una sola conexión HTTP para descargar los scripts.
• Elimina espacios, saltos de linea y tabulaciones y otros elementos innecesarios.
• Comprime los archivos con gzip.
• Reduce el Número de Elementos DOM, de este modo navegador dedicará menos tiempo en la comparación con los CSS y por ende, con la apertura de la página.
• Utiliza el Closure Compiler o el ShrinkSafe para aligerar el código Javascript.

Imágenes

• No incluyas imágenes de gran tamaño en tu web. Si es muy grande, cambia su tamaño en un editor de imágenes y guardala a un tamaño menor.
• Si aún así tienes que incluir una imagen de gran tamaño, puedes enlazar esa imagen a través de una versión en miniatura (thumbnail) de la misma, que servirá a modo de vista previa.
• Utiliza el formato JPEG para bitmaps con mucho color, como degradados o fotografías . Si es posible nunca sobrepases el 80% de compresión cuando la exportes.
• Los formatos PNG 8 son ideales para iconos y logotipos con pocos colores. Si quieres hacer transparencias simples, puedes utilizar también este formato.
• No utilices el formato GIF, además de ser propietario da peores resultados que el PNG
• Utiliza rutas relativas en vez de rutas absolutas, así el servidor no tendrá que volver a establecer una conexión para cada imagen en la página.

Herramientas

• Page Speed: complemento de Firefox/Firebug que evalúa el rendimiento de sitios web y da sugerencias para mejorarlos.
• YSlow: una herramienta gratuita de Yahoo! que sugiere formas de mejorar la velocidad de sitio web.
• WebPagetest: muestra una vista en cascada del rendimiento de carga de tus páginas, además de una lista de optimización.

Los robots de búsqueda, (también llamados crawlers, spiders o indexadores), sirven para leer una página web, recuperar su contenido y seguir los enlaces que el sitio tenga a otras páginas web. Existen tantos robots como buscadores. Con el tiempo se ha desarrollado un protocolo mediante el cual se pueden dar instrucciones a los robots creando así los ficheros “robots.txt”. Este fichero es el que se utiliza para indicar a los robots de rastreo lo que pueden y lo que no pueden hacer en tu sitio web. En este artículo veremos algunos útiles trucos para manejar a estos robots.

Beneficios de un archivo robots.txt

• Impedir acceso a robots determinados: algunos robots solo nos nos darán problemas. De hecho ciertos robots no son ni de buscadores ni amigos.
• Reducir la sobrecarga del servidor: podrás controlar el flujo de rastreo de algunos robots. Muchos de ellos son un descontrol de peticiones que pueden llegar a saturar tu servidor.
• Prohibir el rastreo de algunas zonas de tu web
• Eliminar contenido duplicado o temporal: si eliminamos la duplicidad de contenido, los buscadores nos puntuaran muy alto, aumentando el flujo de visitas.
• Fijar mapas del sitio: También es posible acoplar un sitemap para indicar el buen camino a los robots.

Algunas puntualizaciones

• El robot.txt es un documento de texto normal y corriente
• Solo puede haber un archivo robots.txt en cada sitio web y se tendrá que colocar en la raiz.
• Las urls son sensibles a mayúsculas y minúsculas
• El archivo estará compuesto de diversas directivas agrupadas en relación con el robot al que se aplican.
• Dentro de cada uno de estos grupos de directivas NO puede haber lineas en blanco.
• El archivo robots.txt solo es necesario si su sitio incluye contenido que no desea que los motores de búsqueda indexen. Si va a permitir la indexación de su sitio por completo, el robots.txt no es necesario (ni siquiera uno vacío).

Establecer el buscador de referencia: User-Agent

La propiedad User Agent se establece el buscador al que quieres hacer referencia, Si quieres establecer que todos los buscadores sigan esas instrucciones, basta con poner el signo * en User-Agent (aunque dado que cada buscador premia unas u otras cosas aveces puede interesar permitir que unos indexen lo que otros no quieres que vean).

Existen tantos robots como buscadores, esta es una lista de algunos de ellos, pero te dejo los spiders mas conocidos:

• Google: Googlebot
• Yahoo: yahoo_slurp
• MSN: msnbot

Bloquear o eliminar páginas: Disallow

La línea Disallow indica las páginas que desea bloquear. Puede insertar una URL específica o un patrón. La entrada debe comenzar con una barra inclinada (/).

Recuerda que si el valor de User-agent es *, las directivas que le sigan se aplicarán a cualquier robot que no tenga directivas específicas.

Siempre tiene que haber un campo Disallow>, pero si lo dejamos vacío indicamos que no contiene restricción ninguna. Añadiendo el carácter # al principio de una linea podemos escribir comentarios que no interpretará el robot.

• Para bloquear todo el sitio, utilice una barra inclinada.

  User-agent: *    # aplicable a todos los robots
  Disallow: /      # impide la indexacion de todas las paginas
  

• Para bloquear un directorio y todo lo que contiene, inserta una barra inclinada después del nombre del mismo.

  Disallow: /directorio-sintitulo/
  

• Para bloquear una página, insértala después de la línea Disallow.

  Disallow: /archivo_privado.html
  

• Para eliminar una imagen de Google Imágenes, añade lo siguiente:

  User-agent: Googlebot-Image
  Disallow: /imagenes/perros.jpg
  

• Para eliminar todas las imágenes de su sitio de Google Imágenes, añada lo siguiente:

  User-agent: Googlebot-Image
  Disallow: /
  

• Para bloquear archivos de un tipo determinado (por ejemplo, .gif), añada lo siguiente:

  User-agent: Googlebot
  Disallow: /*.gif$
  

• Para impedir el rastreo de todo nuestro sitio, permitiendo que se muestren anuncios de AdSense, inhabilite el acceso de todos los robots que no sean de Mediapartners-Google. Este robot no comparte páginas con el resto de user-agents de Google. Por ejemplo:

  User-agent: *
  Disallow: /
  User-agent: Mediapartners-Google
  Allow: /
  

• La directiva Disallow: / *? bloqueará cualquier URL que incluya el símbolo ?.
• La directiva Allow: /*?$ permitirá cualquier URL que finalice con el símbolo ?.

Concordancia mediante patrones

Googlebot respeta algunas concordancias mediante patrones, aunque no todos los motores de búsqueda lo hacen.

• Puede utilizar un asterisco (*) para que la concordancia se establezca con una secuencia de caracteres. Por ejemplo, para bloquear el acceso a todos los subdirectorios que comiencen por “privado”:

  User-agent: Googlebot
  Disallow: /privado*/
  

• Para bloquear el acceso a todas las URL que incluyan un signo de interrogación (concretamente, cualquier URL que comience por el nombre de su dominio, seguido de cualquier cadena, signo de interrogación y cualquier cadena):

  User-agent: Googlebot
  Disallow: /*?
  

• Para especificar la concordancia con el final de la URL, utilice $. Por ejemplo, para bloquear una URL que termine en .xls:

  User-agent: Googlebot
  Disallow: /*.xls$
  

Por último, si quieres profundizar, en RobotsTXT.org encontrarás la documentación oficial, ejemplos, e incluso un validador de robots.txt.

Seguimos con la conferencia de Javier Casares en la 1ª Jornada de Negocios en Madrid. Esta vez veremos la segunda y última parte.

Sobre posicionamiento se han vertido ríos de tinta, pero poca información es realmente útil y veraz como para ayudarnos a mejorar el posicionamiento de nuestra Web.

En esta conferencia ofrecida en las 1ª Jornada de Negocios en Madrid, Javier Casares hace un repaso a las mejores técnicas empleadas en posicionamiento, se derriban mitos, se repasan tendencias, penalizaciones, algoritmos de búsqueda, buscadores no tan conocidos y sobre el futuro cercano del posicionamiento. Una visión muy enriquecedora ofrecida por uno de los mejores expertos en SEO en España.

La conferencia consta de una hora de duración y está dividida en diez partes. En este post veremos la primera parte, muy pronto colgaremos el resto de la conferencia:

canal de youtube de la conferencia

Las etiquetas de cabecera (no confundirse con la etiqueta HTML <head>) se utilizan para jerarquizar, estructurar y dar coherencia al contenido de una página. Hay seis tamaños de etiquetas de cabecera, empezando con <h1>, la más importante, y terminando con <h6>, de menor importancia.

Las etiquetas <strong> y <em> sirven resaltar las palabras importantes dentro de nuestra web. Esto visualmente contribuye a mejorar la legibilidad de la misma y semánticamente sirve para señalar contenido con un peso específico mayor  dentro de nuestros textos.

Si son utilizadas correctamente, estas etiquetas ayudarán a que nuestras palabras clave, adquieran un peso mayor desde el punto de vista del buscador. Se trata pues de encontrar una buena estrategia para garantizar la eficacia de estas etiquetas. En este artículo veremos algunas de estas estrategias y hablaremos sobre el correcto uso de estas etiquetas.

Recuerda que el posicionamiento trata de dar la mayor visibilidad posible al contenido de nuestros sitios web. Todos estos consejos no son inútiles si tus contenidos no son atractivos ni interesantes para los usuarios. Antes de aplicar estas recomendaciones asegúrate de tener unos textos bien redactados y un nicho palabras clave competitivo. Sea cual sea la temática de tu página, intenta ofrecer siempre contenidos frescos y novedosos.

Consejos de posicionamiento

• Utilizar correctamente la estructura encabezados: define previamente cuáles son los puntos más importantes y los puntos secundarios del contenido de tu web. Seguidamente englóbalos en la etiqueta de cabecera que resulte más adecuada, tanto semánticamente con desde el punto de vista del posicionamiento. No utilices las etiquetas de cabecera cuando etiquetas como <em> y <strong> puedan ser más recomendables.
• Marca el contenido como cabecera cuando realmente tenga sentido hacerlo: crea una estructura de encabezados  que jerarquice la página correctamente y de esta menara ayude a los buscadores a rastrear el contenido de tu web. No utilices las cabeceras para dar formato visual al texto, para eso ya tenemos CSS
• Usa los encabezados con moderación: demasiadas encabezados pueden hacer que los usuarios encuentren difícil de entender el contenido. El uso excesivo de las etiquetas de cabecera puede ser contraproducente, porque se puede dispersar el peso de las palabras clave que realmente quieras posicionar.
• Ten en cuenta que: aunque las palabra marcadas con <strong> y con <em> adquieran un peso específico, este será probablemente mucho menor que si estuvieran marcadas como encabezados.
• Intenta no marcar demasiadas palabras con la etiqueta <h1>: de este modo no se debilitará el peso de las palabras clave. Introduce en esta etiqueta un contenido similar a la etiqueta <title> y asegúrate de que en ambas etiquetas estén presentes las keywrods que desees posicionar.
• La etiqueta <h2> se puede utilizar varias veces en una misma página: puesto que cumple la función de subtítulo. Por lo tanto podremos introducir en ella aquellas palabras clave secundarias que no hemos podido insertar en la <h1>.
• Utiliza CSS de manera adecuada: utilizar una hoja de estilo externa, tiene innumerables ventajas. Se puede reducir considerablemente el peso de nuestras páginas, aumentar la productividad al facilitar posteriores cambios de diseño y separar contenido de diseño, con lo que cumpliremos con los Web Standard. Pero utilizar CSS incorrectamente, puede provocar que se deteriore el posicionamiento de nuestro site. Si definimos por hoja de estilo los encabezados, las negritas o las cursivas y estas etiquetas no están en código, perdemos estas herramientas que nos ayudarán a posicionar mejor nuestro site.

Para complementar la información sobre flash publicada en nuestro anterior articulo, y aprovechando que en la última actualización del Blog para Webmasters de google se habla precisamente de este tema, voy a hablar un poco más en profundidad del posicionamiento de flash en buscadores.

Desde que el año pasado google anunciara una mejora en la capacidad de indexación de páginas desarrolladas con Flash, muchos usuarios han demandado respuestas sobre la relevancia para la búsqueda orgánica que esta mejora traería para sus páginas Flash. A través de su Blog para Webmasters, google ha ido respondiendo a varios interrogantes.

En este artículo, vamos a intentar describir el estado en que se encuentra la tecnología Flash respeto al posicionamiento en buscadores. También veremos lo que se puede y no se puede hacer con flash y te daremos algunas recomendaciones que podrán serte útiles si finalmente decides posicionar tu página desarrollada en Flash.

Limitaciones en la indexación de Flash

• Los buscadores no son capaces de detectar algorítmicamente los textos en flash almacenados como gráficos. Estos textos incrustados pueden contener palabras claves importantes que serán ignoradas.
• Aunque google da soporte a las técnicas comunes de JavaScript para incrustar Flash como SWFObject, no es capaz de ejecutar algunos tipos de JavaScript poco comunes. Así que si tu página web carga un archivo Flash por esta vía, es posible que no se pueda indexar.
• Google por ahora no es capaz de rastrear lenguajes bidireccionales. Por lo tanto no es capaz de indexar contenido en hebreo o en árabe por ejemplo, (a nosotros poco nos afecta, pero no es malo saberlo).
• Ten en cuenta que ningún buscador te garantizará que se indexe correctamente el contenido de tu Flash. Aunque google pueda indexar parte del contenido de tus SWF, puede que otros motores de búsqueda no lo hagan.

Lo que google puede hacer:

• Indexa el contenido textual que aparece cuando un usuario interactúa con el archivo Flash, así como los enlaces tanto internos como externos.
• Esto es una novedad muy importante, ahora google puede cargar archivos externos y asociar su contenido con el archivo principal. Por lo tanto ahora puede vincular un archivo XML con el SWF que lo ha cargado.
• La versión de ActionScript no es relevante para indexar una web.
• Si no quieres que los buscadores puedan rastrear tu archivo SWF o cualquiera de los recursos externos, utiliza la directiva robots.txt apropiada.

Recomendaciones

• El título, la dirección URL y el pie de tu web se vuelven mucho más importantes que el resto de elementos. En una página construida en flash es más necesario conseguir enlaces de sitios con mucho peso, de otra manera será casi imposible aparecer arriba en los resultados de búsqueda.
• Proporciona equivalentes basados en texto de estos archivos Flash, de esta manera permitirás a los buscadores rastrear mejor el contenido de tu web.
• sIFR es una técnica que sustituye elementos de texto con equivalentes Flash. De este modo, el contenido y la navegación se muestran a través de un objeto Flash incrustado pero, al encontrarse el texto en el HTML puede ser leido por los motores de búsqueda.
• Utiliza Flash sólo cuando sea estrictamente necesario. Utilizar HTML para mostrar el contenido y la navegación tiene innumerables ventajas. Tu sitio será más rápido, más posicionable, más accesible y por último más compatible con navegadores antiguos no estándar. Además permite a los usuarios marcar contenido como favorito y enviar enlaces directos por correo electrónico. Ten en cuenta que el coste económico de una web Flash indexable es bastante mayor que una página HTML.
• Adobe tiene un centro SEO para Flash , (en ingles), donde podemos encontrar recursos y ejemplos, que puede ser una buena ayuda.