Como etiquetar y organizar mi sitio web

A la hora de mostrar infor­ma­ción en una web, debe­mos apren­der a agru­par con­cep­tos, jer­ar­quizar y eti­que­tar pen­san­do siem­pre en nue­stros usuar­ios.

En este artícu­lo nos cen­traremos en las difer­entes tipologías de eti­que­tas exis­tentes, la impor­tan­cia de eti­que­tar cor­rec­ta­mente y ver­e­mos téc­ni­cas que nos pueden ayu­dar a la toma de deci­siones a la hora de asig­nar tax­onomías y agru­par por cat­e­gorías.

La arqui­tec­tura de infor­ma­ción web con­siste en orga­ni­zar y eti­que­tar de for­ma que sea com­pren­si­ble para los usuar­ios. Para ello obser­vare­mos como pien­san nue­stros usuar­ios, que semán­ti­ca uti­lizan, cuales son sus patrones de orga­ni­zación, como nave­g­an y como bus­can den­tro de un entorno web.

Cómo crear etiquetas óptimas

Una vez claras las direc­tri­ces nom­bradas en el ante­ri­or pun­to, se debe hac­er un análi­sis o ejer­ci­cio para averiguar qué eti­que­tas son las más ade­cuadas. Se puede optar por las sigu­ientes téc­ni­cas:

Card sort­ing. Hac­er un ejer­ci­cio de card­sort­ing y repe­tir­lo en var­ios gru­pos para ver si las eti­que­tas y la jer­ar­quía coin­ci­den. Si no ten­emos los sufi­cientes recur­sos se puede optar por her­ramien­tas de guer­ril­la online como ‘Opti­mal Work­shop’ para hac­er prue­bas de card­sort­ing.

Inves­ti­gación con usuar­ios. Es intere­sante hac­er prue­bas con los usuar­ios para averiguar si entien­den real­mente el eti­que­ta­do que se ha real­iza­do.

Análi­sis de la com­pe­ten­cia. La com­pe­ten­cia nos puede servir de inspiración, segu­ra­mente uti­lizará eti­que­tas comunes, pero hay que ten­er mucho cuida­do, puede que la com­pe­ten­cia no haya elegi­do el eti­que­ta­do más ópti­mo para su apli­cación.

 

Buenas prácticas para el etiquetado

Al crear eti­que­tas, debe­mos con­sid­er­ar a qué tipo de audi­en­cia nos dirigi­mos y procu­rar que sean com­pren­si­bles para la may­or can­ti­dad de usuar­ios posi­ble. Además, debe­mos ten­er pre­sente que estas eti­que­tas tam­bién influyen en el posi­cionamien­to del sitio web, por lo que es nece­sario inves­ti­gar cuáles son las pal­abras clave más uti­lizadas en el ámbito cor­re­spon­di­ente al sitio.

Las eti­que­tas deben cumplir con los sigu­ientes cri­te­rios:

  1. Coher­entes. Asig­nar el mis­mo nom­bre o tér­mi­no para referirse a un mis­mo con­tenido o con­cep­to.

  2. Uso habit­u­al. Uti­lizar la ter­mi­nología común­mente acep­ta­da en el ámbito cor­re­spon­di­ente.

  3. No ambiguas. Las eti­que­tas deben ser lo sufi­cien­te­mente claras como para que los usuar­ios com­pren­dan el con­tenido que engloban.

  4. Lon­gi­tud ade­cua­da. Las eti­que­tas no deben ser exce­si­va­mente exten­sas, pero sí lo bas­tante para cap­turar el con­cep­to de man­era com­pren­si­ble.

 

La vida de las etiquetas

