Conozco muchos diseñadores/desarrolladores que trabajan el Flash como su herramienta principal para el desarrollo de sitios web, y bueno, los que han tocado el tema alguna vez conmigo, saben que recomiendo evitar al máximo la cantidad exagerada de éste tipo de objetos en un sitio web.

La pregunta sería… ¿Por qué los SEOs odian Flash? No odiamos flash, odiamos los métodos de desarrollo de la mayoría de  diseñadores en flash!

Flash y SEO

¿Cuál es el problema con el Flash entonces? ¿Hay alguno?

Bueno, hay muchas opiniones respecto al tema, por mi experiencia puedo afirmar que no hay problema con el flash, hay problema con los métodos de desarrollo web que utilizan quienes desarrollan flash.

Los desarrolladores multimedia (que se basan 100% en flash) deben tener en cuenta que, independientemente de la calidad de sus proyectos y del manejo de las herramientas de Adobe, es imprescindible tener conocimientos de desarrollo web;  flash no es lo único que deben saber.

El problema real del flash y el SEO es exactamente idéntico al de una web en html que en su página principal muestra una imagen con todo el contenido, sin textos alternos, ni meta-tags, ni un solo enlace o texto html. Google no encontrará contenido, no tendrá idea de qué se trata el sitio y mucho menos podrá indexarla… O bien, sucederá lo típico en éstos casos: Lo más popular en éste tipo de webs es poner únicamente los copyrights en html, y ésto es lo único que aparecerá en google.

Adobe ha continuado un fantástico producto que creó Macromedia hace algunos años atrás, y bien, le debemos mucho! Por ejemplo, el online streamming de Youtube; así que la solución NO es dejar de usar flash, es aprender a implementarlo.

Así que aquí vienen mis 3 consejos para una web en flash:

• Utiliza un código XHTML válido y limpio (siempre lo aconsejo para SEO)
• Incluye en el código una versión literal de todo el contenido del flash para las plataformas que no soporten flash (y los Search Engines)
• Utiliza url’s independientes según convenga. ¿Se imaginan lo tedioso que sería un libro en una sola hoja gigante? La finalidad del SEO en una página es darle al usuario lo que busca; no más, no menos.

Un ejemplo de un embebido flash bien hecho sería algo como esto:

Espero que les sea de utilidad!

Artículos Relacionados:

• MiniTema un nuevo tema gratis para WordPress
• Tip de SEO: La mejor técnica para SEO… No hacer SEO
• Tip de SEO: ¿Crees que sabes HTML?

Descargar MiniTema

Aquí les presento mi primer tema de WP gratis, bajo licencia GPL gracias a CC.

Hay ocaciones en las que en vez de equipar la plataforma, queremos simplificarla; para éso he creado MiniTema. Un tema de wordpress desarrollado a mano (handcoded) validado por la W3C, de 1 columna y que no incluye ningún archivo de imágen.

Gracias a sus características es extremadamente ligero y simple, a su máxima expresión.

Personalmente me hace un anillo al dedo, lo implementaré en varios proyectos que necesitaban una solución así y espero que les sea útil.

PD. Es la primera versión del theme así que agradeceré sus aportes para las siguientes.

MiniTema Free WordPress Theme

Artículos Relacionados:

• Tip de SEO: La mejor técnica para SEO… No hacer SEO
• Tip de SEO: ¿Crees que sabes HTML?
• Páginas web en flash… ¿Pésima elección para el posicionamiento web?

Y bueno, hoy quiero compartirles mi respuesta a ésta perspectiva, basada en mi experiencia personal.

El SEO NO es una herramienta, el SEO NO es una acción, el SEO es un RESULTADO; algo que debería “simplemente darse“.

Tip de SEO: No hagas SEO

¿Por qué vemos muchas veces necesario realizar “técnicas” de SEO? Simplemente si llegas a éste punto, el nivel de desarrollo de tu web, no es el indicado. (Suena un poco fuerte, eh?)

Suena un poco rudo, pero es así; si desarrollas un website bien estructurado, usable, funcional y con un buen contenido, de la mano con las herramientas de Google, indexación de mapas de sitio, xhtml + css (me refiero a bien hecho; he visto webs en xhtml + css que realmente daría lo mismo si las desarrollaran en tablas…), etc.; El SEO se dá, en menos tiempo de lo esperado.

¿Qué hay del linkbuilding, keywords density y las 200 técnicas más de “SEO” que hay en el internet? Lo responderé explicando brevemente 2 definiciones: existen 2 maneras de “hacer SEO“: White Hat SEO y Black Hat SEO.

White Hat SEO: Consiste literalmente en una optimización del website y su contenido para mayor legibilidad por parte de los search engines spiders.

Black Hat SEO: Técnicas de dudosa legalidad para posicionar mejor la web, que si un motor de búsqueda nota que la estás implementando, tu sitio será baneado. Es decir: “Técnicas de SEO Ilegal“.

El linkbuilding, keywords density tools y éste “tipo” de técnicas, pueden llamarse, como leí alguna vez en un sitio, “Blue Hat SEO“.
Son básicamente demasiado legales para ser Black Hat, pero de semi-dudosa legalidad, y no pueden llamarse “White Hat“.

