{"id":3171,"date":"2021-06-16T17:12:39","date_gmt":"2021-06-16T15:12:39","guid":{"rendered":"http:\/\/pixupweb.com\/?p=3171"},"modified":"2025-06-27T17:24:39","modified_gmt":"2025-06-27T15:24:39","slug":"optimitzacio-del-rendiment-web-per-millorar-lexperiencia-de-lusuari-a-criteris-de-google","status":"publish","type":"post","link":"https:\/\/pixupweb.com\/ca\/2021\/06\/16\/optimitzacio-del-rendiment-web-per-millorar-lexperiencia-de-lusuari-a-criteris-de-google\/","title":{"rendered":"Optimitzaci\u00f3 SEO t\u00e9cnic del rendiment WEB per millorar l’experi\u00e8ncia de l’usuari a criteris de Google"},"content":{"rendered":"
\n

Optimitzaci\u00f3 SEO del rendiment WEB per millorar l\u2018experi\u00e8ncia de l\u2019usuari a criteris de Google<\/h1>
<\/div><\/div><\/div>
\n

Google est\u00e0 aplicant uns criteris m\u00e9s estrictes en la valoraci\u00f3 del rendiment web amb una finalitat principal, oferir una bona experi\u00e8ncia web als usuaris d’internet.<\/p>\n

En anys anteriors ja presento el concepte WEB Vitals<\/strong>: una iniciativa de Google per proporcionar una guia unificada d’indicadors de qualitat que s\u00f3n essencials per brindar una excel\u00b7lent experi\u00e8ncia d’usuari al web. Els canvis introdu\u00efts s\u00f3n en aquesta l\u00ednia.<\/p>\n

A nivell pr\u00e0ctic vol afavorir l’experi\u00e8ncia de l’usuari reduint el temps de c\u00e0rrega, espera i bloqueig del web aplicant nous criteris que afecten la programaci\u00f3 de la p\u00e0gina.<\/p>\n

Elements d’Optimitzaci\u00f3 SEO de Web Vitals, per millorar el rendiment i prestacions de web segons criteris de Google:<\/h2>\n

A nivell t\u00e8cnic introdueix els conceptes per optimitzar el rendiment web mitjan\u00e7ant les indicacions web Vitals<\/strong>:<\/p>\n<\/div><\/section><\/p><\/div>

<\/div><\/div><\/div><\/div>

Largest Contentful Paint (LCP) – Impressi\u00f3 de contingut m\u00e9s extens per temps de c\u00e0rrega:<\/h3>\n

Refor\u00e7a el rendiment i el temps de c\u00e0rrega del contingut com a element de millora de l’experi\u00e8ncia web d’usuari: es refereix al temps per al desplegament del contingut m\u00e9s extens, LCP per les seves sigles en angl\u00e8s, mesura el rendiment de c\u00e0rrega, el temps necessari perqu\u00e8 es carregui i sigui visible a la p\u00e0gina el contingut que espera a visualitzar l’usuari web. Per proporcionar una bona experi\u00e8ncia d’usuari, el LCP s’ha de produir dins dels 2,5 segons des que la p\u00e0gina comen\u00e7a a carregar-se.<\/p>\n

First Input Delay (FID)- Demora en primera entrada de contingut per interactivitat<\/h3>\n

Refor\u00e7a la interactivitat com a element de millora de l’experi\u00e8ncia web d’usuari: la demora per a la primera entrada, FID per les seves sigles en angl\u00e8s, mesura la interactivitat, el primer moment en qu\u00e8 l’usuari pot comen\u00e7ar a despla\u00e7ar-se, navegar i interactuar a la web. Per proporcionar una bona experi\u00e8ncia d’usuari, les p\u00e0gines han de tenir un FID de menys de 100 mil\u00b7lisegons.<\/p>\n

Cumulative Layout Shift (CLS) – Canvi Acumulatiu en aplicaci\u00f3 de disseny per a l’estabilitat visual<\/h3>\n

Refor\u00e7a l’estabilitat visual com a element de millora de l’experi\u00e8ncia web d’usuari: es refereix al canvi acumulatiu en el disseny CLS per les seves sigles en angl\u00e8s, mesura l’estabilitat visual, com afecta el temps d’introducci\u00f3 d’estils en la p\u00e0gina visitada, perqu\u00e8 l’usuari percebi el disseny propi del web. Per proporcionar una bona experi\u00e8ncia d’usuari, les p\u00e0gines han de mantenir un CLS de menys de 0,1.<\/p>\n

Aquests s\u00f3n par\u00e0metres o criteris dels m\u00e9s en els que es recomanen centrar les revisions de rendiment en posicionament i millorar l’experi\u00e8ncia web.<\/p>\n

M\u00e9s mesures per optimitzar el posicionament t\u00e8cnic de la seva web o aplicaci\u00f3<\/h2>\n

Igualment s’han de tenir en compte altres aspectes que Google valora per optimitzar el posicionament t\u00e8cnic:<\/p>\n<\/div><\/section><\/div>

Accessibilitat Web segons Google:<\/h3>\n

Analitzar si el vostre lloc o aplicaci\u00f3 \u00e9s accessible per a un usuari d’internet no \u00e9s una tasca f\u00e0cil. Si t’est\u00e0s introduint a l’estudi de l’accessibilitat web, l’amplitud del tema pot fer que et preguntis per on comen\u00e7ar; a la fi i al cap, treballar per donar cabuda a una \u00e0mplia gamma de capacitats vol dir que hi ha moltes q\u00fcestions que cal tenir en compte.<\/p>\n

Per exemple, per a certs usuaris no poden o no volen utilitzar el ratol\u00ed, sent la navegaci\u00f3 amb el teclat \u00e9s el seu principal mitj\u00e0 per arribar a tot el que hi ha a la pantalla. Aquest p\u00fablic inclou els usuaris amb defici\u00e8ncies motores, com les lesions per esfor\u00e7 repetitiu o la par\u00e0lisi, aix\u00ed com als usuaris de lectors de pantalla. Per a una bona experi\u00e8ncia de navegaci\u00f3 amb el teclat, procuri tenir un ordre de tabulaci\u00f3 l\u00f2gic i estils d’enfocament que s’entengui millor.<\/p>\n<\/div><\/section><\/div>

Best Practices – Millors pr\u00e0ctiques de Google<\/h3>\n

Google vol un web saludable, aix\u00f2 implica que la salut del codi de la seva p\u00e0gina web ha de seguir una s\u00e8rie bones pr\u00e0ctiques. S’han d’aplicar unes comprovacions que posen de manifest les oportunitats de millorar el codi de la seva aplicaci\u00f3 web sota diferents principis:<\/p>\n

    \n
  • Bones pr\u00e0ctiques generals d’un codi saludable<\/li>\n
  • Requisits perqu\u00e8 p\u00e0gina sigui r\u00e0pida<\/li>\n
  • Requisits perqu\u00e8 la seva p\u00e0gina sigui segura<\/li>\n
  • Codi orientat una bona experi\u00e8ncia i usabilitat d’usuari (UI \/ X)<\/li>\n
  • Evitar tecnologies obsoletes<\/li>\n
  • Auditories de diagn\u00f2stic<\/li>\n<\/ul>\n<\/div><\/section><\/div>

    Mesures SEO – Posicionament Natural per cercadors valorades per Google Audits (Lighthouse)<\/h3>\n

    Per optimitzar el posicionament web \u00e9s clau tenir uns continguts interessants, originals, extensos i espec\u00edfics sobre els conceptes que s\u00f3n claus perqu\u00e8 un usuari trobi el seu web i aporti informaci\u00f3 o una soluci\u00f3 a les necessitats dels usuaris que fan cerques en cercadors d’internet. En el fons, Google i tants altres cercadors amb subhastes o r\u00e0nquings de continguts, una competici\u00f3 de redactors i creadors de continguts (imatges, v\u00eddeos, …).<\/p>\n

    Per\u00f2 no \u00e9s suficient tenir bons continguts, es requereix una estructuraci\u00f3 de continguts, ajustar la programaci\u00f3 per a la seva millor interpretaci\u00f3, perqu\u00e8 els cercadors i Google en concret, l’absorbeixi molt millor aquests continguts, i millori la possibilitat de situar-se en les primeres posicions de cerca.<\/p>\n<\/div><\/section><\/div>

    Progressive Web Apps – Aplicacions Web Progressives, els criteris d’homogene\u00eftzaci\u00f3 de la teva web per a diferents dispositius i usuaris per Google Audits (Lighthouse)<\/h3>\n

    Tota web \u00e9s una plataforma \u00fanica per desenvolupar programari. Combina capacitat d’enlla\u00e7 i compartir continguts amb qualsevol persona, en qualsevol lloc. Cada vegada que s’accedeix a un lloc web l’usuari ha de tenir una bona experi\u00e8ncia tot i la tecnologia que s’utilitzi. La seva experi\u00e8ncia pot ser tan ef\u00edmera o permanent com es desitgi. Al seu torn, les aplicacions web poden arribar a qualsevol persona, en qualsevol lloc i en qualsevol dispositiu amb un \u00fanic codi base. L’important \u00e9s homogene\u00eftzar l’experi\u00e8ncia tot i els dispositius i tecnologies que s’utilitzin per accedir-hi.<\/p>\n

    Com puc saber si totes les caracter\u00edstiques Progressive Web App (PWA) de la meva WEB estan en ordre?
    \n<\/strong><\/h4>\n

    Lighthouse \u00e9s l’eina de Google que audita una aplicaci\u00f3 web per a les caracter\u00edstiques de la PWA. Proporciona un conjunt de m\u00e8triques per ajudar-te a auditar la web per construir una PWA amb una experi\u00e8ncia completa similar a la d’una aplicaci\u00f3 per als teus usuaris.<\/p>\n

    Per superar els criteris PWA de Google, es comprova si la teva aplicaci\u00f3 \/ web en diversos \u00e0mbits:<\/p>\n

      \n
    • Si pot carregar-se en condicions segures de xarxa: capacitats estan constru\u00efdes amb el model de permisos segur i centrat en l’usuari del web, superant problemes de connectivitat o falta d’ella.<\/li>\n
    • \u00c9s relativament r\u00e0pida: Una Progressive Web App ha de ser fiable i r\u00e0pida independentment de la xarxa.<\/li>\n
    • Ha de ser instal\u00b7lable (o que ho sembli): Les aplicacions web progressives instal\u00b7lades s’executen en una finestra independent en lloc d’una pestanya del navegador, ofereixen un enlla\u00e7 install a l’escriptori del dispositiu, a part de m\u00e9s caracter\u00edstiques App, el que fa que se senti com a part del dispositiu en el qual estan instal\u00b7lades.<\/li>\n<\/ul>\n<\/div><\/section><\/div>\n\n<\/div><\/div><\/main><\/div><\/div>
      \n

      Qu\u00e8 \u00e9s Lighthouse? l’eina d’Audit de Google per posicionament i rendiment web.<\/h2>\n

      Lighthouse \u00e9s l’eina que utilitza Google (o conjunt d’eines) per valorar la qualitat t\u00e8cnica de la teva web per a l’optimitzaci\u00f3 del seu posicionament. Google proporciona aquesta eina automatitzada de codi obert per a millorar la qualitat de les p\u00e0gines web. S’accedeix mitjan\u00e7ant la consola de desenvolupament de Google Chrome i altres navegadors, i s’aplica introduint el domini o url de la p\u00e0gina web que li sigui d’inter\u00e8s, tan p\u00fablica o encara que requereixi autenticaci\u00f3. Tal com hem introdu\u00eft, compta amb auditories de rendiment, accessibilitat, aplicacions web progressives, SEO i m\u00e9s.<\/p>\n

      Com millorar el posicionament t\u00e8cnic del web, optimitzant-ho segons requisits de Google?<\/h2>\n

      Si despr\u00e9s d’haver llegit creu necessari donar les primeres passes per optimitzar la seva web, podem oferir-li diferents solucions, en diferents tecnologies i segons la inversi\u00f3 que necessiti. \u00c9s important gestionar la seva web amb un element m\u00e9s del seu patrimoni empresarial. Pot ser el seu principal actiu digital, per generar negoci (captaci\u00f3 i conversi\u00f3 web) o per optimitzar la gesti\u00f3 de les seves vendes o contactes (leads).<\/p>\n

      ** At\u00e8s que actualitza constantment el seu motor de cerca, els seus criteris d’audit web i requisits de posicionament, recordeu que els criteris descrits es poden veure modificats r\u00e0pidament.<\/strong><\/p>\n<\/div><\/section><\/div>

      Els seus partners en optimitzaci\u00f3 de posicionament SEO t\u00e8cnic WEB<\/h2>\n
      \n

      Com millorar el posicionament SEO t\u00e8cnic mitjan\u00e7ant la millora del rendiment web i l’experi\u00e8ncia d’usuari segons Google?<\/p>\n<\/blockquote>\n

      Optimitzi el posicionament org\u00e0nic SEO t\u00e8cnic de la seva p\u00e0gina web seguint els indciadors principals de Web Vitals: LCP, FID, CLS. Optimitzem el rendiment web per a millorar l’experi\u00e8ncia d’usuari actualitzant els criteris de Google.<\/p>\n

      Feu una consulta amb el formulari adjunt, recollint les seves necessitats, els seus objectius, els seus problemes, … Serem els seus col\u00b7laboradors en posicionament web, a la gesti\u00f3 del seu actiu digital i la generaci\u00f3 de negoci online.<\/p>\n<\/div><\/section>
      \n