Enlace: Descargar en PDF

Los 10 Tips de SEO que listare en este articulo son muy importante y considero que todos los bloggers y administradores de sitios deberían considerar seguirlos si tienen en mente aparecer en los primeros puestos, algunos quizas piensen que son muy básicos pero cuando manejas un blog o un sitio donde el contenido varia a diario inclusive esos puntos básicos son muy faciles de olvidar y nos afectar en el posicionamiento de nuestras paginas.

La finalidad de este articulo es lograr que sus paginas tiendan a aparecer en los primeros lugares de los buscadores, en el SEO los resultados llevan tiempo, el posicionamiento en buscadores como Google, el PageRank y la popularidad en redes sociales son los principales factores a considerar con una pagina web, pero como ganar en todos esos lugares, bueno espero estos tips .

Encabezados (H1, H2, H3, H4, H5)

Los encabezados, se dice que todo titulo enmarcado dentro de un tag H1 es muy relevante para los buscadores, esto es muy cierto, pero no por ello quiere decir que debes utilizar esta etiqueta en todos tus títulos, esto puede resultar contraproducente, en realidad Google y otros buscadores solo hacen caso del primer H1 que encuentran en tu código, es por ello que deberíamos utilizar todos las opciones, hacer mayor uso de los H2, H3.

Cuando apliquen esto tengan en cuenta que mientras mayor el numero del tag H* menor sería la relevancia del titulo.

Imagenes

La imagenes y los enlaces son muy especiales, de hecho antes todo iba bien con hacer uso de sus atributos sin importar mucho su contenido, pero ahora esto ha cambiado y los atributos de las imagenes deben ser utilizados apropiadamente, incluso los nombres de los archivos de las imagenes, olviden de utilizar imagenes con nombres como ej. IMG_456.jpg esto es completamente irrelevante para los buscadores ya que el robot tiene menos posibilidades de saber de que se trata la imagen.

En las imagenes es muy importate utilizar siempre el atributo ALT y su contenido debe ser una descripción de la imagen, por ejemplo si tenemos una imagen con el logo de Twitter:

• Nombre del Archivo: logo twitter grande.png
• ALT: Logo Twitter

Eso sería un buen uso de una imagen, otro tip sobre imagenes, el nombre del archivo del logo de su pagina que nunca sea logo.jpg, debemos ser mas descriptivos por ej. logo-pagina-frogx3.jpg

Intercambiar Enlaces

Intercambiar enlaces con sitios importantes con mayor tiempo y popularidad en la red es muy importante, debemos considerar su PageRank, cantidad de visitas, su regularidad de publicación y el mas importante su tematica debe tener relación con la nuestra, evita intercambiar enlaces con sitios de comida si tu tematica es mecánica , lo cierto es que mientras mas importantes mas difícil es intercambiar enlaces con ellos, pero de lograr ganamos muchos puntos.

Pero ahi no acaba todo, si ya hemos compartido enlaces debemos checar estos enlaces periodicamente ya que estos sitios pueden quedarse en el olvido, cambiar su tematica o simplemente desaparecer, y con el tiempo bajar su PageRank y esto nos afectara paulatinamente.

Idiomas, porque no todos hablamos español

Quizas uno de los mas difíciles o de igual manera uno de los mas sencillos depende del punto de vista y la solución que elijas, y por supuesto el empeño que le pongas, si tomamos en cuenta los millones de usuarios que hay en la red y que no todos hablan español o de otra manera si consideramos que aproximadamente el 80% de los internautas habla Ingles, entonces quiere decir que nos estamos perdiendo de millones de posibles visitante en nuestro sitio.

La dificulta de esto es que lleva tiempo traducir artículos, aunque existe como opción los traductores automatizados, pero estos no siempre son 100% confiables ya que no pueden traducir modismos que usualmente podemos utilizar en nuestros artículos, quien pueda llevar a cabo este tipo de cambios en su sitio web, en serio que tendra grandes posibilidades de crecer.

Ortografía

Antes esto no importaba mucho, bueno al menos para los buscadores pero ahora esto a cambiado y muchos resintieron el cambio que hizo Google  en sus algoritmos con su conocido Google Panda, ya que en este se sumo mucha importancia a este punto, esto es un gran esfuerzo porque quienes escribimos a diario en la red cuidemos de ofrecer contenidos de calidad.

