fbpx

¬ŅQUIERES QUE TE ENVIEMOS UNA V√ćDEO CONSULTOR√ćA GRATUITA DE LA WEB DE TU NEGOCIO? ¬°P√ćDELA SIN COMPROMISO!

ūüĒé¬ŅQu√© es Google Accelerated Mobile Pages?

Qué es Google Accelerated Mobile Pages

Ya sabes que el mundo online es extremadamente vol√°til. Las formas de navegaci√≥n y b√ļsqueda cambian a una velocidad de v√©rtigo y como prueba de ello, podemos justificar la aparici√≥n de nuevas herramientas web como las p√°ginas amp.¬†

Una soluci√≥n tecnol√≥gica aportada desde la compa√Ī√≠a con sede en Mountain View, California, que analizaremos a fondo en este post y que te resultar√° especialmente interesante si eres un webmaster,nichero o un blogger con aspiraciones a conquistar el mundo con sus letras.¬†

Comenzamos.

 

¬ŅQu√© es amp?

Sin √°nimo de aburrirte con explicaciones t√©cnicas demasiado enrevesadas, podr√≠amos decir que las accelerated mobile pages son una serie de herramientas dise√Īadas para el aumento de la velocidad de carga de sitios web en dispositivos m√≥viles. Como smartphones o tablets, por ejemplo.¬†¬†

Surge como una consecuencia natural del gran desarrollo de la tecnolog√≠a en estos dispositivos y del gran aumento del tr√°fico digital a trav√©s de los mismos. Al fin y al cabo, los de google son tambi√©n personas. Y , al igual que t√ļ,se ponen nerviosos cuando una web no carga r√°pido en el m√≥vil ūü§¶‚Äć‚ôāÔłŹ.¬†¬†

Factor clave de posicionamiento

Y es que, en su misión particular de conseguir que la experiencia de usuario en su buscador sea lo más satisfactoria posible, independientemente desde el dispositivo desde el que se acceda, el amp se ha convertido en un factor clave. Y no por mera casualidad.

En Espa√Īa,el acceso a internet desde dispositivos m√≥viles es bastante superior al de ordenadores, as√≠ que tu estrategia SEO tambi√©n deber√≠a incluir a este grupo si no quieres perder visibilidad web.¬†

 

Cómo funciona 

La tecnolog√≠a AMP ,de c√≥digo abierto, est√° basada en el lenguaje de programaci√≥n HTML, como cualquier otra p√°gina web. Aunque presenta ciertas particularidades que la hacen ser com√ļnmente conocida como AMP HTML.¬†

En primer lugar, no debemos olvidar que no se trata m√°s que de una copia de la versi√≥n de nuestra web para ordenadores de escritorio que , mediante diversas t√©cnicas de optimizaci√≥n, ‚Äúreduce su peso‚ÄĚ para ser reproducida en dispositivos m√≥viles. Algunas de las t√©cnicas WPO utiilizadas son:¬†

 

  • Prohibici√≥n de peticiones externas: Bloqueo de dichas extensiones que cuentan con llamadas adicionales,como v√≠deos o sliders, y JavaScript adicional, que retrasan el tiempo de renderizado de la p√°gina. Para este tipo de elementos, AMP cuenta con soluciones individualizadas.¬†

 

  • Separaci√≥n de la capa de presentaci√≥n y los recursos est√°ticos: En primer lugar se muestra todo el contenido HTML y posteriormente carga recursos est√°ticos como v√≠deos e im√°genes. Agilizando el tiempo de respuesta de la web cuando es reproducida en dispositivos m√≥viles.¬†

 

¬ŅC√≥mo Instalar AMP en WordPress?

Antes de comenzar, recordemos juntos algo. Para que podamos incorporar esta tecnolog√≠a en nuestra web, hemos de reunir dos requisitos ūüďĚ:¬†

  • Tener una copia AMP de cada p√°gina de la web en las que se simplifiquen elementos de carga y en la que estos se encuentren m√°s optimizados para m√≥viles.¬†

 

  • Que el buscador detecte esta versi√≥n AMP, y no la tradicional para escritorio, cuando es descargada en un smartphone ,o tablet ,o cualquier otro dispositivo m√≥vil.

 

Una vez tenemos esto claro, hablemos de Google. 

Para que el buscador pueda determinar si se trata de una p√°gina amp ,o no, es necesario introducir una etiqueta link en el c√≥digo de dicha p√°gina. Se trata de link rel=”amphtml” seguido de la URL de la versi√≥n de escritorio.¬†

Adem√°s, para que Google no indexe tambi√©n la URL AMP, lo cual puede generar problemas de canibalizaci√≥n,¬† es necesario incluir en dicha versi√≥n accelerated mobile pages la etiqueta rel=”canonical” seguido de la URL an√°loga de escritorio

Pero tranquilo, no te agobies. No debes hacerlo de forma manual, ¬Ņo acaso pensabas que en el ecosistema WordPress no habr√≠a un plugin que hiciese esto por ti?¬†

 