Una vez real­iza­dos los ejer­ci­cios per­ti­nentes y haber lle­ga­do a la opción más ópti­ma en las eti­que­tas el tra­ba­jo no aca­ba ahí, como todo pro­ce­so de dis­eño el eti­que­ta­do y la arqui­tec­tura de los sitios web es un pro­ce­so iter­a­ti­vo que nece­si­ta de mejo­ra con­tin­ua, el mer­ca­do y el mis­mo idioma evolu­ciona por lo que debe­mos estar per­ma­nen­te­mente inves­ti­gan­do cuales son las eti­que­tas más ade­cuadas. Exis­ten her­ramien­tas de como ‘Google Trends’ que nos infor­ma que los cam­bios de ten­den­cia.

Tam­bién debe­mos ten­er en cuen­ta aspec­tos geográ­fi­cos en un mis­mo idioma, por ejem­p­lo la pal­abra coche en lati­noaméri­ca sería susti­tu­i­da por car­ro.

 

Tipos de etiquetas

A con­tin­uación ver­e­mos las difer­entes tipologías existenes de eti­que­tas. Ten­emos las eti­que­tas con­tex­tuales, eti­que­tas de cabecera, eti­que­tas icono­grá­fi­cas y de nave­gación.

Eti­que­tas de nave­gación y orga­ni­zación en la web

Las eti­que­tas con­tex­tuales son descrip­tores que se apli­can a los enlaces en una pági­na de con­tenido o a un con­jun­to de infor­ma­ción. Los enlaces con­tex­tuales son fáciles de crear y per­miten estable­cer conex­iones entre pági­nas, aunque su efi­ca­cia puede vari­ar.

Sin embar­go, es cru­cial evi­tar la ambigüedad, ya que los usuar­ios podrían no com­pren­der el con­tenido al que hacen ref­er­en­cia estas eti­que­tas. Por ejem­p­lo, en el sitio web de Adol­fo Domínguez, se encuen­tra una eti­que­ta lla­ma­da ‘AD+’. Resul­ta com­pli­ca­do dis­cernir qué tipo de con­tenido o pro­duc­tos abar­ca esta eti­que­ta.

Eti­que­tas de encabeza­do

Las eti­que­tas uti­lizadas como encabeza­dos indi­can el con­tenido del con­jun­to de pal­abras o pár­rafo que les sigue. Sim­i­lar a los capí­tu­los de un libro, estas eti­que­tas nos ayu­dan a difer­en­ciar gru­pos o sec­ciones en nue­stro con­tenido. La tipografía y el col­or, jun­to con las eti­que­tas, apor­tan infor­ma­ción acer­ca de la jer­ar­quía de dichos ele­men­tos.

Aunque no exis­ten están­dares estric­tos, sí exis­ten eti­que­tas ‘mod­e­lo’ para tér­mi­nos comunes en la web, como Ini­cio, Con­tac­to, Sobre Nosotros, Ser­vi­cios, Quiénes Somos, Dónde Esta­mos, Pro­duc­tos, entre otros.

Eti­que­tas icono­grá­fi­cas

Las eti­que­tas icono­grá­fi­cas emplean iconos acom­paña­dos o no de tex­to para rep­re­sen­tar una sec­ción. Si bien tienen la ven­ta­ja de ser ráp­i­da­mente recono­ci­bles por los usuar­ios, es fun­da­men­tal ase­gu­rarse de que resul­ten com­pren­si­bles y evi­tar abusar de ellas. Por ejem­p­lo, inten­tar incluir más de 7 iconos en un primer niv­el para rep­re­sen­tar todas las sec­ciones puede com­plicar la com­pren­sión y acer­carse a una sobre­car­ga visu­al.

Eti­que­tas de nave­gación

Dado que los sis­temas de nave­gación sue­len ofre­cer un número lim­i­ta­do de opciones, es esen­cial prestar espe­cial aten­ción al dis­eño y la coheren­cia de nues­tras eti­que­tas de nave­gación. Estas eti­que­tas son cru­ciales para guiar a los usuar­ios a través del con­tenido de man­era efi­ciente.

[ssba-but­tons]

 

Artículos Relacionados

No Comments

Sorry, the comment form is closed at this time.