Entonces, ¿No debes usar ninguna de éstos métodos “Blue Hat”?

Puedes hacerlo, pero tu estrategia de SEO no puede ser ninguno de éstos. Tu estrategia de SEO debe ser el SEO. La correcta optimización en torno a tu CONTENIDO.

Si tu website NO consigue con una buena optimización, alcanzar el primer lugar en google; es porque tu contenido NO lo merece. Haz que se lo merezca.

Las técnicas “Blue Hat” serán un buen recurso para una meta muy competitiva. Pero no es la manera correcta de hacer las cosas.

Sé que el tema es un poco controversial, así que responderé a las preguntas que me dejen.

Cierro con una frase que le dije a un colega hace unos días:

Tú preocúpate de un buen código y un excelente contenido… El SEO vendrá por añadidura

Artículos Relacionados:

• Tip de SEO: ¿Crees que sabes HTML?
• MiniTema un nuevo tema gratis para WordPress
• Páginas web en flash… ¿Pésima elección para el posicionamiento web?

SEO TIP HTML

Pues bien… Es hora de citar una frase célebre:

“You’re doing all wrong baby…”

Siempre recalco que debemos ver un sitio web, a la hora de desarrollarlo, desde 2 puntos de vista simultaneamente y darle prioridad equitativa a ambos… Por un lado tenemos el del usuario final, debe lucir agradable e intuitivo, nada confuso; por otro lado tenemos los motores de búsqueda y navegadores:  debe ser usable, limpio y claro en el contenido. Hoy listaré algunas de las cosas que NUNCA puedes ignorar en el desarrollo html básico de un sitio web:

Los menús son listas de links… Dáles el trato que se merecen

Bueno digamos que se ve bonito tener separadores entre los enlaces en un menú, pero ésta definitivamente NO es la manera que debe lucir en el código, vamos un ejemplo de qué NO hacer y cómo debería ser:

Bad Way:

Good Way :

Los enlaces llevan títulos

No olvides implementar los títulos a cada enlace, proporcionando información adicional acerca del mismo. Volvamos a los ejemplos:

Bad Way:

Good Way :

Las imágenes llevan textos alternos

Siempre manteniendo el hilo de relevancia, llegamos a los textos alternos, que en términos de usabilidad, deben describir el contenido de la imagen. Ej:

Bad way:

Good way:

Los títulos SON Títulos (Y los subtítulos… subtítulos)

Los títulos también tienen sus etiquetas en el mundo del html, no es como en los editores de texto (Word, Open Office Writer, etc) en los que el texto más grande reina… NO cometas ese error en HTML. Tenemos una variedad de etiquetas para escoger la que más encaje con tu título según la prioridad que tenga dentro de tu contenido; y van desde el H1 hasta el H6.

Bad way:

Good way:

Las tablas son para listar información… No para maquetar websites (Sí, aún lo hacen…)

Y bueno. éste se gana el título de error legendario. Y durante una época era exageradamente popular gracias a los interesantes servicios de páginas web que desarrollaban los diseñadores gráficos mayormente.

El problema de las tablas es que si miras el código fuente de tu página no verás mas que código basura, y bueno… Eso será lo que Google intentará indexar, no cometas el mismo error una vez mas:

Bad way:

Good way:

Los meta tags no son un adorno

Este punto es muy cierto, Google en ocasiones utiliza como referencia la etiqueta title y el meta-tag description para armar el párrafo descriptivo y título con el que aparecerán las páginas de tu sitio, en sus SERPs. Cuando no tienes  bien definidos los Meta-Tags, suele suceder que buscas en Google y, si apareces, aparece como texto descriptivo “Todos los derechos reservados | Diseñado por idesignwebsites-mom.com“. Dudo que quieras que esto suceda contigo!

Bad way:

Good way:

Pagina de muestra

Escribe con buena ortografía

Está bien que el internet haya masificado la comunicación y excelente la expansión de la libertad de expresión a nivel mundial… Pero sé consciente que es un medio masivo! Y bueno… Ser cuidadoso con la ortografía te traerá beneficios  por el lado de la indexación, y bien, será más agradable la lectura para tus usuarios.

Las negritas, cursivas y subrayas… Se inventaron para algo, ¿no?

Sí, tampoco son de adorno y bueno, según el caso debes saber cuándo incluirlo en el html y cuándo en el css. Recuerda algo, éstos elementos existen en la caligrafía para destacar palabras clave o frases y a la hora de interpretarlo en html, podemos utilizarlo a nuestro favor.

La mejor forma de mantenerse claro  saber que están haciendo un buen trabajo, es, durante el desarrollo, ver ambos puntos de vista… Mirar el código fuente y pedirle a alguien que navegue el sitio, recuerden, la prioridad es paralela.

Artículos Relacionados:

• Tip de SEO: La mejor técnica para SEO… No hacer SEO
• MiniTema un nuevo tema gratis para WordPress
• Tip de SEO: Anatomía de las URL’s