▷ AMP GOOGLE, aprende a configurarlo y mejora tu posicionamiento Web.

AMP, acelera tu web y mejora tu posicionamiento

 

   Que si en serio Josu, que tienes que instalar AMP en tu proyecto web!! ¿Pero qué leches es eso? si no tengo ni idea de los que es, para qué voy a instalarlo?

     Pues mira, acelera la carga de tu WordPress en versión móvil y como esta creado por Google te ayuda a posicionar!!

Cómo, en serio? Ahora me meto en internet y me entero un poco más como va eso vale? 😉

 

amp acelera carga wordpress

AMP, acelera tu web y mejora tu posicionamiento
5 (100%) 20 votes

¿QÚE ES AMP (Accelerated Mobile Pages )?

Pues básicamente es un proyecto de código abierto creado por Google, en colaboración con otros socios y su función principal es que tu web cargue mucho más rápido.

¿Mola, verdad?

Y resumiendo mucho y sin entrar en tecnicismos, para que surja toda esa “magia” crea una versión más simplificada de tu web.

 

BENEFICIOS DE INSTALAR AMP EN TU WORDPRESS

 

1-Acelera la carga de tu web.

2-Tu hosting consume menos recursos.

3-Aumentan las visitas.

 

 

CÓMO INSTALAR AMP EN TU WEB

Bien llegados a este punto tienes a tu disposición varias opciones para WordPress. Yo te voy a enseñar la que utilizo en todos mis proyectos, ya sean mías o creadas para mis clientes.

 

amp josu eizagirre wordpress

 

 

Lo primero que tienes que hacer es buscar el plugin AMP for WP en el repositorio de WordPress y una vez instalado lo activas como si fuera cualquier otro plugin.

amp wordpress josu eizagirre

 

Como puedes observar, solamente realizando esta acción puedes ver la diferencias del antes y después escribiendo /amp al final de algún url de algún post, pero esto no se acaba aquí porque necesitamos hacer algunas configuraciones para que todo quede fino fino. 😉

 

amp acelera web wordpress josu

 

Levantando la vista puedes ver como el creado de la herramienta te da las gracias por instalarlo y te ofrece dos opciones, por un lado si quieres que un asistente te ayude a configurarlo escoges la opción uno o por lo contrario, eres un valiente y lo quieres configurar todo tu mismo de forma manual, tienes la opción de la derecha.

amp acelera tu wordpress

 

Te recomiendo escoger la opción manual y una vez clickado encima, podrás ver un montón de opciones que en un principio te pueden abrumar un poco pero tranquilidad porque con un poco de paciencia que aseguro que vas a dejar tu web más que presentable.

 

 

AJUSTES GENERALES

En la pestaña “General”  solamente te recomiendo activar el apartado de posts. Aunque también puedes activarlo en páginas y la página home, pudiendo convertir tu portada en listado de artículos. (te recomiendo hacer pruebas antes). 😉

amp ajustes generales

 

 

PAGE BUILDER

Con esta opción puedes crear una landing page para tu web en versión Amp, yo personalmente no la utilizo. Los creadores del plugin te explican en este vídeo como utilizarlo si tu idea es implementarlo.

 

 

Este apartado está destinado a las personas que monetizan sus webs a través de servicios de publicidad estilo Adsense.

También puedes activar la opción de mejorar la visibilidad y te dejará modificar el tamaño de cada bloque de anuncios.

amp anuncios adsense

 

SEO

Llegamos a una parte importante donde mucha gente no sabrá como configurarlo de forma correcta.

Te recomiendo activar las opciones Meta Tags from Yoast y “Yoast Description in ld+json” y tener desactivadas todas las demás para que no se creen duplicidades, que al final pueden ser muy perjudiciales de cara al posicionamiento de tu web. Avisado estás.

amp wordpress josu eizagirre

 

PERFORMANCE (Minifica la carga)

Activando esta opción conseguirás acelerar todavía más la carga de tus artículos, mejorando el seo de tu web, por ello te recomiendo hacerlo. 😉

josu wordpress amp

 

ANALYTICS

Te recomiendo activar la opción de Google Analytics, porqué aunque tengas configurado el plugin específico para la analitica de tu web, éste suele fallar y no suele detectar las visitas que utilicen la versión AMP de tu web,  pero tranquilo porque solucionarlo es muy sencillo. solo tienes que activar e introducir el Analytics ID proporcionado por Google, otra vez.

josu eizagirre wordpress

 

STRUCTURED DATA

Desde aquí podemos cambiar la estructura de los artículos en versión AMP. Te recomiendo dejarlo tal como viene por defecto.

amp josu eizagirre

 

NOTICE BAR

Cuando utilizamos la versión AMP de la web, suele haber fallos de notificación de mensajes estilo mensaje de Cookies.

Para solucionarlo activamos esta opción y ponemos nosotros mismos la frase del aviso.

notificaciones amp josu

 

 

COMMENTS

Desde esta opción puedes mantener la configuración que tengas en tu WordPress para los comentarios o directamente desactivarla, pudiendo utilizarse también Disqus y comentarios de Facebook.

En mi caso tengo activado WordPress Comments, pero te recomiendo hacer algunas pruebas antes de decidirte.

comentarios amp josu eizagirre

 

