Elena Vera

Bloc personal de la webmaster de BalearWeb

Estratègies de màrqueting: optimització de pàgines web (IV)

elenavera | 03 Desembre, 2004 18:54 | del.icio.us latafanera.cat meneame.net facebook.com google.com twitter.com technorati.com

Abans de continuar amb la sèrie "Estratègies de màrqueting: optimització de pàgines web", faré un resum dels temes tractats. El primer article, parla sobre la importància que té la selecció de les paraules clau entorn a les quals planificarem la nostra estratègia de màrqueting i SEO (Search Engine Optimization). També comenta algunes eines online que ens poden ajudar a fer la selecció d'aquestes paraules clau.

El segon article, tracta sobre el format de les adreces d'internet o URL, i inclou recomanacions en relació al valor semàntic i la condició de perdurabilitat que han de tenir aquestes.

El tercer article gira entorn de l'arquitectura de les webs i apunta els problemes que presenten algunes tecnologies, com ara el flash, a l'hora de facilitar als robots de recerca la seva tasca d'indexació de webs.

En aquest quart article entrarem ja dins el contingut de la web. El primer consell és revisar a fons tot el codi HTML o XHTML. És molt important que el codi compleixi els estàndards que recomana el W3C, tant si emprem HTML 4.01 Strict, XHTML 1.0 Strict o XHTML 1.1. Qualsevol d'aquestes opcions són recomanables sempre i quan es segueixi amb rigor la normativa de cada versió. L'eina de validació del W3C és una gran ajuda per aconseguir-ho. També és molt útil el programa HTML TIDY, disponible per a moltes plataformes i incorporat en alguns editors de text com ara UltraEdit o HTML Kit.

El segon consell és tenir molta cura de les característiques semàntiques de les webs, utilitzant amb propietat els elements com h1, h2, h3, h4, els paràgrafs, les llistes, les taules, etc. Cada pàgina ha de tenir un únic h1, que normalment coincideix amb el títol de la web. Per exemple, si el títol de la web és "Història de Mallorca", un dels primers elements que hauria d'incloure el cos de la web seria un element h1 que contindria el mateix títol "Història de Mallorca". Després, dins del mateix document, utilitzarem etiquetes h2 per encapçalar els diferents subapartats del document, com ara "Introducció", "Època talaiòtica", "Època romana", etc. Els llistats o llistes d'ítems, entesos en el sentit més ampli que abraça per exemple des d'un menú de navegació fins a un llistat de noms, s'han d'etiquetar com a elements ul (llistes sense ordre), ol (llistes ordenades) o dl (llistes de descripcions), segons pertoqui. Les taules s'han d'emprar només per informació tabular (per exemple un calendari), mai com un suport per a la maquetació de webs, i a més a més han d'estar ben estructurades amb totes les etiquetes normatives (th, summary, etc.). En definitiva, que cal emprar de forma correcta els elements semàntics que el llenguatge HTML o XHTML ens ofereix.

En la creació de pàgines web, molts webmasters utilitzen programes de disseny del tipus WYSIWYG (allò que veus és el que obtindràs), com ara Dreamweaver o Front Page. Aquests programes permeten despreocupar-se del codi font de les webs i concentrar tota l'atenció en l'aspecte gràfic. El problema és que aquests programes difícilment poden generar codi font que compleixi els estàndards i que a més sigui correcte des del punt de vista semàntic. Per això és molt important familiaritzar-se amb el codi HTML o XHTML i, si be inicialment ens podem ajudar amb un editor WYSIWYG, és imprescindible revisar les webs amb algun programa que ens permeti visualitzar i corregir el codi font.

Per tal que el codi font sigui net, intel·ligible i funcional, s'intenta descarregar-lo de tot el que fa referència a l'aspecte gràfic, deixant només les etiquetes i propietats que són estrictament necessàries. Això és possible gràcies a la utilització de fulls d'estils CSS. Tant si emprem HTML com si emprem XHTML, hem d'intentar separar tot el que fa referència a qüestions gràfiques, de l'estructura i contingut de la web.

