Cómo construir una página Web Amigable (Para ser encontrada)

Quiero ampliar sobre lo que constituye exactamente una página de motor de búsqueda Web fácil de usar.

URL fuerte

Muchos discuten sobre el valor de usar palabras clave en el nombre de dominio y si hará cualquier diferencia en los algoritmos de clasificación. Ya sea mucho o poco, creo que todo el proceso de optimización es en gran parte hacer un montón de “no mucho”. SEO es a menudo una serie de pequeños pasos que, en conjunto nos puede acercar más a la meta.

Fuera de la utilización de palabras clave en el nombre de dominio, no hay realmente mucho que puedas hacer para “optimizar” la misma. Lo mejor que puedes hacer es, si es posible, asegurarte de que tus palabras clave estén en el nombre de tu empresa y asegurar la dirección URL. Si lo haces, te asegurarás de que cualquier persona que use el nombre comercial que tu utilizarás en los enlaces.

También puedes estar seguro de utilizar una gran palabra rica en arquitectura de URL para las carpetas y subcarpetas. Esto puede dar una idea a los motores de búsqueda del contenido de tu página, incluso antes de la indexación de cada página, y les ayudes a agrupar el contenido relacionado entre sí.

Título eficaz y Meta Tags

Para tener etiquetas de los motores de búsqueda de título y etiquetas meta description, debes cumplir con dos criterios:

  • Están presentes
  • Son únicos

La optimización de ambos criterios es importante. Sin embargo, si tu sitio es en vivo por Internet, incluso si no está optimizado, debes asegurarte de contar con etiquetas únicas de títulos y descripciones meta en cada página.

Asegúrate de que tienes etiquetas únicas en los título en cada página; suena como una obviedad, pero te sorprenderá de cuántas veces los sitios están perdiendo estos dos elementos clave. Hace algunos meses, tuve un cliente que utiliza un programador que no sólo no pudo crear una forma de añadir un título único para cada página, tampoco pudo hacer una forma de añadir cualquier texto en las etiquetas de ningún tipo! El código de sitio era la siguiente:

<title> </ title>

Me dijeron que llevaría varios meses para añadir la funcionalidad que necesitan para elaborar los títulos exclusivos para sus páginas, sin embargo, se espera obtener su sitio de todos modos optimizado. Ellos optaron por no despedir a sus programadores, pero el retraso en el proceso fue tan largo que al finalizar ya era obsoleta la página.

No hay excusa para cualquier desarrollador web para saber tan poco acerca de la construcción de sitios web que no pueda proporcionar un lugar para las etiquetas de título único y meta descripciones en tu sitio. Si tu sitio no tiene esa funcionalidad, o no es una función que los desarrolladores pueden añadir a continuación, busca un desarrollador que sí pueda!

Reducir el exceso de código

El código de la hinchazón es uno de mis entretenimientos menores cuando estoy evaluando sitios web. Me gusta mirar el código fuente de una página Web y luego desplazarme hacia abajo para ver cuánto tiempo tarda el código de la página y mentalmente lo comparo con el tiempo que debe ser. Pero lo que más disfruto es cuando veo una página bien diseñada con muy poco código. Así es como debe ser!

Muchos desarrolladores usan programas para construir sitios web que le permiten crear la página de forma visual, y luego cortan el código. Algunos hacen un buen trabajo de reducir el exceso de código, pero nunca es del 100%. Por desgracia, muchos “profesionales” diseñadores no saben lo suficiente sobre el código para solucionar el exceso de código que crean estos programas.

La reducción de exceso de código en tu sitio reduce el tiempo de descarga de la página, que en los motores de búsqueda es una de las señales que utiliza en la evaluación de una página. Al hacer las velocidades de descarga más rápidos, los motores de búsqueda son capaces (o no quieren) indexar más páginas de tu sitio para la clasificación en los resultados de búsqueda. También hace que la experiencia del usuario sea mucho mejor, lo que aumenta las tasas de conversión.

Una de las maneras más fáciles para reducir el exceso de código es eliminar el código innecesario de la página en archivos externos. CSS y JavaScript son dos de los mayores culpables de exceso de código que puede ser fácilmente trasladado fuera de cada página. Los desarrolladores ya deberían saber esto, pero no es utilizado a menudo.

