Posicionamiento y XHTML

Algo casi imprescindible hoy en día para mejorar nuestro posicionamiento en
buscadores consiste en transformar nuestros viejos documentos HTML a XHTML.

Puede que parezca una tarea larga y tediosa y que nos de pereza por ello, pero vamos a ver a continuación que es bastante fácil. ¡A lo mejor tus páginas ya son casi XHTML y no te habías dado cuenta!

¡Ah! otra cosa más. Si todavía no dispones de ningún sitio web, entonces no tienes ninguna excusa. Para los nuevos sitios es casi una obligación empezar utilizando XHTML, ya que aseguraremos una mayor compatibilidad con todos los navegadores y mejoraremos las posibilidades de aparecer en las posiciones más altas de los buscadores.

¿Qué es el XHTML?
XHTML, al igual que HTML, es un estándar prupuesto por el W3C y basado en XML. Desde que nació el HTML ha habido una invención constante de nuevos elementos (etiquetas o atributos) para ser usados dentro de HTML, lo que ha provocado grandes problemas de compatibilidad entre las distintas plataformas. El XHTML es una "reformulación del estándar HTML" que pretende conseguir que todos los documentos web sean compatibles en cualquier navegador de cualquier dispositivo.

Pero... ¿por qué XHTML ayuda al posicionamiento web?
Pues la respuesta es sencilla. Utilizando XHTML conseguimos que el código de nuestras páginas web sea mucho más sencillo, limpio y claro para los robots de los buscadores.

Si además utilizamos hojas de estilo CSS para todo lo referente a la presentación, el código de nuestras páginas será todavía mucho más limpio, tendrá bastantes menos etiquetas y atributos con lo que habremos aumentado el porcentaje de palabras clave y habremos reducido, por tanto, el peso la páginas y el tiempo de carga.

Características del XHTML

• Todos los nombres de etiquetas y sus atributos deben estar escritos en minúsculas.
  
• Los valores de los atributos deben ir siempre entre comillas.
  
• Todas las etiquetas de apertura y cierre tienen que estar anidadas correctamente.
  
• Todas las etiquetas deben tener su correspondiente etiqueta de cierre. Los elementos que estén vacíos deben tener también etiqueta de cierre o terminar con />
  
• Atributos como selected o checked tienen que escribirse de forma completa: selected="selected" y checked="checked" (Ya no se permiten este tipo de abrebiaturas).
  
• Los documentos XHTML deben incluir obligatoriamente una declaración de tipo de documento justo antes del nodo raíz.
  
• El elemento raíz será obligatoriamente y tendremos que declarar también obligatoriamente el namespace usando el atributo xmlns:

Y ahora que ya lo he modificado todo, ¿cómo compruebo que está bien?
Una vez que hayáis hecho los cambios pertinentes en el código de vuestras páginas, podéis validar el código en la siguiente URL que nos brinda el W3C: http://validator.w3.org/

Y cuando lo tengáis todo listo podéis añadir un icono en vuestra web como el que tenemos en esta (a la derecha, justo debajo de la barra lateral), para indicar a los visitantes que vuestro sitio cumple con el estándar XHTML 1.0 del W3C.

Fuente: http://www.locualo.net/programacion/posicionamiento-xhtml/00000017.aspx

23 puntos a tener en cuenta en el diseño web

Y en muchas, pero que muchas ocasiones las decisiones adoptadas son contrarias a la orientación al usuario del sitio web.

Aquí tenéis 23 sugerencias que se pueden extraer del estudio que se han realizado con la técnica “eye-tracking” y que puedes utilizar para mejorar el diseño de tu página web. El artículo original, en inglés, esta publicado en Virtual Hosting.

• El texto atrae la atención antes que los gráficos. Contrariamente a lo que podría imaginarse, lo primero que un usuario visita en un sitio web no son las imágenes. La mayoría de los usuarios que llegan a tu sitio lo hacen buscando información, y no imágenes, así que asegúrese de que tu sitio web está diseñado para que las partes más importantes de tu texto son lo más destacado.
• El movimiento inicial de la mirada se centra en la esquina superior izquierda de la página. No debe sorprender que un usuario visite las páginas web de esta manera, ya que la mayoría de las aplicaciones están diseñadas con la parte superior izquierda como el foco principal. Puedes hacer un favor a tu sitio web al mantener este formato a la hora de crear el diseño. Recuerda, tienes que tener en cuenta lo hábitos de los lectores si quieres tener un sitio orientado al usuario.
• Al inicio, los usuarios buscar en la parte superior izquierda y en la parte superior de la página antes de desplazarse hacia abajo y hacia la derecha. Los usuarios generalmente escanean las páginas web en forma de ‘F’. Asegúrate de que los elementos importantes de tu contenido se encuentran en estas áreas clave. Utiliza titulares, subtítulos, viñetas, y texto resaltado a lo largo de la página de manera que incites a los lectores a leer más.
  
  
  
  
  