Utilitzant amb propietat els elements HTML i XHTML de valor semàntic i validant el codi font, no tals sols afavorirem el posicionament de les webs als cercadors, sinó que també millorarem l'accessibilitat i usabilitat de les pàgines, com passa amb la majoria d'estratègies d'optimització de pàgines web.

Estratègies de màrqueting: optimització de pàgines web (III)

elenavera | 24 Novembre, 2004 10:43 | del.icio.us latafanera.cat meneame.net facebook.com google.com twitter.com technorati.com

Seguint la sèrie d'articles sobre optimització de pàgines web i després d'haver tractat el tema de l'elecció de les paraules clau i les adreces d'internet, en aquest tercer article parlaré sobre l'arquitectura de les webs.

L'arquitectura d'una web és molt important a l'hora de facilitar l'accés als robots indexadors i a qualsevol usuari. Cal emprar una jerarquia clara i que cada pàgina sigui accessible com a mínim des d'un enllaç estàtic. Tal com explicava a l'article sobre la importància de les URL, segons quines adreces dinàmiques poden dificultar l'accés als motors de recerca, especialment si inclouen un identificador de sessió com ara http://www.exemple.org?sid=cc4c8fc1ae. Els robots només poden indexar i incloure als seus resultats de recerca aquelles pàgines a les quals hi tenen accés. Presenten molts inconvenients les pàgines creades a partir de marcs o "frames", així com els enllaços que es generen amb Java-script tipus "pop-ups". Passa el mateix amb els enllaços que hi ha dins de les animacions Flash.

Són del tot recomanables els mapes o índexs d'enllaços de text, i quan sigui possible és preferible distribuir el contingut de la web en diferents pàgines, de manera que cada pàgina tracti de forma específica un tema en concret.

Una manera d'imaginar-nos a quin contingut tindrà accés un motor de recerca és visualitzar la web amb un navegador de text com ara el Lynx. Si no disposem d'un programa d'aquestes característiques, sempre podem emprar un simulador online, com ara el Lynx Viewer. Per fer-nos una idea de com veurà la web Google i la gent que utilitza un navegador de text, també podem desactivar tots els plugins, el suport per a Java-script i la visualització d'imatges al nostre navegador habitual.

Estratègies de màrqueting: optimització de pàgines web (II)

elenavera | 18 Novembre, 2004 15:07 | del.icio.us latafanera.cat meneame.net facebook.com google.com twitter.com technorati.com

Continuant el primer article sobre optimització de pàgines web, on tractava el tema de les paraules clau, avui parlaré sobre la importància que tenen les adreces d'internet, també anomenades URL (Uniform Resource Locator) o URI (Universal Resource Identifier), no tan sols per millorar la visibilitat de les pàgines en els cercadors, sinó també per facilitar-ne l'accés a qualsevol usuari.

Les adreces d'internet han d'aportar contingut semàntic a la web

Una adreça del tipus http://www.exemple.com/recurs.php?id=833786 no facilita cap informació sobre el contingut de la pàgina web, en canvi l'adreça http://www.exemple.com/geografia/muntanyes/puig-major/ ens oferix pistes sobre el que hi trobarem. Les adreces d'internet són un factor molt condicionant en els resultats de recerca de Google i altres buscadors d'internet. Per tant, a l'hora d'elegir el nom dels directoris i arxius que integraran els documents web i figuraran a les URL, convé emprar de forma estratègica les cadenes de text i paraules clau més rellevants per a la nostra web.

Les adreces d'internet no han de canviar

Tal com ja recomanava Tim Berners-Lee l'any 1998 a l'article Cool URIs don't change, convé ser previsors i evitar que les adreces canviïn amb el pas del temps. Per exemple, es recomana no mostrar l'extensió dels documents com ara .php o .html, ja que aquestes extensions poden deixar de ser aplicables en un futur.

Formes d'optimitzar les adreces d'internet