Toma tiempo pero tus usuarios te lo agradecerán y los robots de los buscadores te podrán tener mas en cuenta, recuerden que ahora todos los navegadores web modernos cuentan con correctores ortográficos, acostumbremos a utilizarlos.

Código HTML & tiempos de cargar

Este tal vez es una de las cosas con menos importancia en el SEO o que algunos lo ven así, sin embargo tiene una importancia tecnica que marca diferencia, un código limpio y ordenado ayuda a los traductores de código (algoritmos) a ser mas rápidos y eficientes, se podría decir que los robots o spiders de los buscadores también tienen paciencia y entre los datos que recaban se incluye el tiempo y ciclos de carga de un sitio web.

Es por ello que debemos tener mucho cuidado con esto, algunas recomendaciones son:

• Eliminar saltos de linea
• Evitar en lo posible comentarios extensos
• Evitar código CSS o JavaScript en nuestros archivos HTML, mejor tenerlos en archivos externos
• Hacer uso de sistemas de archivos CDN para archivos CSS, JS e Imagenes
• Hacer uso de Sprites (Archivos PNG que contienen todas las imagenes de un sitio)
• Optimizar imagenes y utilizar en su mayoría imagenes comprimidas
• Evitar archivos con nombres en mayúsculas

Sitemaps

Crear de Sitemaps, estos son archivos XML que guardan el árbol de enlaces raiz de un sitio, comúnmente incluyen los enlaces de los artículos, categorías y paginas estáticas, existen muchos generadores de sitemaps, pero en general son sencillos de crear.

Redes Sociales

Este quizas no sea un tip de SEO, pero el fin es el mismo obtener visitas y crear un comunidad, recuerden que el fin del SEO es aparecer en los primeros lugares de los buscadores para obtener mas visitas y mientras más trafico genere nuestra pagina mas relevancia tendra y mas tiempo permanecera en buena posición.

Así que hacer un buen uso de las redes sociales es primordial, cuida publicar todo tu contenido dinamico en las redes sociales, con los títulos, imagenes y un pequeño fragmento de texto, haz uso de herramientas y traza tus estrategias para captar mas amigos y seguidores en las diferentes redes sociales, recuerda que es importante mantener comunicados a tus amigos, al hacerse seguidores no quiere decir que diario entren a tu sitio, haz que esto suceda y que ellos compartan tu contenido, esto unicamente lo lograras con compromiso y contenido de calidad.

Interacción con tus usuarios

Siguiendo la misma linea de la recomendación anterior, esto quizas sea  lo mas importante, genera expectativa y conexión con tus usuarios, en la redes sociales no eres un robot, utilizar herramientas para automatizar la publicación de tu contenido no es pecado, pero si no le demuestras a tus amigos interes por su opinion ellos no te ofrecerán lo mismo.

Resulta ser mas trabajo pero generar contenido exclusivo para tus redes sociales puede resultar una estrategia interesante para crear conexión con tus usuarios y lealtad, y del mismo modo ellos tendrán mas intenciones de compartir tu contenido.

Herramientas para SEO

Por ultimo, les recomendare alguna herramientas para hacer mas facil su tarea de SEO para llevar sus paginas web a los primeros lugares:

• XML Sitemaps
• Yoast WordPress SEO - plugin para WordPress
•  Breadcrumb Trail – plugin para WordPress
• SEO Friendly Images – plugin para WordPress
• SEO Post Link – plugins para WordPress
• Google Analytics
• Alexa
• Lipperhey
• Google Toolbar
• Botones para compartir: Facebook, Twitter, Google+, etc.
• TweetAdder
• Google Webmasters Tools
• SEOMoz
• SEOBook
• Domainer – Software para Mac
• SEIntelligence – Software para Mac

Extra!

El uso de la etiqueta Bold o Negritas para remarcar frases o keywords es muy bueno pero no abuses de esto, no busques escribir solo para los robots de los buscadores también cuida lo que leen tus lectores, y remarca lo que crees que para ellos es mas importante, al final ellos son la principal razón de invertir horas y esfuerzo en SEO.

