AMP, SEO y WordPress

Como ya sabrás si lees el blog asiduamente, AMP es la tecnología que va a revolucionar y acelerar la web móvil, y si aún tienes dudas repasa el artículo sobre AMP y WordPress, pero aún hay más, y uno de los aspectos a tener en cuenta va a ser el SEO.

Pero primero…

¿Qué es AMP? Un breve recordatorio

 

QUE ES AMP

  • AMP es una tecnología de código abierto cuyo objetivo es ofrecer webs optimizadas para dispositivos móviles, con el énfasis puesto en la velocidad, la sencillez y enfocada a los contenidos.
  • AMP no es para la portada de tu web sino para tus artículos, para tu blog, para las noticias.
  • Las páginas AMP eliminan todo lo superfluo. No admiten JavaScript, usan CSS minimalista y están enfocadas en el texto.
  • Las páginas AMP cargan las imágenes a medida que se muestran, lo que se conoce como lazy loading.
  • AMP es HTML super optimizado para móviles.
  • Las páginas AMP cargan un 85% más rápido que las páginas móviles estándar.

¿Cómo pongo en marcha AMP en WordPress?

amp-wordpress

De momento no es tan sencillo como quisieras pero poder puedes, y no te matará:

  1. Instala y activa el plugin oficial de AMP para WordPress.
  2. Una vez activo ya se podrá acceder a las versiones AMP de tus entradas añadiendo a la URL /amp/ o ?amp=1, dependiendo de tu estructura de enlaces permanentes (permalinks)
  3. Edita el CSS para adaptar el aspecto de las páginas AMP a tus gustos y necesidades. Lo encontrarás en el archivo template.php de la carpeta /wp-content/plugins/amp/.

(Nota: de momento el plugin AMP solo soporta entradas, ni y páginas, no archivos)

AMP y el SEO

seo amp wordpress

Google ya ha anunciado que desde el día 24 de febrero de 2016, o sea mañana mismo, va a tener en cuenta AMP para sus SERP, y de hecho desde hace cosa de un mes que en la Google Search Console, o Herramientas para Webmasters si lo prefieres, hay un apartado que ya lleva tiempo analizando la existencia y rendimiento de las páginas AMP de tu web, si existiesen.

Es más, hoy mismo ha empezado a enviar emails de aviso sobre errores AMP. Esto ya debería ser más que un aviso.

corregir errores amp

Lo que está claro es que hay varios motivos por los que debes ofrecer la versión AMP de tus contenidos en lo que respecta al SEO:

  1. Tus contenidos móviles serán más accesibles, y eso te lo premiará Google.
  2. Tus contenidos móviles cargarán más rápidamente, y eso siempre lo premia Google y tus visitantes.
  3. Tus contenidos móviles estarán centrados en el contenido, eliminando todo lo que sobra, lo que hará tus contenidos más semánticos y posicionarán mejor.
  4. Tu web estará totalmente optimizada para dispositivos móviles, y eso te lo premiará Google y te lo agradecerán los visitantes.
  5. Google ya ha dicho que premiará las webs que ofrezcan versión AMP de sus contenidos.

Ahora bien ¿debo hacer algo para adaptar mi SEO a AMP?

La verdad es que no mucho. Para empezar asegúrate de que tus entradas y páginas originales tienen la relación canonical (rel=»canonical»), pero si tienes instalado, activo y bien configurado un buen plugin de SEO eso ya lo tendrás funcionando, así que no hay de qué preocuparse.

Otra cuestión es que AMP es muy exigente con los estándares, así que deberás comprobar que tus publicaciones siguen estrictamente las especificaciones de datos estructurados, rich snippets y Schema.org.

El plugin de AMP para WordPress va mejorando, pero aún genera muchos errores en la consola de Google, ya que no puede «traducir» tus entradas todo lo correctamente que sería deseable. No obstante va mejorando en cada versión y se nota en el listado de errores, que se va reduciendo.