Al mover este código en archivos externos, el visitante sólo tiene que descargar el archivo una vez y se aplica a todas las páginas como se indica. Si el código está en la página, entonces tiene que ser descargado en cada página vista. Esto, de nuevo, crea un código adicional para los motores de búsqueda, y se ralentiza la experiencia del usuario.

Uso Apropiado de partida

Hay una cierta discusión con el valor de las etiquetas de encabezado (h1-h6) para mejorar su posicionamiento en los motores de búsqueda. Una vez más, el valor puede ser pequeño, pero creo que tiene una fuerte semántica de tu contenido el uso de etiquetas de alto que da a los motores de búsqueda una mejor idea de cómo “leer” tu contenido y, por tanto, de mucho valor.

Muchos “webmasters” utilizan el título de los párrafos en negrita o tal vez simplemente hacen la fuente más grande o con un color diferente. Eso está bien para el visitante, y se puede enviar una señal al motor de búsqueda, pero la mejor manera para indicar el texto en un encabezamiento del párrafo es para asegurarse de que está en una etiqueta de encabezado.

Las etiquetas de título deben ser implementados en un formato similar al esquema que utiliza en la escuela secundaria. Tu papel tenía el título (h1), tres puntos principales (H2) y el sub-(H3) y los puntos de sub-sub-(H4). Es así de fácil!
Un error que muchos desarrolladores hacen hoy es poner casi todo en una etiqueta de encabezado. Elementos de navegación, enlaces de productos, e incluso tu logo! No hay nada de malo con el uso de etiquetas de encabezados para cada uno de estos elementos, pero desear reservar sus 3 H1-etiquetas para las áreas de contenido hace que sólo deba haber un h1 en cada página.

Navegación y enlaces internos

La navegación por los motores de búsqueda y las estructuras de enlace son la piedra angular de un sitio web en los motores de búsqueda. Esta es el área en la que, si todo lo demás se hace bien, pero su estructura de enlaces es un error, te estarás disparando en el pie de todos sus esfuerzos de optimización.

Antes de desarrollar tu sitio web, necesitas tener una idea clara de su estructura de navegación, y todo debe tener un propósito claro. Tienes que estar dispuesto a ajustar y cambiar tus mejores ideas si en la investigación inicial tu palabra clave sugiere que debiera cambiar con el fin de tener una navegación centrada en el usuario.

Dos cosas a tener en cuenta en la construcción de tu navegación. 1) Asegúrate de que los motores de búsqueda puedan seguir los enlaces. 2) No hacer que la navegación (de encabezado y pie de página) tengan siempre un mapa del sitio para cada página de tu sitio. Ambos pueden dañar los esfuerzos de optimización.

Gran contenido en la página

Hace varios meses, tuve un cliente potencial en contacto conmigo para optimizar su sitio. A través de nuestras conversaciones llegamos a un callejón sin salida. No estaban dispuestos a realizar ningún cambio en el contenido de su sitio. Tenían que respetarlo “tal y como lo queremos”, y no se movía.

Habían derramado miles de dólares en el diseño y les gustó exactamente como está. No sólo no estaban dispuestos a optimizar el contenido, no estaban dispuestos a cambiar el texto de las imágenes para los motores de búsqueda! En ese momento sabía que no había nada que pudiera hacer por ellos.

Asegúrate de que tu texto sea indexable por los motores de búsqueda. Los motores de búsqueda no pueden leer el texto incrustado en imágenes, y es uno de los principales indicadores de lo que cada página de tu sitio se trata. Si tus páginas no tienen texto (legible), las posibilidades de clasificación serán muy escasas.

Anuncios

Las 7 claves de usabilidad para la navegación de la página de inicio

Basado en el libro de Jakob Nielsen “Usabilidad de las páginas de inicio” repasé una guía, en puntos clave, sobre la usabilidad en los elementos de navegación de la página principal de un sitio web.

Teniendo en cuenta que el propósito principal de la página principal es llevarte a otras partes del sitio web, es muy importante que el usuario encuentre lo que busque sin apenas esfuerzo a través de la navegación de la página. Por ejemplo, evitaremos que necesite hacer click en un elemento para descubrir qué es.

