Usabilitat | Blog de Albert L.G.

El famós Google Search's Golden Triangle (i per què encara importa el 2026)

Fri, 10 Mar 2006 00:00:00 +0100

Aquest post va néixer el 2006, quan els estudis d’eye-tracking estaven revolucionant la manera com enteníem on mirava realment la gent quan buscava a Google. Internet era un altre planeta: sense mòbil, sense IA, sense rich snippets i amb un Google molt diferent del d’avui.

Tot i això, el famós Google Search’s Golden Triangle es va convertir en una de les imatges més icòniques de la història del SEO. I encara que hagi envellit (com tots nosaltres des de 2006), continua oferint una veritat simple: l’atenció és un recurs limitat, i es concentra allà on el cervell hi troba valor immediat.

1. El “Triangle Dorat” original: quan tot passava a la cantonada superior esquerra

L’estudi —basat en tecnologia de seguiment ocular— mostrava un patró repetit: els usuaris escanejaven la pàgina de resultats formant un triangle concentrat a la part superior esquerra.

Visibilitat segons posició (2006):

Posició 1: 100%
Posició 2: 100%
Posició 3: 100%
Posició 4: 85%
Posició 5: 60%
Posició 6: 50%
Posició 7: 50%
Posició 8: 30%
Posició 9: 30%
Posició 10: 20%

O dit més clar: sortir a dalt no era important… era imprescindible.

2. Què ha canviat des d’aleshores (i per què el triangle ja no és un triangle)

Google ha deixat de ser una simple llista de deu enllaços blaus. Ara és un mosaic: IA, vídeos, mapes, FAQs, carrusels, compres i formats que no existien fa 20 anys.

I després va arribar el mòbil, que va transformar el patró: menys triangle, més scroll vertical ràpid.

Avui el comportament és més:

vertical,
per blocs,
influït per elements visuals,
marcat per respostes que “ja resolen” sense clic.

Tot i això, la lògica central es manté: l’atenció continua concentrant-se a la part superior de les SERPs.

3. L’altre “Triangle Dorat”: els tres pilars del SEO

El terme “Golden Triangle” també fa referència als tres pilars clàssics que sostenen qualsevol estratègia SEO:

SEO On-Page: contingut, intenció, HTML, arquitectura.
SEO Off-Page: autoritat, mencions, enllaços.
SEO Tècnic: velocitat, indexació, accessibilitat, estructura.

Sense aquests tres pilars, el posicionament es converteix en una loteria. Amb ells, tens un sistema estable.

4. Per què el Golden Triangle encara importa el 2026

Perquè combina dues veritats que resisteixen el pas del temps:

Com miren les persones.
Com optimitzem perquè ens trobin.

La forma de la pàgina ha canviat. La naturalesa humana, no tant.

I en un món amb IA generativa a les SERPs, a més de clics necessitem visibilitat semàntica: mencions, entitats i presència conceptual.

5. Tancament personal (2026)

Rellegir aquest post dues dècades després m’ha fet adonar de com ha canviat el SEO… i de com es manté intacte el que és essencial: entendre com pensa la gent abans de pensar en algoritmes.

El Golden Triangle pot haver perdut la forma, però no el significat. Continua sent un recordatori que la batalla del SEO sempre comença al mateix lloc: allà on algú mira per primera vegada.

A aquestes alçades aprenc com llançar una Pop-Up

Fri, 03 Mar 2006 00:00:00 +0100

I encara més: no em fa cap vergonya reconèixer-ho. :P
El món del webmaster és un no parar d’aprendre i reaprendre coses... potser per això m’agrada. Fins i tot n’hi ha que se n’enorgulleixen quan m’ensenyen alguna cosa que no sabia (eh Rodrigo?), i d’altres que em demanen que segueixi escrivint més i escoltant menys música (eh Tito Tommy?).

En fi, al que anàvem: llançar finestres Pop-Up amb JavaScript. Resulta que, independentment de les discussions sobre si s’han d’utilitzar o no les pop-ups, hi ha un problema que les corromp sistemàticament, que les fa perverses, que agredeix usuaris avançats i principiants en la navegació, confon els cercadors i genera soroll al codi. Aquest problema és que, tot i existir diverses maneres de llançar una Pop-Up amb codi JavaScript, les més utilitzades són les incorrectes.

La manera correcta de llançar una finestra Pop-Up amb JavaScript

El següent és el codi a utilitzar per llançar una Pop-Up:
<a href="https://albertlg.com/index.htm" target="_blank" onClick="window.open(this.href, this.target, 'width=300,height=400'); return false;">Llançar correctament</a>
Llançar correctament

Només cal canviar a href="https://albertlg.com/index.htm" el nom de l’arxiu .htm que s’obrirà a la nova finestra, i modificar els valors de width i height segons l’amplada i alçada desitjades (en píxels).

Per a més informació: NSU.

La relativitat de la usabilitat

Sat, 11 Feb 2006 00:00:00 +0100

- Això és usable?
- Depèn.
- De què depèn?
(...)
Res no és usable ni inusable sempre; dependrà dels objectius, el context i el perfil dels usuaris.
I és que, de vegades, “qui té un martell, tot li semblen claus”.

La perfecció

Sat, 02 Oct 2004 00:00:00 +0100

Una definició molt “usable”:

“La perfecció s’assoleix, no quan no hi ha res més a afegir, sinó quan no hi ha res més a treure.”

Antoine de Saint-Exupéry; escriptor francès.