21 consejos para desarrolladores para diseñar un sitio web que encabece los resultados de búsqueda

Los propietarios de sitios web se preocupan por promocionar sus sitios en varios motores de búsqueda disponibles en Internet, y así atraer una gran cantidad de visitantes, además de mejorar el Rank de esos sitios y sus posiciones en los motores de búsqueda más populares SERP's, incluyendo Google, Yahoo y Bing. Aquí discutimos los fundamentos más importantes que los desarrolladores de sitios web deben considerar: presta más atención al código que al diseño y la apariencia.

No mentía quien dijo que la belleza es la belleza de la esencia. Al diseñar la interfaz frontal de tu sitio, asegúrate de usar código semántico. Tu uso de etiquetas para organizar la estructura de las páginas de tu sitio permite que los motores de búsqueda lean y comprendan tu contenido de manera mejor y más rápida.

Además, este método hace que los procesos de diseño de la apariencia del sitio sean fáciles para el navegador y de apariencia limpia. Evita colocar un menú en el lado izquierdo del sitio. No es algo bueno y reduce la efectividad del sitio y su visibilidad en diferentes tipos de dispositivos.

Especialmente en los dispositivos más pequeños. Sin embargo, si te ves obligado a colocar un menú de navegación en el lado izquierdo del sitio, o tu cliente insiste en ello, una alternativa efectiva es incluir un texto rico en palabras clave encima de ese menú. De esta manera, el texto es lo primero que leen los motores de búsqueda.

Los motores de búsqueda prestan mucha atención a los títulos. Para aprovechar esta ventaja, es mejor que coloques palabras clave en el título de la página (o lo que se conoce como encabezado de página), y dado que las etiquetas de encabezado son de gran tamaño, debes formatearlas de manera que sean pequeñas y organizadas. Dos cosas determinan el futuro de tu sitio: el contenido y los enlaces.

Por lo tanto, debes desarrollar una red sólida de alta calidad de backlinks (enlaces externos), y aquí me refiero a la razón lógica del enlace externo, como la relevancia temática entre tu sitio y el enlace externo. Cada página debe contener etiquetas de descripción (Description Tags) y títulos que incluyan palabras clave para describir el contenido de la página.

El título no debe exceder 9 palabras, y la descripción no debe exceder 20 palabras, así tu sitio se mantendrá dentro de los límites permitidos por la mayoría de los motores de búsqueda. Presta atención y nunca repitas la descripción de las páginas. Te digo esto porque algunos programas CMS como Kentiko las repiten automáticamente hasta que tú las cambies.

Evita usar archivos Flash en la medida de lo posible. Los motores de búsqueda no leen archivos Flash, además ralentizan la carga del sitio y alejan a los visitantes. Si tienes una razón válida para usar Flash, intenta que sea lo más pequeño posible y usa otro espacio para contenido rico en palabras clave.

Y mi consejo para ti... no lo uses en absoluto :). Piensa bien antes de usar gráficos.

Los motores de búsqueda no leen gráficos e imágenes, por lo tanto, antes de usarlos, planifica enlazarlos al contenido y usa una etiqueta alt con palabras clave relacionadas para que los motores de búsqueda los identifiquen, y el visitante se entretenga mientras se cargan los gráficos. Define las especificaciones del proyecto con tu equipo de diseño y desarrollo. Enfócate en la utilidad del diseño (su objetivo) y coloca este objetivo en el centro de atención y lo que requiere de información antes de comenzar a diseñar el sitio.

Este objetivo es al que siempre recurrirás al elegir entre dos puntos. Por ejemplo:

¿Colocamos este script aquí o

¿eso ralentizará el sitio? Si el objetivo principal es que este script funcione, no hay más remedio que usarlo y proporcionar algunos otros elementos para mantener un tiempo razonable de carga de la página y así sucesivamente. El objetivo, y luego el objetivo.

Usa palabras clave en los enlaces internos y externos. En resumen, haz que el enlace sea la frase sobre la que quieres que el visitante lea el contenido. Reemplaza "haz clic aquí" por el tema.