amp search console Google

Por otro lado, asegúrate de que el tema WordPress que utilices, el que genera las entradas canonical a fin de cuentas, cumple los estándares web y no usa atributos, etiquetas o sintaxis no permitidas por AMP. De todo esto te irá avisando la página de Accelerated Mobile Pages de la Search Console de Google. El plugin de AMP trata de corregir lo que puede pero mejor si le facilitamos la vida ¿no te parece?

En resumen, AMP puede afectar muy positivamente a los SERP de tu web ya que cumple todas las reglas del SEO para móviles, a saber:

  1. Es una plataforma puramente móvil.
  2. Está optimizada para su indexado.
  3. Está optimizada para una carga rápida.
  4. El diseño y navegación está optimizado para dispositivos móviles.
  5. El contenido está optimizado para dispositivos móviles.

Si aún tienes dudas en si activar AMP en tu web, mientras te lo piensas ve instalando el plugin de AMP para WordPress, a pesar de los errores Google empezará a indexar tu contenido AMP y ofrecerlo en sus SERP, y al ser contenidos rápidos y optimizados mejorarán tu SEO.

amp movil wordpress

¿Alguna duda?

Ya tardas …

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(30 votos, promedio: 4.6)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

75 comentarios en “AMP, SEO y WordPress”

    1. No hace falta el código de htaccess que comentaba @fernandot:disqus en su post original. Acabo de probar la última versión 0.3.1 y esta incluye las etiquetas amphtml en la página normal indicando que existe una version AMP y la etiqueta canonical en la página AMP indicando cual es la original. Con esas dos etiquetas Google tiene más que suficiente.

      Saludos

        1. Hola chicos, necesito algo de ayuda con la configuración del plugin ya
          que si utilizo /amp/ no veo ningún cambio al visualizar los artículos
          desde el movil y si utilizo ?amp=1, si que lo veo correctamente en la
          versión AMP pero el problema es que también lo veo en AMP desde el PC.
          ¿No debería verse normal desde el PC y en versión AMP si se utiliza un
          dispositivo móvil?
          Os cuento lo que he hecho por si me he olvidado de algún paso:
          Tras
          instalarlo y activarlo, fuí a «Ajustes de los enlaces permanentes» y
          «Estructira personalizada» y añadí /%postname%/?amp=1
          Me pareció leer que ya no hace falta editar el archivo htaccess
          Por favor, necesitaría que alguien me ayudara a configurarlo correctamente.
          Un saludo

          1. Si Fernando lo hice, gracias ¿Qué debo hacer para que se vea correctamente desde un pc y desde dispositivos móviles en AMP?

          2. Y si se quitan pero, el blog tiene 300 y pico entradas muy antiguas ya indexadas? Se perderá posiciones en Google? Muchas gracias Fernando

  1. Alberto Cuervo Mallada

    Esto es solamente para las noticias? no afecta a la web entera?, es que yo tengo una web de empresa en la que tengo productos pero van sobre el tema que tengo instalado y la sección de noticias no la uso. Sería bueno instalarlo igualmente?,

    Un saludo, Fernando

  2. Esperando con ganas que habiliten google adsense y adserver… En cuanto a google analytics hay que introducir el código en algún sitio del plugin o google ya pilla el tracking code?

    1. De hecho ya lo implementado así como otros cambios. El siguiente tutorial con vídeo es muy útil para aplicar los cambios que necesitamos sobre AMP en el child http://techprezz.com/2016/02/wordpress-amp-customize-accelerated-mobile-pages-add-google-analytics-adsense-code/
      Lo que no entiendo es por qué debemos crear un proyecto nuevo en Google Analytics para AMP? Ahora mismo tengo las visitas móviles por un lado y las demás por otro cuando es fundamental ofrecer una visión completa de las visitas en la web…

  3. Pingback: AMP es la tecnología que va a revolucionar y acelerar la web móvil

  4. Hola Fernando,

    he instalado el plugin que dices y la pagina carga de maravillas pero estoy teniendo problema con las thumbnails, no se visualizan correctamente. ¿Que podrá ser?

    Saludos.

  5. En AMP el elemento no es válido, se debe utilizar pero no lo utilices directamente. Tienes que seguir utilizando para que todo se vean bien en las versiones no-AMP. En la versión AMP el plugin se encarga de reemplazar todos los que encuentre en el contenido del post. Por aquí funciona perfectamente.

  6. Pues activé el pluging y edité algunos colores. En cuanto AdSense, no se, pero cogí un código y lo agregué manualmente bajo el post, funciona, pero no se que tan correcto sea haberlo agregado así.

  7. Eduardo Maurin L.

    Excelente!! estoy haciendo pruebas con me soluciona algunas opciones de apariencia, así como analytics y Adsense, pero hay que tener el plugin de Automatic previamente activado. aún no me redirecciona a la versión AMP desde el móvil, no modifiqué el htcaccess, sigo haciendo pruebas

  8. Hola, He instalado el plugin AMP, en Paginas no me deja añadir al final de las de los enlaces permanetes la 1º barra a la derecha, «/»amp,. mi tema es Premium. Os agradecería que me iluminéis.

  9. Me aparece en todas las url tanto de computadora como de móviles el amp=1 , no puedo logar hacer que solo se vea en moviles y no en computadora

  10. Hola. Tengo un problema. En el momento que activo el plugin de AMP en mi blog, dejan de funcionar los índices inferiores de la portada que llevan a las otras paginas ( nombreblog/page/2) ¿Me pueden ayudar?

  11. Antes de nada (la educación ante todo): Gracias por el artículop, Fernando.

    Perdón por mi comentario de antes, no leí el resto de comentarios y no leí (lógicamente) que no hacen ya falta las líneas de .htaccess.

    He visto en el código de mi página que ya aparece la etiqueta de amphtml pero en los dispositivos móviles no se redirige a la URL ../amp/ y no se muestra.

    Está funcionando correctamente porque si se pone la URL a mano la resuelve a la perfección.

    ¿A alguien le pasa lo mismo? Webmastertools no indica error en el restreo móvil

  12. Pues a mi lo que no me fuciona es la redirección de dispositivos móviles en el .htaccess:

    RewriteEngine On
    RewriteCond %{REQUEST_URI} !/amp$ [NC]
    RewriteCond %{HTTP_USER_AGENT} (android|blackberry|googlebot-mobile|iemobile|iphone|ipod|#opera mobile|palmos|webos) [NC]
    RewriteRule ^([a-zA-Z0-9-]+)([/]*)$ [L,R=302]

    A ver si estoy haciéndolo mal, hay que ponerlo entre las etiquetas y , ¿no?

  13. Pingback: ¿Por qué AMP es más rápido? | Ayuda WordPress

  14. Pingback: Personalizar AMP | Ayuda WordPress

  15. Pingback: Google AMP y WordPress, webs ultrarrápidas para móviles (Webinar gratuito) | Ayuda WordPress

  16. Pingback: 7 Tendencias SEO que debes conocer a partir de ya | Marketing Digital en Almería ★ Saltandotrenes

  17. Como han comentado ya, no se necesita modificar el archivo htaccess. Si alguien lo ha hecho, que puede estar redigiendole las páginas (que no post). El plugin aún no hace versiones AMP de páginas por lo que le generaría un error 404.

    1. Alberto Cuervo Mallada

      Ni páginas, ni cualquier otro elemento que pueda crear por ejemplo un theme que tengáis instalado, como es mi caso que me theme genera productos y demás cosas que se ven como páginas pero esto aun no esta disponible en versión AMP.

  18. Buenas! Yo tengo una duda sobre el plugin. Cuando lo instalo y trato de comprobar si funciona, cuando añado /amp/ a la url me da un 404 y cuando pongo ?amp=1 solo funciona en la home (en el resto me hace una redirección hacia la página original), pero en lugar de la home original de la web me muestra la home del blog.

    Gracias!

  19. hola en mi htacces pone este codigo

    RewriteEngine On

    RewriteBase /

    RewriteRule ^index.php$ – [L]

    RewriteCond %{REQUEST_FILENAME} !-f

    RewriteCond %{REQUEST_FILENAME} !-d

    RewriteRule . /index.php [L]

    como deberia insertar le que tu propones ??
    Gracias por tu paciencia y agradecimiento eterno 🙂

  20. ÁlvaroVázquezChimeno

    Hola Fernando, gracias por el post y la info. Acabo de instalar AMP en mi web, http://ddigitales.net/ y tengo algunas dudas.

    La primera es si es necesario tocar el archivo HTACCESS sí o sí. Lo digo, porque he leído a otros compañeros y no dicen nada la respecto.

    La segunda está relacionada con el tema de contenido duplicado, porque según esto, por cada post tendríamos tres urls.

    1. El post normal.
    2. El post terminado en /amp
    3. El post con /?amp=1

    Mil gracias de antemano.

    Á.

    1. ÁlvaroVázquezChimeno

      La verdad es que no, por eso preguntaba. En todo caso, tampoco entiendo bien la función del amp, porque no aparece directamente cuando entras desde un dispositivo móvil, no?

      á.

  21. Buenas Fernando,

    Gracias por el artículo, aunque sé que es antiguo, en su día lo instalé y con los meses las actualizaciones y yo no consigo ver la versión de mi web en AMP a ser que se lo añada yo al final. ¿Tengo que hacer algo para que en los móviles se vea automáticamente en AMP? Por ejemplo, buscando en Google en el móvil, algunos resultados como los de Elmundo.es ó Elpais.com ya se muestran con un icono de AMP (desde hace unos meses) mi web no sale ni con ese icono ni entrando desde el móvil redirige a la versión AMP. ¿Qué puedo tener mal configurado? Muchas gracias.

    Otra cosa más, en otra plantilla que tuve instalada de mi web, en cada post me salía a la derecha (en el editor, no en la web publicado), una casilla para darle a mostrar versión AMP, en la plantilla que tengo ahora mismo, dentro de cada post no me sale esa opción. No sé si es que ha cambiado con las actualizaciones y esto ya se hace automático sin tener que darle, o fue por el cambio de tema (antes graphene y ahora poseidon).

    Nuevamente muchas gracias por vuestra ayuda.

  22. Pingback: Personalizar AMP

  23. Hola, buenos días,
    Tenía una duda a ver si podías resolvérmela:

    En mi página web, a través del Htacess hemos obligado que desde los navegadores móviles, al visitar la web principal o navegar por el blog, todas las páginas se redirijan forzadamente a la versión AMP ¿Esto sería correcto para tener una versión AMP en toda la web y que la indexe Google? ¿O no es necesario forzar la redirección?

  24. Aunque ha pasado un año, me surge una duda sobre el plugin… ¿Hay alguna forma de que solo se aplique a la sección de blog/artículos? Así es como debería ser, pero en la web en la que lo estoy usando, si activo el plugin, carga una sección de artículos en lugar de la Home… Gracias.

    1. AMP solo es para artículos, y pronto para páginas y más cosas, pero de momento todo lo que tengas maquetado en home no lo coge. A Google solo le interesan las noticias para AMP, no las home

      1. Entiendo que es solo para artículos, pero mi problema es que cuando accedes a la Home desde el móvil, en vez de aparecer la Home habitual, aparece una página de artículos, y quiero que respeto la Home en versión resposive normal, ¿Qué puedo hacer? Gracias por contestar

  25. Pingback: Cómo mejorar tus páginas AMP en WordPress

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido