{"id":4903,"date":"2018-08-16T11:00:02","date_gmt":"2018-08-16T09:00:02","guid":{"rendered":"https:\/\/www.mjcachon.com\/?p=4903"},"modified":"2021-05-31T17:33:05","modified_gmt":"2021-05-31T15:33:05","slug":"plugin-amp-wordpress","status":"publish","type":"post","link":"https:\/\/laikateam.com\/blog\/plugin-amp-wordpress\/","title":{"rendered":"Plugin AMP para WordPress"},"content":{"rendered":"

El uso de AMP en p\u00e1ginas webs es mayor cada d\u00eda que pasa y no es nada raro ya que <\/span>ofrece una experiencia de usuario mejor<\/b> que las p\u00e1ginas que no utilizan esta tecnolog\u00eda.<\/span>
\nPor ello os vamos a contar una forma sencilla de implementarlo en vuestra web mediante un plugin que nosotros ya hemos probado en varios WordPress.<\/span><\/p>\n

Qu\u00e9 es AMP<\/span><\/h2>\n

Aunque muchos ya lo sabr\u00e9is, vamos a explicar de manera r\u00e1pida, y poco t\u00e9cnica, qu\u00e9 es AMP por si queda alg\u00fan rezagado.<\/span>
\nAMP <\/span>es una iniciativa de Google con el fin de mejorar los tiempos de carga de las p\u00e1ginas web en la versi\u00f3n mobile<\/b>, sabiendo que el tr\u00e1fico que llega desde estos dispositivos es superior al de escritorio.<\/span>
\nEl tiempo de carga se reduce porque Google cachea el contenido y despu\u00e9s lo carga desde sus servidores, lo que produce que el usuario pueda ver el contenido de manera casi inmediata.<\/span>
\nSi quer\u00e9is m\u00e1s informaci\u00f3n pod\u00e9is leer el post de Christian Oliveira<\/a> sobre qu\u00e9 es AMP y por qu\u00e9 tiene un porcentaje de rebote tan alto.<\/p>\n

Plugin de AMP<\/span><\/h2>\n

Dentro de la amplia variedad de plugins que podemos encontrar para implementar AMP en nuestra web, os vamos a hablar de uno en concreto que es el que hemos usado varias veces en WordPress y que es muy intuitivo.<\/span>
\nEl plugin se llama \u201c<\/span>Facebook Instant Articles & Google AMP Pages by PageFrog<\/b>\u201d y como habr\u00e9is adivinado tambi\u00e9n sirve para implementar la versi\u00f3n de los art\u00edculos instant\u00e1neos en Facebook. Se tarda m\u00e1s en leer el nombre que en instalarlo y dejarlo funcionando y os lo vamos a ense\u00f1ar c\u00f3mo.<\/span>
\n\"plugin
\nL\u00f3gicamente lo primero es buscar el plugin y comprobar que sea <\/span>compatible con la versi\u00f3n de WordPress<\/b> que utilic\u00e9is. En caso de que no lo sea os recomendamos hacer una copia de seguridad por si acaso.<\/span>
\nUna vez instalado y activado aparecer\u00e1 a la izquierda como una nueva secci\u00f3n llamada \u201c<\/span>Mobile formats<\/b>\u201d donde al hacer clic nos llevar\u00e1 a esta pantalla:<\/span>
\n\"amp
\nAl hacer clic en \u201cBegin Setup\u201d saltar\u00e1 el asistente de instalaci\u00f3n del <\/span>plugin oficial de<\/b> AMP para WordPress<\/b> que tambi\u00e9n necesitamos instalar para que todo funcione correctamente. Despu\u00e9s de instalarlo y activarlo, al volver a la secci\u00f3n mobile formats, el texto del bot\u00f3n \u201cBegin Setup\u201d habr\u00e1 cambiado por \u201cReady\u201d.<\/span>
\nUna vez hecho esto, tenemos que conectarlo con la cuenta de Analytics de la web para que mida las visitas que van a las p\u00e1ginas con esta tecnolog\u00eda. <\/span>
\nEn caso de que us\u00e9is otro sistema de medici\u00f3n que no sea Google Analytics no pasa nada ya que se puede integrar con cualquier sistema \u00fanicamente pegando el c\u00f3digo de seguimiento.<\/span>
\nSolo hay que hacer clic donde pone Google Analytics, <\/span>vincularlo a la propiedad<\/b> correspondiente pinchando en el bot\u00f3n \u201cChoose site\u201d y despu\u00e9s clicar en \u201cEnable Integration\u201d<\/span>
\n\"plugin
\nAdem\u00e1s de vincularse con Analytics, este plugin nos ofrece bastantes opciones de personalizaci\u00f3n dentro de la subsecci\u00f3n \u201cStyling\u201d, por ejemplo:<\/span><\/p>\n