Hi ha moltes maneres de generar adreces d'internet optimitzades per als cercadors. Una forma molt simple d'evitar la utilització de l'extensió dels documents és crear un directori i ficar-hi a dins un arxiu index.html, index.htm o index.php, de manera que l'adreça http://www.exemple.com/directori/index.html sigui també accessible com a http://www.exemple.com/directori/ sense haver d'incloure el nom de l'arxiu index.html al final de la URL.

Si la web és generada de forma dinàmica i les adreces que crea l'aplicació són del tipus http://www.exemple.com/recurs.php?id=833786, interessa emprar algun sistema per reescriure les adreces.

Per exemple, si es té accés a les configuracions del servidor web, es pot emprar el mòdul mod_rewrite de l'Apache o crear links simbòlics.

Estratègies de màrqueting: optimització de pàgines web (I)

elenavera | 16 Novembre, 2004 09:07

Bona part de les visites que reben les pàgines web provenen dels motors de recerca d'Internet, sobretot de Google. Per això, la presència de les webs dins d'aquests cercadors és molt important. Per obtenir el màxim de visites dels cercadors, es poden seguir unes tècniques i estratègies, que es coneixen amb l'acrònim anglès de SEO (Search Engine Optimization). Per no estendre'm avui parlaré de la primera passa del procés d'optimització: la selecció de les paraules clau.

Selecció de les paraules clau més apropiades

A l'hora d'optimitzar una pàgina web per als cercadors, el primer que se sol fer és determinar quines paraules o frases són les més rellevants i apropiades per als serveis o la informació que ofereix la web. Per exemple, si volem optimitzar una pàgina que ofereix serveis legals, el primer que hauríem de fer és reflexionar sobre quines paraules o frases utilitzarien les persones que cerquen els nostres serveis: "advocats", "dret", "legal", "plets"? El primer que farem serà seleccionar unes quantes paraules o frases a partir de la nostra intuïció. També podem demanar als nostres usuaris i clients quines paraules emprarien ells per trobar els serveis que oferim. A la xarxa, existeixen diverses eines que ens poden orientar sobre quines són les paraules o frases relacionades amb el nostres serveis que la gent cerca més vegades als motors de recerca.

Eines per seleccionar les millors paraules clau

Overture, empresa de Yahoo, ofereix una eina molt útil anomenada Keyword Selector Tool, que permet escriure una paraula o frase elegida i obtenir un llistat de paraules o frases alternatives, amb el nombre de vegades que aquella cadena de text ha estat cercada durant el mes anterior. Així, si posem per exemple la paraula "legal", ens diu que la paraula "legal" s'ha cercat 269398 vegades i ens proposa altres cadenes de text relacionades com ara , "advice legal", "barely legal", "form legal", "legal service", ordenades per nombre de vegades que hagin estat objecte de recerca. De seguida veiem que aquesta eina té moltes limitacions, especialment si ens dirigim a un sector de públic concret, ja sigui per llengua o localització.

Google, a través del seu sistema d'AdWords, ofereix altres eines capaces d'avaluar amb molta més precisió el valor de les paraules clau o cadenes de text. D'una banda, el Google AdWords Keyword Tool, ens permet interrogar el sistema sobre les paraules clau més cercades, filtrant els resultats per idioma i país. Aquí només obtindrem un llistat de paraules i frases, sense dades sobre el nombre de vegades que són cercades. No obstant, el sistema AdWords inclou una segona eina anomenada "Traffic estimator" que ens permet obtenir dades quantitatives molt aproximades. El càlcul es basa en la quantitat d'accessos que pots obtenir a través del sistema AdWords, però alhora serveix com a orientació sobre el nombre de vegades que la gent cerca cada paraula. La pega és que aquesta segona eina del sistema AdWords només es troba disponible per als usuaris registrats, a diferència del Google AdWords Keyword Tool que actualment és obert a tothom. Registrar-se en el sistema AdWords costa 5 dòlars.