En lugar de usar el texto ancla "haz clic aquí", debes usar algo que exprese lo que el navegador encontrará después de hacer clic... Esto da un significado claro al enlace que indicas en tu sitio. No uses solo imágenes para enlaces externos, usa enlaces de texto para vincular el contenido importante en tu sitio. Los motores de búsqueda pueden rastrear imágenes, pero prefieren más los enlaces de texto.

Verifica y corrige el error de canonicalización de IP. Decide qué URL prefieres usar, ya sea con www o sin ella, y realiza una redirección 301 para ir directamente a tu sitio. Si prefieres el formato http://www.domain.com, este dominio te llevará directamente al sitio deseado.

No uses marcos (Frames). Algunos motores de búsqueda no pueden vincular las páginas de tu sitio en la red con marcos en absoluto, y aunque algunos motores de búsqueda pueden hacerlo, enfrentan problemas que les impiden leer e identificar el sitio. Es mejor no usar marcos, aunque personalmente los uso pero solo para cosas que no me importa que aparezcan en los motores de búsqueda o no.

Usa tablas simples que sean fáciles de identificar y leer por los motores de búsqueda. Algunos motores de búsqueda encuentran dificultades para navegar diferentes páginas en el sitio, especialmente si tu barra de navegación es compleja.

Por lo tanto, usa una tabla simple para tu barra de navegación, esto aumenta el descubrimiento y la lectura de tu sitio por los motores de búsqueda. Trata cada página como una página de destino (landing page) independiente, proporcionando toda la información al usuario e informándole sobre la página que está visitando y la siguiente. Cada página de tu sitio podría ser la primera página que ve tu visitante.

Algunos diseñadores diseñan el sitio como si el visitante debiera pasar por la página de inicio (Home Page) primero. Eso no sucede. Entonces, intenta en la medida de lo posible que todas las páginas contengan las cosas importantes que deseas destacar ante el navegante.

Usa hojas de estilo en cascada (Cascading Style Sheets) y archivos JavaScript separados, esto reduce el tamaño de la página y acelera su carga. También permite que los motores de búsqueda indexen tu sitio y mejoren su clasificación en las búsquedas. Hay muchos plugins que pueden ayudarte con esto automáticamente.

Usa HTML estándar. Algunos programas como FrontPage, Dreamweaver u otros agregan código innecesario que aumenta el tamaño de la página más de lo necesario y ralentiza su carga. Este código no lo leen los motores de búsqueda, por lo que reduce su capacidad de identificación e indexación. Si te ves obligado a usar estos programas, debes tener un buen entendimiento de HTML para evitar o eliminar este código innecesario.

No uses ventanas emergentes (Pop ups) y evita el uso excesivo de imágenes deslumbrantes porque, créeme, molestan a la mayoría de los usuarios. Úsalas con mucho cuidado y según lo desee el propietario del sitio o el especialista en marketing con el que trabajes en el sitio.

Familiarízate con las directrices de Google Webmaster. No te pido que profundices en

SEO solo "toma una idea"

porque contienen consejos útiles para garantizar una buena experiencia de usuario. Vincula el sitio colocando el código de webmaster y pasa algo de tiempo allí. Una hora es suficiente para estar consciente y conocedor de la salud de tu sitio desde el punto de vista de Google.

Asegúrate de las especificaciones que se adapten al idioma utilizado. Algunos idiomas tienen especificaciones propias, por lo que si estás desarrollando un sitio en varios idiomas, debes considerar las consideraciones de cada idioma, ya sea alineaciones (Alignments) o direcciones de texto (Text direction) o ubicaciones de imágenes y formularios de contacto y así sucesivamente. Asegúrate de proporcionar espacio para anuncios publicitarios (banners), ya sea que te lo pidieran o no. Debes estar preparado para no tener que rediseñar tu sitio solo para agregar una caja más tarde.

Y no olvides usar los tamaños estándar de especificaciones de anuncios que encontrarás más famosos aquí Standard ad sizes. Asegúrate de que el diseño cumpla con el nivel de resolución de pantalla estándar (Standard Screen Resolution), que es 1024×768, y puedes usar Google Analytics para saber qué nivel de resolución de pantalla usan la mayoría de tus visitantes.