AMP i el disseny web
Actualitzat: 29 / 01 / 2022

AMP i Disseny web

expert SEO Barcelona
Gerard Osan
Expert SEO

AMP limita en alguns aspectes les possibilitats del disseny web

AMP (Accelerated Mobile Pages), l'especificació de codi i disseny abanderada per Google per millorar la velocitat de càrrega de les pàgines web, ha comportat implicacions i canvis en diverses disciplines associades a la programació i el màrqueting on-line.

De forma directa, ha afectat el SEO, introduint un nou factor de posicionament, i a l'analítica web, dificultant el seguiment d'usuaris. Una altra de les àrees que més s'està veient alterada és en la que ens centrarem en aquest article: el Disseny web.

Limitacions d'AMP per al disseny web

Els requisits que presenta una implementació d'AMP introdueixen algunes restriccions en el disseny de les pàgines web que facin ús del projecte. Fem un repàs a les principals limitacions d'AMP en el camp del disseny web:

  • Disseny específic: la necessitat de generar una plantilla de codi completament nova seguint les especificacions d'AMP requereix una inversió en temps i recursos per crear un disseny, que en alguns projectes no podrem assumir.
  • Limitacions tècniques: les restriccions en l'ús de CSS i codi extern, i la dependència de les pròpies llibreries d'AMP, limitaran el desenvolupament del nostre disseny web. Malgrat això, el projecte ha incorporat gran quantitat de mòduls per afegir funcionalitats més enllà de simples imatges (per exemple, sliders o integracions amb xarxes socials), i ho seguirà fent en el futur.
  • Velocitat abans de res: un dels pilars d'AMP és la velocitat de càrrega de les pàgines web. Davant d'això, de vegades haurem de sacrificar elements visuals que alenteixen el nostre web.
  • Disseny web únicament per a mòbils: tot i que teòricament el seu ús no està restringit a smartphones, la realitat és que AMP està fortament lligat als dispositius mòbils.

Alguns dels punts que hem comentat s'inclouen dins del que principis de disseny d'AMP, que es resumeixen en:

  • Prioritzar l'experiència d'usuari
  • Només implementar elements que vagin ràpid
  • En cas de dubte, de nou, prioritzar l'experiència d'usuari
  • Disseny adaptat als navegadors actuals
  • Els problemes d'AMP no han d'afectar a la resta del web
  • No prioritzar webs o dominis específics
  • No integrar solucions a la capa client si pertanyen a la de servidor (i al revés)

El projecte AMP segueix evolucionant i introduint noves millores constantment. Encara no queda clar si tot el futur del disseny web mòbil passa per aquesta especificació, atès que per ara actors com Google limiten els seus beneficis a continguts específics, com els articles i notícies. A La Teva Web seguirem de ben a prop el desenvolupament d'AMP en els pròxims mesos i la seva incidència en el  disseny web i altres disciplines.

expert SEO Barcelona
Sobre l'autor/a
Gerard Osan — Expert SEO
Dins del màrqueting online he enfocat la meva carrera professional cap al SEO tècnic i l'analítica web. També dedico una mica de temps a la programació, buscant que el desenvolupament web aporti recursos optimitzats al màrqueting.

Notícies relacionades

Tens un projecte en ment? En volem saber més!