• Los lectores ignoran los banners. Los estudios han demostrado que los lectores en gran medida hacen caso omiso de los anuncios (banners). Si estás tratando de hacer dinero a través de anuncios, lo que necesitas es ser creativo en su ubicación o en los tipos de anuncios que coloques en tu sitio.
• El diseño en el formato de las fuentes no se tiene en cuenta. ¿Por qué? Pues porque los usuarios suponen que son anuncios y que no tienen la información que necesitan. De hecho, los estudios demuestran que los usuarios tienen dificultades para encontrar la información en letras grandes de color con formato.
• Mostrar los números como números. Lectores les resultará mucho más fácil de encontrar información en su sitio si utiliza números en lugar de escribirlos. Recuerda que estás escribiendo para los lectores que van a ser principalmente de exploración de su sitio, a fin de hacer que les resulte más fácil encontrar lo que necesitan y mantenerlos interesados.
• El Tipo de tamaño de la letra influye en el comportamiento de la visualización. Las fuentes pequeñas aumentan la concentración de la lectura en el texto mientras que las fuentes más grandes animan al usuario a explorar por la página. Dependiendo de tus necesidades, elige un tipo de letra u otro.
• Haz que tus usuarios puedan buscar en una parte específica del texto. No uses subtítulos como un formato particular, para ello asegúrate que sean pertinentes y de interés. También pueden ayudarte si incluyes palabras clave que ayuden a la idexación de la web.
• Los usuarios, en general, exploran la parte inferior de la página. Puedes utilizar esto a tu favor dándoles información clave cuando los lectores están explorando la página. Resaltar algunas secciones o crear listas con viñetas ayuda a encontrar información y a leer la página.
• Frases cortas mejor que párrafos largos. La información en tu página debe de estar diseñada para el corto tiempo de atención de la mayoría de los usuarios de Internet. Mantén los párrafos y las frases cortas a menos que el contexto lo requiera, por ejemplo las descripciones de los productos de un sitio de comercio electrónico.
• Una columna es mejor que varias para conseguir atraer la atención de los usuarios. No abrumes a los visitantes de tu sitio con demasiada información. La simplificación es mejor en algunos casos. La utilización de múltiples columnas es probable que sean ignoradas por los usuarios.
• Los anuncios en la parte superior y en la parte izquierda de una página recibirán la mayor atención. Si vas a publicar anuncios en tu sitio, intenta integrarlos en la parte superior izquierda de la página, dónde tendrás la mayor atención visual. Pero sólo porque los lectores los vean no significa que hagan clic sobre ellos, por lo tanto no sacrifiques el diseño sólo para ganar un poco de visibilidad.
• Los anuncios colocados junto a los mejores contenidos son los más vistos. Si usted quiere que sus anuncios se vean y que hagan clic en él, incorpóralos en tu diseño de manera que se coloquen cerca de los elementos más interesantes de tu contenido. Los usuarios podrán encontrar lo que necesitan y además tendrás una óptima visualización de tu publicidad.
• Los anuncios de texto son los más leídos. Como dijimos anteriormente, la media de usuarios de Internet, en general, no pierde mucho tiempo buscando en cosas que parecen ser de inmediato anuncios. Esa es la razón que sean mejores los anuncios de texto. No se trata de distraer y de mezclar con el resto del contenido de la página, pero son visualmente menos irritantes para el lector y, en definitiva, tienen más éxito.
• Las imágenes grandes reciben más atención. Si vas a usar imágenes en tu página, cuanto más grandes mejor. La gente está más interesada en una imagen donde se pueden ver claramente los detalles y la información. Sólo asegúrate de que toda imagen que utilizas es particularmente pertinente a tu texto, de lo contrario es muy probable que sea ignorada.
• Imágenes sencillas y limpias atraen más la atención. Si bien pueden funcionar bien con tu diseño, las imágenes artísticas no van a obtener mucha atención del lector. Si está usando fotos con gente, asegurarse de que son claras. Cabe señalar también que las fotos con el “verdadero” gente, y no con modelos, dan mejor resultado.
• Utiliza titulares. Lo primero que leen los usuarios en una página son los titulares. Asegúrate que no bloquean otros temas de la página y que estos destacan lo suficiente para incitar al lector a seguir buscando.
• Los usuarios pasan mucho tiempo mirando los botones y menús. Debido a esto, tendremos que dedicar algo de tiempo extra para asegurarnos que están bien diseñados. Después de todo, estos no sólo llaman mucho la atención de los ojos sino que son uno de los elementos más importantes de la página.
• Las listas hacen que el lector mantenga la atención durante más tiempo. Una manera útil de para facilitar la lectura es la utilización de listas en lugar de párrafos largos. Utilice números o viñetas para resaltar la información importante dentro de su contenido. Esto hará tu sitio más escaneable y más fácil para los usuarios el poder encontrar la información que está buscando.
• Evitar grandes bloques de texto. Los estudios han demostrado que los visitantes no se van a tomar el tiempo de estudiar grandes bloques de texto y no importa lo bien escrito que estén o la información que proporcionen. Debido a esto, es necesario romperlos en pequeños párrafos. Destaca áreas específicas, puede ayudar a mantener la atención del usuario.
• Dar formato al texto puede llamar la atención. Para guiar al lector a los puntos más importantes del texto utilizar negrita, mayúsculas, cursiva, color, y texto subrayado. Pero con prudencia, si te excedes dificultará la lectura.
• El espacio en blanco es bueno. Si bien se podría caer en la tentación de poner algo de texto en cada rincón de la página, es realmente mejor dejar algunos huecos. Los sitios con demasiado contenido tienden a abrumar a los usuarios y esto hace que hagan caso omiso de parte del mismo. Por lo tanto, deja espacios visuales limpios para no saturar al usuario.
• Las herramientas de navegación funcionan mejor cuando se colocan en la parte superior de la página. No deseas que los lectores que llegan a tu web sólo busquen en la página inicial, querrán que naveguen por otras páginas y que localicen contenidos que puedan interesarles. Puedes ayudarles haciendo su navegación fácil, para ello coloca la barra de navegación en la parte superior de la página.

