Experiencias de un programador curioso del SEO
SEO
Articulos relacionados con el mundo del SEO
SEO: Estructura interna de enlaces y distribución del pagerank para un rápido indexado
31 dic
Voy a intentar sintetizar aquellas técnicas o ideas a seguir para conseguir una estructura interna de enlaces para una rápida indexación y una correcta distribución del pagerank.
Técnicas a seguir
- Utilizar una arquitectura plana para la estructura de nuestra web.
- Organizar nuestro sitio web en base a las temáticas de nuestras keywords.
- Utilizar textos simples como enlaces a nuestras páginas internas,intentando huir de menus en flash.
- Tener un menú de navegación idéntico en cada página basado en nuestras keywords.
- Las páginas más importantes no deberían estar a más de un link de distancia o al menor número de ellos.
- Relaciona las páginas utilizando enlaces en los contenidos.
- Utiliza los keywords para enlazar con las otras páginas.
- Utilizar palabras que esten en el <title> o en <h1> de la página destino para los enlaces a ella.
- Utilizar rutas absolutas en los enlaces.
- Añadir el atributo “nofollow” en aquellos enlaces que queramos excluir de las búsquedas , como privacidad, acerca de… etc..
- Utilizar Disallow en el robot.txt en aquellas páginas no indexables , como la versión imprimible . Ej: Disallow:print.php
- Crear un sitemap.xml y enlazarlo desde el archivo robot.txt.
- Asegurarnos de no tener errores 404 en nuestras estructura de enlaces
- Nunca utlizar pop-ups para navegar entre contenidos.
- Intentar no tener más de 100 enlaces por página.
- Utilizar la etiqueta canonical para controlar la duplicidad de contenido derivado de multiples dominios o páginas parametrizadas.
- Utilizar la etiqueta <meta name=” robots ” content=” noindex,nofollow”> en los contenidos SSL para evitar duplicidad de indexación ya que estos tambien son indexados en su versión no segura.
- Utilizar las redirecciones 301 cuando eliminemos o redirijamos algún contenido.
- Utilizar una herramienta como Google Webmaster Tool.
Por último os dejo una serie de enlaces via un tag en Delicious creado para la ocasión que os pueden ser útiles para entender esta serie de recomendaciones que he tratado de sintetizar.
Este artículo es una respuesta a una pregunta del ConsultorioSEO de chicaseo.com , teneis el post origina de esta respuesta aqui.
Escribir para SEO
5 dic
En este articulo os hablare de escribir para seo o escribir para la web. Para saber como debemos escribir para internet , es fundamental que entendamos como leemos en internet.
¿Cómo leemos en Internet?
Cuando un usuario entra en nuestra web se encuentra en un determinado contexto:
- Se encuentra delante de un monitor y no delante de un libro asi que es difícil conseguir una postura relajada para la lectura.
- El ordenador está en un entorno multitarea e hipertextual que nos dificulta conseguir una concentración similar a la alcanzada en la lectura en papel.
- La paciencia en internet es menor que en el mundo real. El usuario quiere inmediatez.
- A diferencia de un texto en papel, en internet cada página tiene miles de páginas similares que leer, hay muchísima competencia a sólo un click.
A diferencia de la lectura en papel en la que leemos de forma ordenada, en el ordenador leemos a saltos
buscando algo que nos llame la atención.Una técnica usada para conocer este comportamiento es el eyetranking.
Eyetranking de la lectura en internet
¿Cómo debemos escribir en internet?
Bien ahora que hemos entendido como leen los usuarios nuestras webs vamos a intentar maximizar la eficacia de nuestros textos para este entorno muy particular.
A continuación voy a tratar de explicar una serie de técnicas a seguir en la escritura online:
- Cuando escribimos en internet debemos recordar que escribimos para seo. Es decir debemos seguir una sencillas pautas:
- Se deben utilizar las palabras clave que el usuario posiblemente utilizará para realizar las búsquedas.
- Se deben escoger palabras clave adecuadas y potenciarlas en el sitio web.
- Títulos, subtítulos y enlaces ayudan a potenciar estas palabras clave.
- Decir primero lo más importante, utilizando una piramide inversa.
- Escribir textos sencillos ya que estos son más compresibles y menos agotadores para el lector, unas buenas prácticas para ello serian:
- Sintetizar una idea por párrafo.
- Utilizar un lenguaje simple y directo.
- Adoptar un tono familiar acorde con la cultura del usuario.
- Escribir en voz activa.
- Evitar los verbos en infinitivo.
- No usar perífrasis verbales.
- Comienza diciendo algo interesante, un par de ideas buenas serian:
- Utilizar textos cortos e interesantes.
- Intenta en las primeras frases comunicar lo que busca el usuario.
Ejemplo de "buena escritura online"
- Escribir menos de la mitad de lo que se escribiría en un folio.
- Escribir textos fácilmente escaneables.
- Facilitar la legibilidad de los textos. Este último punto no influye en el posicionamiento pero si en la lectura que hagan nuestros usuarios. Algunas medidas para mejorar la legibilidad de nuestros textos serian:
- Utilizar colores de fondo y primer plano con sufiente contraste.
- Utilizar letras minúsculas preferentemente. Esta demostrado que las frases en mayusculas dificultan entre en 14% y 20% la lectura.
- Evitar fondos de agua o con dibujos.
- Las fuentes a usar deben cumplir:
- Tener un mínimo de 10 puntos
- No usar cursivas para fuentes pequeñas.
- Utilizar varias tipografías para títulos, subtítulos,texto, etc.
- Usar variaciones en tamaño o usar negrita para enfatizar, pero no ambos.
- Emplear fuentes sin remate (sherif).
- Usar una o dos tipos de familia.
- Dentro de cada familia, variar el tamaño y el peso para dar énfasis.
Método de la piramide inversa
Contrastes y facilidad de lectura
Edit
Cssbarcelona añade via twitter dos nuevos puntos a tener en cuenta que me habia descuidado de comentar:
- No hacer faltas de ortografía.
- Interlineado para ayudar a la legibilidad.
Espero que os haya servido de ayuda este articulo , y a los que hayais llegado o mejor dicho saltado hasta aqui muchas gracias 
SEO y flash
2 dic
Hoy os hablare de SEO y flash , como muchos de vosotros ya sabreis adobe flash nunca se ha llevado del todo bien con el SEO.
En los últimos meses google ha intentado subsanar esta problematica en la indexación y lo ha conseguido parcialmente, a dia de hoy google es capaz de indexar las siguiente información de un archivo flash:
Contenido indexado por google de flash
- Archivos .swf , no indexa archivos .flv.
- Todo el texto que el usuario vea en el flash .
- Las URL que contenga el flash.
Incluir contenido flash de forma seo friendly
Una vez hemos visto que contenido es capaz de indexar google de un archivo flash , llega la hora de encontrar la forma más seo friendly de cargar nuestros archivos flash.
Para esta tarea os recomiendo usar swfobject una libreria javascript que ademas de ser seo friendly al permitirnos incluir contenido alternativo nos servira tambien para activar de forma automatica las peliculas flash en los navegadores microsoft.
Ejemplo de uso de swfobject
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("rutaarchivo.swf", "contenedorflash", "300", "120", "9.0.0");
</script>
</head>
<body>
<div id="contenedorflash>
Contenido alternativo que indexará Google
</div>
Video tutorial de swfobject
Indexar diferentes páginas flash
Cuando hemos diseñado un site en flash nos ocurre que google solo indexa una única URL, lo cual dificulta la indexación de diferentes contenidos de nuestro flash. Para resolver esta problematica existe la libreria de javascript SWFAddress que utiliza la funcionalidad ExternalInterface introducida en Flash Player 8.
SWFAddress permite insertar links en aplicaciones y websites hechos en flash y de esta forma utilizar los botones Adelante, Atras y Recargar del navegador. Además se pueden crear URL únicas con títulos de páginas para aplicaciones flash.
Ejemplo de uso de swfobject
En el head del html
<script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript" src="swfaddress.js"></script>
Codigo a incluir en nuestra pelicula flash
import flash.external.*;
_global.SWFAddress = function(){
this._check = function() {
if (SWFAddress.onChange) {
clearInterval(this._interval);
ExternalInterface.addCallback('setSWFAddressValue', this, SWFAddress.setValue);
SWFAddress.setValue(SWFAddress.getValue());
}
}
this._interval = setInterval(this, '_check', 10);
this._value = '';
};
_global.SWFAddress = new SWFAddress();
SWFAddress.getTitle = function():String {
var title:String = String(ExternalInterface.call('SWFAddress.getTitle'));
if (title == 'undefined' || title == 'null') title = '';
return title;
}
SWFAddress.setTitle = function(title:String):Void {
ExternalInterface.call('SWFAddress.setTitle', title);
}
SWFAddress.getValue = function():String {
var addr:String = String(ExternalInterface.call('SWFAddress.getValue'));
var id:String = String(ExternalInterface.call('SWFAddress.getId'));
if (id != 'null') {
if (addr == 'undefined' || addr == 'null') addr = '';
} else {
addr = SWFAddress._value;
}
return addr;
}
SWFAddress.setValue = function(addr:String):Void {
if (addr == 'undefined' || addr == 'null') addr = '';
ExternalInterface.call('SWFAddress.setValue', addr);
SWFAddress._value = addr;
if (SWFAddress.onChange) SWFAddress.onChange();
}
SWFAddress.onChange = function() {
var arr = new Array('', '/home', '/blog', '/forum');
var addr = SWFAddress.getValue();
gotoAndStop(getIndex(arr, addr));
SWFAddress.setTitle(formatTitle(addr));
}
En el boton de navegación de nuestra pelicula flash
this.onRelease = function() {
SWFAddress.setValue('/home');
}
Video tutorial de swfaddress
_________________________________________________________________________________
Espero que os haya servido de ayuda este articulo , si quereis seguir investigando acerca del flash y seo os recomiendo la siguiente web:
SEO y tiempos de carga
24 nov
Un aspecto importante en SEO son los tiempos de carga , con la llegada del nuevo motor de google Caffeine pasa a ser de importante a critico como comentaba Matt Cutts ingeniero especialista en SEO de Google en esta entrevista concecida a los chicos de WebProNews.
Comparativa de tiempos de carga y optimización
¿Que podemos hacer para mejorar nuestro tiempo de carga?
Optimizar nuestras imagenes
Para lograr optimizar nuestras imagenes y asi reducir el tiempo de carga podemos:
- Redimensionar la imagen al tamaño al que va a ser visualizada.
- Usar servicios de optimización de imagenes como:
- Punypng
- Image Optimizer para WordPress
- Si utlizamos herramientas como photoshop guardar la imagen para web.
Minificar el tiempo de carga de nuestros scripts
Podemos minificar nuestros javascripts si:
- Usamos las versiones minificadas de las librerias javascripts que usemos , como en el caso de jquery.
- Utilizamos herramientas como Closure Compiler para compactar nuestros ficheros javascript
- Utilizamos las bibliotecas ajax de google para incluir nuestras librerias utilizadas como jquery,mootools , con el objectivo de ganar velocidad de cache al ser estas librerias incluidas por millones de sitios web.
Minificar el tiempo de carga de nuestras hojas de estilo
Por último y no menos importante tambien debemos recordar optimizar nuestras hojas de estilos para ello debemos:
- No repetir estilos
- Usar herencias para minificar el número de herencias.
- Utilizar herramientas como YUI Compresor.
- Segmentar nuestras hojas de estilos en diversas hojas de estilos , para incluir solo las que necesitemos en cada página
Conclusión:
Optimizar nuestras páginas no solo nos ayudará a mejorar nuestro posicionamiento web , si no que mejorara la usabilidad de nuestra página al ser mucho más agil y de esta forma más accesible desde dispositivos mobiles.
ZKYKCHRTYZPX
SEO: Excluir contenido de ser indexado por google
20 nov
Hoy os hablare de la técnica SEO que nos permitira excluir contenido de ser indexado por el robot de Google. Para ello nos valdremos de los tags
<!–googleoff: index–> y <!–googleon: index–>
Si quereis saber más acerca de esta tecnica os remito al articulo oficial de google al respecto.
