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. Añade la siguientes líneas a tu archivo .htaccess para redirigir los dispositivos móviles a las versiones AMP de tu contenido:

  4. 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: fíjate que en el código debes cambiar lo de misitio.com por tu dominio, que no se te olvide)

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

(Nota: es posible que ni siquiera haga falta el código en .htaccess pues Google es capaz de identificar si ofreces versiones AMP)

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 este artículo para mejorar la calidad del blog ...

PobreRegularEstá bienMuy buenoExcelente (24 votos, promedio: 4,50 de 5)
Loading...

Autor: Fernando

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad
  • Pablo

    ¿Y usando Nginx (sin htcaccess)?

    • 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

      • Cierro lo acaban de meter

        • reservandia

          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

        • La has liado pardísima, quita eso de los permalinks o lo verás amp en todas partes y harás un destrozo

        • reservandia

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

  • Tiene muy buena pinta, aunque de primeras no me carga imágenes ni videos 🙁

    • Pues las imágenes si no van por JavaScript deberían cargar sin problema

  • 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

    • De momento es solo para posts, ni siquiera páginas. Y sí, es bueno instalarlo

  • ¿Afecta la publicidad de Adsense? O que saben de ese tema

    • Por lo que entendí no su puede incluir publicidad AdSense en la versión AMP

      • Lo tendrá, darlo por hecho, ahí está Google

        • Había enviado un comentario con algunas referencias: Adsense ya parece estar admitido en AMP, pero ese comentario está en cola de moderación. ¿No lo has visto?

        • No he tenido tiempo, lo busco, estará por ahí 😉

  • Fernando

    Una de la pegas que veo, supongo que pendiente de resolver, es que con amp no hay menús.

  • 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?

    • No hace falta nada, Google te identifica el Analytics de la web si ya lo tienes implantado

      • Actualmente eso no supondría un problema legal en España? Si entro en ayudawp de normal me sale el obligatorio aviso de cookies, pero si entro por /amp no

  • Pingback: AMP es la tecnología que va a revolucionar y acelerar la web móvil()

  • Ana

    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.

  • 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.

    • Con la actualización 0.3.1 han aparecido mágicamente, sería algún bug debido vete tu a saber qué 🙂 ¡Gracias por la ayuda!

  • Veo que en la versión AMP si vas a un enlace que no es post las líneas de htaccess hacen un mal redireccionamiento. ¿Sabrías cómo solucionarlo?

    • Solucionado con la última actualización del plugin. Fuera las lineas de htacess

  • DomenicoPuzone

    El HTACCESS no funciona, no hace el redirect en mi posts…

    • Revisa las notas del post 😉

      Confirmo que no hace falta, Google ya está haciendo redirecciones en móvil

  • Anonimo

    creo que existen etiquetas propias de AMP

  • Pero los videos incrustados o tweet o instagran no funcionan.

  • 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í.

  • ¿Es necesario añadir algún código para que lo detecte en adsense o analytics?

  • Aurelio

    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.

    • Eso depende de la estructura de enlaces permanentes que tengas, prueba con la otra opción, la de ?amp=1 :

      • Aurelio

        lo tengo en /%postname%/ se trata de una Pagina web, la barra / 1º desaparece cuando le doy a actualizar se queda asi, http://www.misitio.con/contactaranp/, también instale el plugin PageFrog por si iba el AMP, GRACIAS POR RESPONDER

  • luis

    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

  • Javi SonFor

    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?

  • Juan A.

    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

  • Pingback: ¿Por qué AMP es más rápido? | Ayuda WordPress()

  • Pingback: Personalizar AMP | Ayuda WordPress()

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

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

  • 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.

    • 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.

      • Bueno de hecho, depende de como tengas configurada la página 404 puede generar un loop

  • Hector

    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!

    • Si pusiste alguna redirección en htaccess quítala y prueba luego. También podría ser algún plugin de redirección

  • 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 🙂

  • Noèlia Herrero

    Me interesa esto, Álvaro, ¿has averiguado algo?

    Mil gracias!

    • Á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?

      á.

  • Ronald

    Existe la forma de que funcione en las pages, lei que solo funciona para los post. Gracias

    • En la próxima versión ya incorporará páginas

Pin It on Pinterest

ESTA WEB UTILIZA COOKIES PARA OFRECER LA MEJOR EXPERIENCIA POSIBLE. SI SIGUES NAVEGANDO DAS TU CONSENTIMIENTO PARA LA ACEPTACIÓN DE COOKIES Y NUESTRA POLÍTICA DE PRIVACIDAD más información

Las opciones de cookie en este sitio web están configuradas para "permitir cookies" para ofrecerte una mejor experiéncia de navegación. Si sigues utilizando este sitio web sin cambiar tus opciones o haces clic en "Aceptar" estarás consintiendo las cookies de este sitio.

Cerrar