En frogx3 de unos meses a la fecha hemos estado en constante cambio del diseño buscando una formula perfecta y uno de los principales cambios que hemos realizado esta en los menus de navegación, de hecho estamos planeando un nuevo cambio con el mismo enfoque. Bueno pues algo que nos ha servido y nos gustaría compartir con ustedes es inspirarnos de menus de otros sitios y es que en diseño web debemos luchar siempre en lograr un equilibrio entre la optimización, programación y el diseño.

La siguiente lista de paginas lo han logrado haciendo un buen uso del diseño y equilibrandolo con buenas practicas para posicionamiento en buscadores, así que en los siguientes sitios no solo verán buenos diseños de menus de navegación, también podrán ver como han optimizado los menus, algunos utilizan menus sencillos, otros aplican submenus y otros hacen uso de JavaScript y CSS para crear menus desplegables, todos son validos y utiles, en fin les dejo la pequeña recopilación espero les sea de utilidad.

Tennessee Trains & Byways

Fantasy Cartography

Time For Cake

Design Bombs

Racket

Carbon Made

Blogger Bake Off

Tips

Vistos los ejemplos vale la pena apuntar que si bien el texto y las negritas son muy importantes, algunas buenas practicas en el código de una pagina web para hacer un buen menu de navegación son:

• Si utilizas HTML5 el menu debe estar dentro de una etiqueta <nav>
• Intenta utilizar siempre lista <ul>
• Nunca olvides el atributo “title” en la etiqueta anchor <a> del enlace.
• Si no utilizas texto en tus menus y optas por usar imagenes (una opción muy valida) jamas olvides incluir el atributo “alt” en la etiqueta de tus <img> de tus imagenes.
• Checa dos veces antes de terminar si haz cerrado todas las etiquetas que iniciaste, en el caso de las etiquetas <img> siempre acostumbra a utilizarlas así: <img src=”" alt=”" /> de este modo indicas al traductor del código que haz cerrado dicha etiqueta con el “/>”.

Bueno eso es todo espero les sea de utilidad.

En ChicaSEO han hecho una excelente lista de tips para aumentar visitas en tu sitio, les recomiendo leerla tan básica como sencilla, vale la pena leerla y a crear mejores blogs con buenas técnicas SEO.

Enlace: 6 tips para aumentar tu trafico

Enlace: 78 essentials search engine marketing and seo

Asi que aqui estan 5 notas de diseño en general.

El dibujo mas grande del mundo, usando GPS

En vecindad grafica, Adan a publica un excelente video parecido a un documental que muestra a August Zachrisson autoretratandose utilizando GPS y con el apoyo de DHL.

Ganador de Doodle 4 Google

Si recuerdan el video donde nos mostraban el proceso de diseño de un logo de Google, bueno este era parte de la promocion/anuncio del concurso Doodle4Google que se realiza cada año, y ya hay ganador del 2008, ver ganador de Doodle 4 Google

Pattern Cooler

Un sitio en el cual podemos crear nuestros patterns para backgrounds, siguiendo unos sencillos pasos.

Gracias a daniel por el tip.

Guia de referencia de SEO

Glossy, iconos para eCommerce

Chuleta CSS, conceptos basicos de CSS [pilon]

Si quieres conocer las notas anteriores aqui les dejo los enlaces son un total de cuatro entregas con un total de 20 enlaces a sitios o recursos de diseño.

• #1 Quick Notes: Tips y Recursos de desarrollo web
• #2 Quick Notes: Recursos para desarrolladores web
• #3 Quick Notes: Sobre diseño web
• #4 Quick Notes: Tutoriales y Recursos de Diseño

Web Designer Wall

En el mismo articulo hacen una encuesta y me sorprendieron los resultados, la pregunta es:

Como diseñador piensas en los requerimientos de SEO?

• Si 73% (4,606)
• No 11% (607)
• Lo siento, no se que significa SEO 16% (1,007)

Mi sorpresa es la tercera opcion como puede ser que los diseñadores “web” no sepan que es SEO, si desafortunadamente eres uno de la lista en la wikipedia puedes encontrar el significado e importacia del SEO.

En el articulo los puntos a destacar segun mi humilde opinion son:

• How Search Engines Work?
• Top 9 SEO Mistakes Made by Designers and Developers
• Don’t Be Afraid of Internal Linking
• Don’t Be Dense About Keyword Density