Aquí en 7 puntos los consejos de Nielsen para conseguirlo.

  1. Sitúa la zona de navegación principal en un lugar muy destacado, preferentemente justo antes de los contenidos de la home. Evita usar elementos gráficos como líneas horizontales o colocarla sobre una zona de banners ya que el usuario suele ignorar elementos que se encuentran sobre o dentro de una forma rectangular (o publicitaria).
  2. Agrupa los elementos parecidos en la navegación, de forma que el usuario vea claras qué opciones hay y cuántas son.
  3. No repitas elementos de navegación a lo largo de la página de inicio.
  4. No incluyas un enlace a la página de inicio en la página de inicio ya que no tiene sentido y confunde al usuario.
  5. No inventes formas de llamar a las categorías de tu página web, el usuario debe reconocer que es cada categoría en cuanto la vea.
  6. Si en tu sitio web hay un “carrito de la compra” asegúrate de incluir un enlace al carrito en la página de inicio.
  7. No añadas iconos en la navegación a no ser que realmente ayuden al usuario de forma clara a reconocer el elemento, por ejemplo, productos nuevos o rebajados. No los uses si los enlaces están suficientemente claros sin ellos.

Espero que el post te sea útil a la hora de crear una página de inicio.

10 errores más comunes en el Diseño Web

1. Mala Optimización para Buscadores: excesivamente literal de los motores de búsqueda, reducen la usabilidad en la que son incapaces de manejar errores tipográficos, plurales, guiones, y otras variantes de los términos de la consulta. Estos motores de búsqueda son particularmente difíciles para los usuarios de edad avanzada, pero hacen daño a todo el mundo.

2. Archivos PDF para leer en línea: los usuarios odian encontrarse con un archivo PDF durante la navegación, porque rompe su flujo. Incluso cosas simples como imprimir o guardar los documentos son difíciles debido a que los comandos estándar del navegador no funcionan.

3. No cambiar el color de los enlaces visitados: una buena comprensión de navegación anterior ayuda a entender su ubicación actual, ya que es la culminación de su viaje. Conocer sus ubicaciones anteriores y actuales, a su vez hace que sea más fácil decidir a dónde ir después. Los enlaces son un factor clave en este proceso de navegación.

4. Texto No Escaneable: un muro de texto es mortal para una experiencia interactiva. Intimida. Aburre. No gusta leer.

5. Tamaño Fijo de fuente: hojas de estilo CSS desafortunadamente dan a los sitios web el poder de desactivar el navegador web “Change font size” y especificar un tamaño de fuente fijo. Alrededor del 95% del tiempo, este tamaño fijo es pequeño, lo que reduce significativamente la legibilidad de la mayoría de las personas mayores de 40 años de edad.

6. Títulos de página con poca visibilidad en el motor de búsqueda: la búsqueda es la forma más importante los usuarios para descubrir los sitios web. La búsqueda es también una de las maneras más importantes de los usuarios para encontrar su camino alrededor de sitios web individuales. El título de la página es la principal herramienta para atraer a los visitantes de los listados de búsqueda y para ayudar a los usuarios existentes para localizar las páginas específicas que necesitan.

7. Cualquier cosa que parezca un anuncio: la atención selectiva es muy poderosa, y los usuarios de Internet han aprendido a dejar de prestar atención a los anuncios que se interponen en el camino de su objetivo impulsado por la navegación. La excepción principal es de sólo texto en los motores de búsqueda.

8. La violación de las convenciones de diseño: la consistencia es uno de los principios de usabilidad más poderosas: cuando las cosas siempre se comportan de la misma forma, los usuarios no tienen que preocuparse de lo que sucederá. En su lugar, ellos saben lo que va a suceder sobre la base de la experiencia anterior. Eso es bueno.

9. Abrir nuevas ventanas del navegador: la apertura de nuevas ventanas del navegador es una distracción tremenda para el usuario. No contamines la pantalla con las ventanas adicionales, en particular, ya que los sistemas operativos actuales tienen la gestión para bloquear ventanas y pop-ups.

10. No responder a preguntas de los usuarios: Los usuarios están muy orientadas a objetivos en la Web. Ellos visitan los sitios porque hay algo que quieren lograr -tal vez incluso comprar tu producto. El fracaso final de un sitio web es dejar de proporcionar a los usuarios de la información que ellos buscan.