Fuente: Desarrollo Web

Informe de Carlos Guadián Orta*
URL: http://www.k-government.com/2007/11/17/23_puntos_a_tener_en_cuenta_en_el_diseo_web/

* Atención: Copyright. Este artículo no se puede reproducir sin la autorización expresa del autor.

Tiempos de respuesta

Tiempos de respuesta en la Web
El objetivo mínimo a alcanzar en la actualidad es un tiempo de respuesta de no más de 10 segundos, dado que este es el tiempo límite que las personas pueden prestar atención mientras esperan.

Según los expertos, los tiempos recomendados son los siguientes:

• Una décima de segundo (0.1 sec) es el tiempo normal de respuesta para que el usuario sienta que el sistema esta reaccionando instantáneamente. En este punto no es necesario informar al usuario que algo esta siendo procesado o actualizado.

• Un segundo (1 sec) es el tiempo limite para que el usuario se de cuenta de que hay una demora y que la misma no es una interrupción.
  En demoras de más de una décima y menos de un segundo no es necesario mostrar ningún mensaje especial, pero el usuario siente que ya no esta trabajando directamente sobre los datos.
  Mostrar una página en menos de un segundo le da al usuario la sensación de que esta accediendo a la información sin demoras.
• Diez segundos (10 sec) es el tiempo máximo que un usuario puede permanecer atento a una tarea. Si el tiempo de respuesta es mayor, los usuarios tienden a ocupar su tiempo en otras cosas por lo que ya no están atentos a lo que la computadora esta haciendo.
  

Descargar y mostrar una página en menos de diez segundos permite que el usuario pueda concentrarse en reconocer la manera de desplazarse por el sitio.

Tiempo de respuesta del Servidor
Debido al dinamismo con el que son desarrolladas las páginas hoy en día, el tiempo de descarga de las mismas debe ser calculado sobre la marcha. Por lo que la demora de visualización no depende solamente del tiempo de descarga sino también del rendimiento del servidor o servidores involucrados.
En la actualidad, es muy común que los sitios Web interactúen con bases de datos, lo que hace que el proceso de descarga sea aún más lento.
Todas estas cuestiones técnicas no le interesan al usuario ya que a él no le interesa por que los tiempos de respuesta son lentos.
Lo único que ven y perciben los usuarios es que el sitio que están visitando no les esta dando un buen servicio.
Los tiempos de respuesta lentos se traducen directamente en un nivel de confianza menor.

Los factores que influyen en la velocidad de carga de una página son:

• Rendimiento del Servidor
• Conexión del Servidor con Internet
• Internet
• Conexión del Usuario con Internet
• Velocidad del Navegador y de la Computadora del Usuario

Esto significa que cada uno de estos eslabones aporta su propia cuota de demora, y como las demoras son acumulativas, no se podrán conseguir buenos tiempos de respuesta mejorando solamente algunas de las partes.

Fuente: Jakob Nielsen - Usabilidad, Diseño de Sitios Web