Enlace: WDW, SEO Guide for designers

El principal problema de desarrollar un sitio web enteramente en Flash o incluso con demasiadas acciones aplicadas con Ajax, es que no son tan amigables para los buscadores, a que me refiero?Bueno para los que no saben, Google, Yahoo y todos los buscadores, encuentran un sitio web siguiendo enlaces (por eso son tan buenos los Memes) pero pues explicandolo de cierta manera ay dos tipos de URI‘s (Direacciones Web) las que normalmente generan los CMS como el mismo WordPress basadas en variables para poder hacer validaciones y llamadas a las base de datos por ejemplo:

http://www.frogx3.com/?p=1148

El ejemplo anterior muestra una URL basada en variables, asi es como las maneja originalmente WordPress, pero no todos los desarrolladores usan las mismas variables y desarrolladores y sistemas dinamicos existen miles, y creanme que los buscadores por mas grandes que sean no se van a poner a averiguar a que tipo de valor se refiere cada variable, por eso existen las URL’s amigables, las cuales si usas un sistema dinamico (Manejador de Contenidos) o CMS son generadas con la ayuda de un modulo del Servidoren el caso de Apache el modulo es mod_rewrite que aplicando combinandolo con el sistema nos convierte las URL’s dinamicas (ejemplo anterior) a URL’s amigables, ejemplo:

http://www.frogx3.com/2008/03/04/crear-logos-gratis/generadores-de-logos/

Pues bueno esas son las URL’s amigables y las no tanto pero si ustedes visitan una pagina hecha 100% en flash, fijense la Direccion Web de la pagina nunca cambia siempre es la misma, aunque ustedes cambien de seccion en la pagina porque pasa esto? porque la pagina en flash usualmente la crean en un solo archivo que es el que contiene todo, quisaz las imagenes las tenga fuera para aminorar el peso del archivo pero de todos modos el buscador no va a encontrar ninguna URL mas que la de la pagina principal y el buscador jamas les va a indexar en temas especificos.

Pero para todo existe la solución se llama SWFAdress que es una herramienta que nos da la posibilidad de hacer deep links (enlaces directos) a secciones o layers especificos dentro de paginas Flash o a acciones especificas en scripts Ajax, ver ejemplo: Flash, Ajax, Flex, Seo, Mas ejemplos.

Esta herramienta sin duda es una excelente utilidad para todos los diseñadores ya que permitiria hacer SEO de paginas en Flash, flash pero pues tambien se debe entender que aun utilizando este tipo de herramientas la superioridad de sitios que no son hechos en flash continua muy por arriba.

SWFAdress esta bajo MIT License, es completamente gratuito y es desarrollado por Asual.

Enlace: Descargar SWFAdress (Incluye documentos, ejemplos y codigo fuente)

Como funciona?

Veamos mejor las instruciones(copio y pego):

• Entra en Google
• Escribe lo siguiente en el buscador, usando tus propios datos: “diseño” site:frogx3.com. “diseño” es la palabra buscada y “site:frogx3.com” es la url donde se buscará (en este caso, mi blog), la cual debes cambiar por la tuya.
• Los resultados de la búsqueda aparecerán en la parte superior.

Bueno pues yo me ayudare de las estadisticas que me pasa el servidor.

1. CSS, 1,790
2. Diseño, 1,750
3. Vectores, 1,460
4. Photoshop, 1,230
5. Iconos, 1,170

Este meme ya tiene rato por la red sin embargo se lo pasare a algunas personas, vuarnet, diana, seth, daniel y diego.

Gracias Ajaxman

Techmagazine nos regala un lista imperdible de herramientas para SEO, ya saben que el SEO es la parte mas importante para que nuestro sitio web crezca es el marketing de nuestro sitio sin meter muchos temas de publicidad, en la recopilación de utilidades para mejorar el posicionamiento de nuestros sitios podremos encontrar:

• Herramientas para calcular nuestro ranking
• Herramientas para generar nuestras keywords
• Herramientas para verificar Dominios
• Herramientas para administrar nuestros enlaces y saber quienes nos enlazan
• Toolbars o barras de herramientas para los navegadores
• Herramientas para la optimización web
• Utilidades para la validación del código de nuestro sitio

Enlace: Las mejores herramientras de SEO [en]