Mejores plugins AMP  

 

  • AMP:

Amp plugin

Debido a que esta tecnología fue implementada por Google, no podía ser otra empresa la  primera encargada de proveer un plugin capaz de llevar a cabo estas funciones. Tras su descarga e instalación desde el repositorio principal de wordpress, aparecerá en tu escritorio con las distintas opciones de configuración. A pesar de que no cuente con un nombre demasiado original, funciona bien y es realmente sencillo. 

 

  • Better AMP – Complete AMP for WordPress:¬†

plugin better amp

En este caso, hablamos de un plugin¬† de pago que cuenta con un precio de salida de 44$. Permite, entre otras muchas funcionalidades, a√Īadir algunas l√≠neas de c√≥dido CSS o PHP con el fin de modificar tus p√°ginas AMP y que estas se parezcan lo m√°s posible a la versi√≥n web m√≥vil.¬†

 

  • AMP for WP- Accelerate Mobile Pages for WordPress:

Plugin AMP for WP

Cuenta con m√°s de 100.000 instalaciones activas y sus funciones van un escal√≥n m√°s all√° de la versi√≥n AMP Google. Cuenta con un mayor abanico de personalizaci√≥n, pero en cuanto a la estructura de URLs, no presenta ning√ļn cambio.

 

Pro y contras de Accelerated Mobile Pages

  • Framework m√°s √°gil ‚úĒÔłŹ: AMP HTML permite, mediante la utilizaci√≥n de t√©cnicas WPO, ofrecer una versi√≥n m√°s ligera y simple de tu web para que esta cargue m√°s r√°pido en dispositivos m√≥vil. Desde 2018, la velocidad de carga en versi√≥n de no-escritorio es considerada un factor clave de posicionamiento en los buscadores.¬†
  • Mayor versatilidad ‚úĒÔłŹ: La tecnolog√≠a AMP permite ofrecer webs en dispositivos para los que quiz√°s otros frameworks de dise√Īo responsivo no son capaces de aportar soluciones viables,como ciertos wearables o incluso Smart Tv.
  • Peor est√©tica en tu p√°gina web ‚ĚĆ: Mediante el uso wordpress amp, con el fin de hacer m√°s r√°pida la carga de tu web, est√°s bloqueando animaciones, formularios, modificaciones est√©ticas a trav√©s de CSS o sliders, entre otros elementos. Esto repercutir√° en el aspecto de tu p√°gina y en la experiencia de uso de la misma. Tenlo muy presente.¬†

 

Conclusión

Como has podido comprobar, esta tecnología tiene muchas virtudes, pero también ciertas carencias que pueden interferir con la UX, experiencia de usuario, de tu sitio web. Así que, atento, esta es nuestra recomendación

Desde este sitio web creemos que es absolutamente fundamental entender desde d√≥nde viene la mayor parte de tr√°fico ūüö® a nuestra website o ecommerce. Este es un punto clave para entender si requerimos de esta tecnolog√≠a google AMP o no.¬†

  • Si tenemos una relaci√≥n inferior al 80-20 ( 80% trafico PC – 20% m√≥viles),es recomendable implementar AMP, puesto que nuestra presencia en dispositivos m√≥viles caer√° en picado. Google cada vez otorga m√°s prominencia a sitios web que est√°n adaptados para smartphones y tablets. M√°s a√ļn, si cabe, tras la llegada de las b√ļsquedas por voz, que est√°n fomentando cambios muy dr√°sticos¬† en los algoritmos del buscador.¬†

 

  • Por otro lado, quiz√°s no sea necesario instalar amp en nuestra web si la versi√≥n m√≥vil carga ‚Äúsuficientemente r√°pido‚ÄĚ. Y, ¬Ņde cu√°nto tiempo estamos hablando?, te preguntar√°s. Pues se estima que por debajo de los dos segundos de carga, y a√Īadiendo algunas mejoras WPO en el sitio, ya no es imprescindible implementar amp en tu web.¬†

 

  • O quiz√°s, y ya con esto acabamos, s√≥lo necesites implementarlo en algunas p√°ginas o categor√≠as de tu web. Si eres un portal de noticias, con cientos de url nuevas cada d√≠a, quiz√°s estas si deban tener amp. Aunque para otras secciones pueda no ser necesario hacer uso de esta funcionalidad.¬†

 

Esto es as√≠. En el SEO bien vale aquella teor√≠a darwiniana: ‚ÄúAdaptarse al usuario o morir‚ÄĚ. T√ļ decides.¬†

¬ŅQu√© buscas?

Lo más leído

¬ŅQuieres tener una agencia como Dosmedia?

¬ŅEn qu√© podemos ayudarte?

RELACIONADOS
Artículos relacionados

¬ŅEn qu√© podemos ayudarte?

CONTACTO
¬°No pierdas el tiempo!