El fin de semana pasado participe en una Clínica SEO en el Congreso de Webmasters celebrado en Madrid.
Durante mi intervención en la Clinica Seo, mostré algunas de las herramientas SEO que utilizo para evaluar en un primer impacto la calidad SEO de un sitio web, y para identificar fuentes de mejora a corto plazo.
Básicamente se trata de una serie de pluggins y toolbars para FireFox que hacen esta tarea mucho mas sencilla, anteriormente a la aparición de esta serie de pluggins y toolbars, todo se reducía a la ardua tarea de examinar el código fuente de una pagina y de utilizar el propio Google con una serie de operadores como el “site:” , “link:”, “allinurl:”, “allintitle:” etc … ahora es todo algo mas facil
En este post nombrare todas la herramientas que mencione en la clínica seo, y entrare en detalle sobre 1 de ellas, en próximos posts entrare en detalle sobre el resto de las herramientas.
Toolbars para SEO:
Web Developers Toolbar (para firefox)
SEO Quake (para firefox)
Pluggins para SEO:
SenSEO (para firefox)
Firebug (para firefox)
Ysolw (para firefox)
Web developers Toolbar
Que decir de este toolbar, la conoci ya hace muchos años en curso de diseño web, y recuerdo que al ver la potencia del toolbar me di cuenta que aquel curso ya habia sido rentable para mi, y desde entonces sigo pensando que es una de las herramientas mas potentes que existe, tanto para la labor SEO, como para la labor de desarrollo web, en mi opinion INDISPENSABLE.
Aunque esta herramienta esta pensada para el desarrollo web, esta claro que ayuda enormemente para la parte de la estrategia SEO que tiene que ver con la optimización de la pagina.
Especialmente utilizo las siguiente funcionalidades.
1) Ver la web sin estilos CSS, con simplemente presionar “Control+Shift+s” teniendo el toolbar instalado, veremos rapidamente la pagina web que estamos viendo sin estilos CSS. ¿Y para que sirve esto? Pues en mi opinion para 2 cosas principales. 1) Veremos el orden de los contenidos de nuestras paginas tal y como se lo encuentra Google cuando indexa nuestra pagina. 2) Veremos si realmente estamos aplicando correctamente el principio de separar el contenido del diseño, si encontramos elementos que no tienen que ver extrictamente con el contenido despues de aplicar esta combinacion de teclas es que estamos haciendo algo mal.
Os recomiendo que visitéis la web http://www.csszengarden.com/ y llevéis a cabo este ejercicio de quitar los estilos, simplemente ALUCINANTE, o que le deis a Print Preview, viendo esta pagina, no daréis crédito.
2) Information -> View Document Outline. Otra de mis obsesiones, la estructura semántica de una pagina web, tenemos que pensar que un documento html no debería ser un documento de diseño, si no un documento semántico, donde la hoja de estilos css le dara el componente de diseño, pero no a traves del html. Muchas veces, utilizamos etiquetas con fuerte carga semántica, sobre todo los headers (h1 … h6) de forma incorrecta, generando asi una perspectiva semántica equivocada de nuestra pagina, lo que inducirá a los buscadores a indexarla incorrectamente. Al aplicar esta funcionalidad del toolbar, veremos principalmente 2 cosas. 1) Si hay errores jerárquicos, si hay h3 por ejemplo que no tienen un h2 y un h1 anteriores. 2) Si las palabras que estamos utilizando en nuestros encabezados (h1..h6) tiene algún significado semántico positivo que puedan ayudar a los buscadores a indexar mejor nuestras paginas. Por ejemplo, usar palabras genéricas en los encabezados no aportaría nada, seria mas conveniente incluir términos concretos.
3) Information -> View Link Information. Esta utilidad, nos lista de forma sencilla todos los enlaces que hay en nuestra pagina web, esto me sirve básicamente para 2 cosas también. 1) Ver si la cantidad de enlaces es desproporcionada, pensemos que cada pagina debería tener entre 25-50 enlaces, mas de eso no es recomendable. 2) Para asegurarme que estoy enlazando de la forma correcta, que no utilizo javascript intrusivo en los enlaces.
4) Disable – Disable Javascript .> All Javascript. Esto me permite navegar por mi pagina web como navegaría el robot de Google, pudiendo así identificar algunos lugares donde googlebot tendrá mas difícil acceso.
Otras funcionalidades increíbles por ejemplo son la posibilidad de editar tanto el CSS como el HTML inline (CSS -> Edit CSS y Miscelaneous – Edit HTML), obviamente no permite grabar el codigo que modificas, pero puedes copiarlo y pegarlo luego en el documento original, etc … muy util.
Images – Disable Images – All Images: Te muestra como ve tus paginas un lector semantico que no entiende de imagines, sino de palabras, MUY INTERESANTE.
Y un largo etc… juega con este toolbar y cuéntame alguna otra cosa que te parezca que destaca.