Les paraules que finalment seleccionem com a més apropiades, ens serviran per donar contingut a la nostra web. Per exemple, si observem que una cadena de text és molt popular, com ara "dret administratiu" o "dret laboral", ens convé crear una pàgina que tracti sobre aquest tema i situar de forma rellevant i semàntica aquesta cadena de text al títol i descripció de la web, a l'adreça o URL, com a h1, h2, hx, com a text dins dels paràgrafs, etc., etc. Posar les paraules clau tan sols al camp Keywords de les meta tags, no serveix per res. Parlaré sobre les meta tags i el valor semàntic dels elements de les pàgines web en un segon article. També dedicaré un altre article al Page Rank de Google i a d'altres qüestions relacionades.

Fotos, imatges i drets d'autor

elenavera | 08 Octubre, 2004 07:37 | del.icio.us latafanera.cat meneame.net facebook.com google.com twitter.com technorati.com

Deixant de banda les qüestions legals, trobo de mal gust una pràctica molt estesa a Internet consistent en cercar imatges i utilitzar-les a tort i a dret, sense ni tan sols citar el nom de l'autor, ni la pàgina d'on s'ha extret. Amb la popularització dels blocs, aquesta pràctica encara s'ha estès més i crec que demana una reflexió. Quin dret tenim a utilitzar el treball d'altres persones sense ni tan sols esmentar la seva autoria? Al món acadèmic s'insisteix molt en citar la bibliografia utilitzada, però crec que no s'insisteix prou en el tema de les imatges. Ja a l'escola, aprenem a retallar i enganxar imatges extretes de revistes, llibres, etc. i poques vegades citem d'on les hem tret. Quan aquests treballs no surten de l'àmbit escolar o personal, això no suposa un greu problema. Però en el moment que els treballs es comencen a publicar a la xarxa, la situació canvia, ja que les imatges queden a l'abast de tothom. Encara que l'autor no indiqui que les imatges estan protegides amb copyright, crec que sempre s'hauria d'esmentar l'autoria de les imatges, i si l'origen és una web, també s'hi hauria de posar un enllaç.

Google ja ha actualitzat el PageRank després de 106 dies d'espera!

elenavera | 07 Octubre, 2004 07:02 | del.icio.us latafanera.cat meneame.net facebook.com google.com twitter.com technorati.com

Tal com vaig comentar fa cosa d'un mes, Google ha estat un llarg període de temps sense actualitzar el seu sistema de PageRank, almenys de forma visible. Ahir, després de 106 dies d'espera, finalment les dades s'han actualitzat. Després d'aquesta actualització, el servei de blocs de BalearWeb mostra un PageRank de 5, que no està gens malament, tot i que jo esperava un 6.

Pel que fa als usuaris, n'hi ha que també mostren un PageRank de 5, com ara en Jander, però crec que la majoria tenen un 4 o 3.

Per si algú no ho sap, el PageRank es calcula en funció de la quantitat i qualitat dels enllaços que apunten cap a teva la web. Com més enllaços, millor PageRank. I com més PageRank, millor presència als buscadors tipus Google.

Versions accessibles: l'últim recurs

elenavera | 05 Octubre, 2004 14:15

Persona amb cadira de rodes a l'ordinador

Ahir, al programa La nit al dia, del Canal 33, la presentadora Mònica Terribas va entrevistar Enric Rovira-Beleta, arquitecte expert en accessibilitat. Rovira-Beleta, que va en cadira de rodes, va fer molt èmfasi en els beneficis que suposa per a tota la població en general, no tan sols per a les persones amb mobilitat reduïda, trencar les barreres arquitectòniques. Com a exemples va esmentar les persones que porten un carret de la compra, un cotxet d'infants, patins, etc. També va recalcar que actualment disposem de la tecnologia i coneixements per construir de forma accessible, sense que això impliqui oferir vies diferents per als "capacitats" i per als "discapacitats", és a dir, sense que es noti que la construcció està adaptada. Va parlar principalment d'arquitectura, però el seu discurs és perfectament aplicable a l'accessibilitat de les pàgines web.