HIDE AMP BULK TOOLS

Desde esta opción puedes esconder las categorías relacionadas con los post que no quieres que se vean. En mi caso lo tengo de esta forma:

amp ocultar categorias

 

 

ADVANCE SETTINGS

En esta parte tienes las opciones avanzadas y solamente te recomiendo activar la primera opción, Mobile Redirection” para que los visitantes entrantes a tu web sean redireccionados rápidamente a la versión AMP, al momento de que  se detecte que entran desde un dispositivo móvil.

amp opciones avanzadas

 

 

DESIGN

Para acabar llegamos a la parte del diseño que es una parte esencial de este tutorial. Te enseño a través de esta animación gif como lo tengo configurado, repasando uno por uno cada opción disponible. 🙂

amp configuraciones diseño josu eizagirre

 

 

Nada más, espero que te haya gustado este tutorial y si tienes dudas o quieres aportar algo al post nos vemos abajo en los comentarios, ok? 😉

 

The following two tabs change content below.
Me llamo Josu y soy un Informático apasionado con todo lo relacionado con Internet y la tecnología. Actualmente ayudando a emprendedores e inconformistas a crear y monetizar su presencia en internet, a través de webs o tiendas online totalmente personalizadas y optimizadas. Enamorado de Wordpress y todo lo que tenga que ver con las formas de monetizar un proyecto web.

Leave a Comment:

8 comments
Svetlana says 2018-02-18

¡Gracias, Josu! Es exactamente la información que estaba buscando. Mi sitio web da pėsimos resultados en PageSpeed Insights para Los dispositivos móviles. Esta tarde voy a instalar el plugin AMP y a ver si lo arreglamos 😉

Reply
    Josu Eizagirre says 2018-02-18

    Buenas Svetlana,
    te recomiendo que le eches un vistazo a este tutorial:

    https://www.josueizagirre.com/optimizar-velocidad-wordpress/

    Una vez arreglado algunos puntos de tu web, implementa el AMP.

    Con estas dos cosas seguro que mejoras la puntuación de Page Speed que suele bastante orientativo, por ello
    te diría que no te obsesiones con el resultado, intenta mejorar algunos puntos y con eso debe ser suficiente.

    Un abrazo

    Reply
Gustavo says 2018-02-12

Saludos Josu.

Me viene bien excelentemente este artículo ya que estoy a mitad del camino de mi web (la cual pienso echar a andar en 15 días).

Por cierto, ¿cuál es la forma de apuntarse al sorte de GP y Addons?

Reply
    Josu Eizagirre says 2018-02-12

    Buenas Gustavo,
    el único requisito para participar en el sorteo es ser suscriptor de mi blog.

    Todos los meses envio un correo a todos mis suscriptores para recordarles el sorteo
    y con solo responder a ese correo y indicarme a que premio quieres optar es suficiente.

    Un abrazo

    Reply
Francisco David Ynfante Pérez says 2018-02-11

Me llegó tu email de Tutellus, me pareció excelente el artículo, gracias precisamente tengo que hacer este lo paso en mi web, es imprescindible para Google el AMP en éstos momentos

Reply
    Josu Eizagirre says 2018-02-11

    Gracias por pasarte Francisco,
    totalmente de acuerdo, habrá gente que no esté conforme con tener que implementarlo, pero hay una cosa que tenemos que tener muy claro,
    todos tenemos que ceñirnos a las reglas de Google en lo que se refiere a las webs y su posicionamiento, por ello sabiendo que
    esta herramienta lo han creado ellos mismos (junto a algunos socios tecnológicos) no hay otra que adaptarse cuanto antes
    porque es un factor que el rey de los buscadores lo tendrá muy en cuenta.

    Y lo mejor de todo es que el procedimiento es muy fácil, solamente instalando un plugin y realizando unas pequeñas configuraciones
    en pocos minutos lo tienes listo.

    Un abrazo 😉

    Reply
Miquel says 2018-02-11

Hola Josu, gracias por el tutorial. Magnífico. Lam pregunta es, sirve también para Woocommerce o es solo para wordpress?. En caso afirmativo, la configuración sería la misma?. Saludos.

Reply
    Josu Eizagirre says 2018-02-11

    Buenas Miquel,
    ante todo muchas gracias por dejar tu comentario.

    Tu pregunta en realidad es una muy buena pregunta.

    Efectivamente es muy importante implementar el AMP para Woocommerce y si uno de los más grandes como
    es Ebay, lo ha implementado por algo será no? 🙂

    https://venturebeat.com/2016/06/30/ebay-adopts-googles-amp-to-speed-up-its-mobile-site/

    El mejor plugin gratuito:
    https://es.wordpress.org/plugins/amp-woocommerce/

    LO BUENO=> Solo lo activas y sin configurar nada salen los productos de la tienda directamente.
    LO MALO=> No te deja configurar para que salgan categorías etc de la tienda.

    ———————————————————————————————-
    ———————————————————————————————-

    El mejor de pago con muchas opciones de configuración extras:
    http://bit.ly/2Gn0dXz

    LO BUENO=> Es el mejor y puedes configurar casi todo.
    LO MALO=> Hay que pasar por caja, es lo que hay 😉

    Espero haberte ayudado

    Reply
Add Your Reply