A mesura que millora la sensibilització col·lectiva i la legislació sobre accessibilitat, es fa més freqüent trobar pàgines web que ofereixen "versions accessibles". Aquestes versions accessibles solen ser en format de text amb continguts simplificats. Però, igual que Rovira-Beleta, penso que aquestes "versions accessibles" no són la millor solució, en tot cas s'ha de veure com un últim recurs. On comença i on acaba la discapacitat? Qui s'atreveix a marcar una lína de divisió? Tots som discapacitats d'alguna manera o altra, és una qüestió de grau.

De la mateix manera com s'intenta integrar les persones amb problemes d'aprenentatge dins de l'aula "normal", s'ha d'intentar que les pàgines siguin accessibles però sense distincions. Tothom se'n beneficiarà: els que naveguen amb dispositius especials com PDA o telèfons mòbils, els que tenen una connexió lenta, els que no saben o no volen instal·lar-se plugins, els robots de recerca com ara Google, els que estan poc habituats a navegar, els que simplement no veuen gaire bé i volen ampliar la grandària de la lletra, etc, etc.

Rovira-Beleta va dir que a la carrera d'Arquitectura seria necessari incloure una assignatura obligatòria sobre accessibilitat i que seria una assignatura destinada a desaparèixer, ja que amb el temps simplement es farien les coses ben fetes i ja no seria necessària. Passa una cosa semblant amb la creació de pàgines web. Per fer pàgines web accessibles no és necessari ser un gran expert en discapacitats (tot i que ajuda) i crear versions "especials", sovint basta crear una única versió que compleixi els estandards que recomana el W3C i "dissenyar" pensant en la gran diversitat d'usuaris i dispositius de navegació que hi ha a la xarxa.

Com mostrar els titulars dels blocs a d'altres pàgines

elenavera | 01 Octubre, 2004 17:22 | del.icio.us latafanera.cat meneame.net facebook.com google.com twitter.com technorati.com

Arran d'una consulta que ha fet n'Isabel al Fòrum de suport del servei de blocs de BalearWeb he instal·lat al servidor el programa Feed2JS que permet mostrar els titulars dels blocs a qualsevol pàgina web. He fet alguns retocs al programa, amb l'ajuda del meu amic Josep Torrens, per tal que aplicar-lo sigui tan senzill com copiar i enganxar unes línies de codi.

Qui es pot beneficiar d'aquest invent? Per exemple, en Pep Maria Miró Llull té un bloc http://bloc.balearweb.net/mirollull i una pàgina personal a http://www.mallorcaweb.net/mirollull. Ell pot emprar el sistema per mostrar els titulars del seu bloc a la seva pàgina personal. I com ell n'hi ha molts.

Hi ha dues solucions: una a base de PHP i una a base de JavaScript. La millor opció és la que utilitza PHP, ja que hi ha navegadors que no llegeixen el JavaScript (com ara Lynx o el robot de Google) i usuaris que el tenen desactivat per qüestions de seguretat. Per poder emprar aquesta opció PHP és necessari que la pàgina on volem mostrar els titulars estigui allotjada a un servidor amb suport PHP.

Els usuaris del servei de hosting gratuït de BalearWeb poden emprar qualsevol de les dues opcions, ja que el servidor té suport PHP. Simplement cal que les seves pàgines tinguin l'extensió .php, en comptes de .html

A les pàgines on no hi hagi suport PHP, o simplement no es vulgui modificar l'extensió .html per .php, es pot emprar la segona opció, amb JavaScript. Tan sols cal tenir en compte que els navegadors que no llegeixin JavaScript en lloc de veure directament els titulars, veuran només un enllaç cap un altra pàgina, on sí es mostraran els titulars. Això tampoc suposa un greu problema, ja que finalment s'accedeix al contingut igualment.

Les instruccions i exemples es troben al forum. Si heu de fer alguna consulta sobre aquest tema, podeu emprar el mateix forum.

«Anterior   1 2 3 ... 21 22 23 24 25 26 27 28 29  Següent»
 
Accessible and Valid XHTML 1.0 Strict and CSS
Powered by LifeType - Design by BalearWeb