• Ir al contenido principal
  • Ir a la barra lateral primaria
  • Ir al pie de página

Algoentremanos.com

  • Ofertas Servicios Online
  • Aplicaciones y Programas
    • Programas utiles
      • Los 10 mejores emuladores de videojuegos (NES, SNES, N64, PS1, MAME…)
      • Mejores aplicaciones para Mac
      • Mejores programas fotografía para Mac
      • Mejores programas para Linux
      • Las mejores aplicaciones para utilizar tu tableta gráfica
      • Backup 3-2-1: la mejor manera de hacer una copia de seguridad de tu ordenador
        • Los mejores programas para hacer un backup online y offline de tu PC o Mac
    • Las mejores aplicaciones para iPhone – iPad
  • Privacidad y VPN
    • VPN
      • Los mejores VPN gratis
      • Cómo ver Netflix en España y otros países
      • ¿Qué VPN funciona con Netflix?
      • Cuales son los mejores VPN por calidad precio
      • El mejor VPN para Mac
      • Mejores VPN para Windows
      • Mejores VPN para torrents
      • El mejor VPN para tu smartphone o tablet Android – iOS
      • Los mejores VPN para Bet365
      • Los 5 mejores VPN que aceptan Bitcoin como pago
      • Proxy vs VPN
    • Bloqueadores de anuncios
      • Las mejores aplicaciones para proteger tu privacidad en smartphones y tablets
    • e-Mail Seguro
    • Gestores de contraseñas
      • Mejores gestores contraseñas
    • Proxy
    • Tor
  • Web y SEO
    • SEO
      • Las mejores herramientas para controlar el posicionamiento de las palabras clave de tu web en Google
      • Las mejores herramientas gratis de búsqueda de palabras clave
    • Blogs
      • Donde registrar dominios online
      • Los mejores servidores VPS por calidad precio
      • Tipos de hosting para alojar tu blog: hosting compartido, VPS, Cloud o servidor dedicado
      • Compra dominios baratos
      • WordPress
        • WordPress y HTTPS
        • Los mejores temas de Genesis Framework para WordPress
    • Los mejores gestores de contenido (CMS) Open Source
    • ¿Cuál es el mejor panel de control gratuito para un servidor linux?
  • Juegos
    • Cómo jugar con tu familia en Animal Crossing
    • Los mejores juegos para iPhone
    • Los mejores juegos para el iPad
    • Los mejores juegos para Mac
      • Los mejores juegos para Mac gratis y de pago
    • Trucos y estrategias de Clash Royale que nunca nadie te había contado
      • Mejor baraja Clash Royale
    • 20 trucos y estrategias para jugar al juego Boom Beach
    • Cómo empezar a jugar a Minecraft (Tutorial para principiantes)
    • Guía Farmville
      • Solución a los problemas de conexión y carga en Farmville
  • Internet
    • Amazon
      • Reclamaciones Amazon
    • android
    • Apple
      • Tú iMac o Macbook suena y hace ruido: posiblemente sea el ventilador [solución]
    • facebook
    • Google
    • Herramientas Online
      • Los mejores servicios para hacer una copia de seguridad online
        • Los mejores servicios de almacenamiento en la nube gratis
    • Tutorial
      • Las mejores páginas web para descargar torrents
  • Actualidad
    • ciencia
    • Cine
    • Dinero
    • Geek
    • Libros
      • Mejores libros Ciencia Ficción
    • Móviles
    • Ofertas
    • Series TV
    • Tecnología
    • Viajes
Usted está aquí: Inicio / Web y SEO / Blogs / WordPress y AMP: Errores más comunes y como solucionarlos

WordPress y AMP: Errores más comunes y como solucionarlos

diciembre 25, 2018 Por Ivan Benito 5 comentarios

El otro día comentaba que a lo mejor sería interesante crear tu propias páginas AMP para WordPress. Las páginas de Accelerated Mobile Pages (AMP) son páginas web diseñadas en función de una especificación de software libre. Las páginas de AMP validadas se rastrean, se almacenan y se publican desde una caché que permite que su publicación sea aún más rápida. Y Google les esta dando un trato preferente, así que pueden suponer un gran impulso par tu web.

En WordPress, solo tenemos que instalar el plugin para AMP, se activa y todo debería de funcionar (luego hay que esperar a que Google indexe tus páginas)… pero a veces tenemos problemas… ¿Cómo? Es posible que veas perfectamente tus páginas AMP y que Google no las indexe porque contienen errores. ¿Qué podemos hacer?

Si vas a las Herramientas para Webmaster de Google, te puedes encontrar algo como esto:

Entonces, nos tenemos que poner manos a la obra y descubrir cuales son los errores. Tenemos que comprobar que todo es correcto realizando dos acciones:

  1. Comprobamos los datos estructurados de la página
  2. Comprobamos que las páginas AMP están correctamente generadas.
¿Cuáles son los mejores temas de Genesis Framework para WordPress en 2019?

1.-Comprobamos los datos estructurados de nuestra página

Vamos a la página https://developers.google.com/structured-data/testing-tool/ y metemos la url que queremos comprobar, en mi caso:

Cómo crear tu web con WordPress: Guía de instalación paso a paso en tu servidor

Si todo sale bien deberias obtener algo como esto:

En caso contrario, en el lado derecho te indicaran cuales son los errores a solucionar.

  • También puedes utilizar la página https://search.google.com/search-console/amp, donde te dice claramente cuales son los errores y alguna posible solución.

2.-Comprobamos que las páginas AMP están correctamente generadas.

En este caso tenemos que utilizar Google Chrome como navegador y meter la url del ejemplo con un pequeño añadido:

Cómo crear tu web con WordPress: Guía de instalación paso a paso en tu servidor

con #development=1 al final de tu url, y luego tenemos que entrar en las Herramientas para Desarrolladores de Chrome (menú de las 3 barras de la derecha > Más herramientas), y si todo sale bien obtendremos algo como esto:

donde al final, abajo del todo, no nos sale ningún error y nos dice que las páginas AMP son correctas. En caso contrario, te indicaran cual es el error y en que parte del código lo puedes encontrar. También recomiendo visitar la página web: https://www.ampproject.org.

3.-Actualización a AMP versión 1

Sí. El plugin de AMP oficial de WordPress ya ha salido de la guardería y ha traído interesantes opciones con él. La principal, es que ya podemos cambiar con seguridad del «Classic Mode» al «Paired o Native Mode».

Recomiendo totalmente hacer este cambio porque pasas a usar el CSS de tus propias plantillas: tus páginas AMP ya tienen estilo propio, que es igual al de tu tema por defecto de WordPress.

  • Nativo:Reutiliza las plantillas del tema activo para mostrar las respuestas AMP, pero no utiliza URLs separadas para AMP. Esto significa que tu sitio es AMP-first y tus URLs canónicas son AMP.  
  • Emparejado:Reutiliza las plantillas del tema activo para mostrar las respuestas AMP, pero utiliza URLs separadas para AMP. Cada URL canónica puede tener una URL AMP correspondiente, si el contenido es totalmente válido para AMP. 
  • Clásico: Muestra las respuestas AMP en plantillas de entradas clásicas (heredadas) en un diseño básico que no coincide con las plantillas de tu tema.

¿Qué modo recomiendo? Estoy utilizando el modo Nativo (toda tu página web con cambiar de URL se transforma en AMP) y la verdad es que funciona muy bien. El plugin directamente realiza una redirección 302 desde la antiguas urls del modo clásico y no se pierde nada de SEO en el proceso.

Además, con esta opción y marcando los dos apartados de gestión de validación, todos los errores que puedan aparecer en tus páginas AMP son gestionados directamente por el plugin .

Errores muy comunes que te puedes encontrar al instalar AMP en WordPress

1.-Error: Algún plugin te esta modificando las cabeceras. Obtienes unos errores como estos al comprobar la página AMP en Chrome:

  • The attribute ‘type’ in tag ‘script type=application/ld+json’ is set to the invalid value ‘text/javascript’.
  • The attribute ‘href’ in tag ‘link rel=stylesheet for fonts’ is set to the invalid value ‘//fonts.googleapis.com/css?family=Merriweather:400,400italic,700,700italic|Open+Sans:400,700,400italic,700italic’. (see https://github.com/ampproject/amphtml/blob/master/spec/amp-html-format.md#custom-fonts)
  • The attribute ‘src’ in tag ‘amphtml engine v0.js script’ is set to the invalid value ‘//cdn.ampproject.org/v0.js’. (see https://github.com/ampproject/amphtml/blob/master/spec/amp-html-format.md#scrpt)
  • The attribute ‘type’ in tag ‘script type=application/ld+json’ is set to the invalid value ‘text/javascript’.

Solución: Prueba a desactivar cada plugin de WordPress uno a uno hasta que desaparezca el error.

2.-Error: Tienes instalado Cloudflare y activado Rocket Loader

Solución: Desactiva esta opción en el panel de control de Cloudflare. Esta opción modifica partes del código de manera sustancial.

  • Me he puesto en contacto con el soporte de Cloudflare y me han comentado que van a arreglar este error que se produce al activar esta función de cache.

3.-Error: Es posible que el plugin AMP de WordPress tenga algún error.

Solución: Visita el foro de soporte del plugin AMP y mira si a alguien le esta pasando lo mismo que a ti. Es posible que actualicen el plugin en breve.

Como proteger y aumentar la seguridad de WordPress con WebARX

4.-Error en tu servidor: ¿Tienes instalado mod_pagespeed?

Solución: mod_pagespeed es un modulo que acelera la carga de tu contenido web modificando muchos aspectos de tus imagenes, css, javascript etc, y eso puede afectar al codigo de la pagina amp en gran medida. Tenemos que evitar que este modulo de apache y ngix haga esto entrando en su fichero de configuración (/etc/httpd/conf.d/pagespeed.conf o similar) y añadiendo la siguiente orden (fuente: stackoverflow.com):

  • ngix: pagespeed Disallow */amp/*;
  • apache: ModPagespeedDisallow */amp/*;

Luego tienes que reiniciar tu servidor Apache o ngix para que el cambio surta efecto.

5.-Es posible que el propio plugin de AMP de problemas

Es posible que al actualizar una nueva versión del plugin de AMP oficial, haya algún bug que provoque que las páginas AMP no funcionen correctamente. Visita el foro de soporte y comprueba si alguien tiene el mismo problema que tu. También es posible que en Google Webmaster Tools aparezca el error (si tienes dada de alta tu página en este servicio), lo que te puede ayudar a descubrir el problema y una posible solución.

6.-Google Analytics deja de hacer el seguimiento de tus páginas AMP

Pues sí… Google Analytics utiliza Javascript para contabilizar las visitas a tus páginas, y AMP se lo quita de un plumazo. Tienes que hacer una cosa muy sencilla:

Vas a la sección Analytics del Plugin AMP y añades lo siguiente en Configuración de JSON:

{
    "vars": {
        "account": "UA-XXXXXX-Y"
    },
    "triggers": {
        "trackPageview": {
            "on": "visible",
            "request": "pageview"
        }
    }
}

¡IMPORTANTE! Donde UA-XXXXXX-Y es el código de seguimiento personal de tu página en Analytics y que puedes consultar en tu cuenta.

En el campo «Tipo» pones googleanalytics, y el apartado ID lo genera dinámicamente. Le das a guardar y todo listo. Tienes más información en: añadiendo Analytics a tus páginas AMP;

Comparte esto:

Relacionado

  • WordPress y AMP: Cómo crear páginas AMP para tu contenido
  • junio 24, 2019
  • En «Blogs»
  • ¿Quieres saber algo más de WordPress?
  • mayo 24, 2017
  • En «Blogs»
  • Cómo validar tus páginas AMP con Google
  • octubre 20, 2016
  • En «Blogs»

Archivado en:Blogs, Google, Wordpress Etiquetado con:AMP, errores, solucion, Wordpress

Acerca de Ivan Benito

Apasionado de la lectura y los viajes, experto en tecnología e informática y fan de la privacidad online. Desde el año 2007 me he dedicado al SEO, a escribir y a crear páginas web con WordPress sobre todo tipo de temáticas. Si tienes alguna duda y necesitas ayuda... ¡Pregúntame!

Suscríbete al blog por correo electrónico

Introduce tu correo electrónico para suscribirte a este blog y recibir notificaciones de nuevas entradas.

Únete a otros 6.385 suscriptores

Interacciones con los lectores

Comentarios

  1. Japon Secreto dice

    marzo 27, 2017 en 10:30 am

    Hola

    Gracias por tu artículo. Muy útil.
    Ahora la search console me está lanzando este error en numerosos posts:
    El atributo «width» de la etiqueta «amp-img» se ha establecido con el valor «», que no es válido.

    ¿Qué debo hacer?
    ¿es un problema del plugin que estoy usando o es un problema del código original de los posts?

    Gracias

    Responder
    • Ivan dice

      abril 1, 2017 en 5:43 am

      Uff…. Puede ser desde tu configuración del servidor hasta un plugin…. Prueba la herramienta de Google especifica para chequear AMP en Google Webmasters Tools.

      Responder
  2. Ramón dice

    agosto 31, 2018 en 3:09 pm

    Hola. Tengo una duda, tengo configurado el sitio para que anule el botón derecho del ratón y el contenido no pueda ser copiado, pero aparentemente AMP lo carga en su servidor y sí puede copiarse. ¿Hay manera de configurarlo para que ello no suceda?. Desde ya, muchas gracias.

    Responder
  3. Silvia dice

    julio 3, 2019 en 11:49 am

    Hola Buenos días,

    He instalado el pluging AMPforWP 0.9.97.61 Pero tengo un problema, en la versión amp de la web, no se ve el menú. No me sale la opción de poner un menú como menú principal de AMP, aunque sí en el pié de página.
    ¿Puede ser un error de mi plantilla que no permita AMP en el menu?
    He probado con otros plugins de AMP como weeblrAMP y si que se ve el menú, pero no tiene las funcionalidades que tiene AMPforWP y me interesa más tener éste último.
    ¿Podeis echarme un cable?

    Responder
    • Ivan Benito dice

      julio 3, 2019 en 11:55 am

      Tiene pinta de que el menú del tema no es compatible con AMP… Tendrias que actualizar el tema… ¿Has probado con el plugin oficial de AMP?

      Responder

Deja una respuesta Cancelar la respuesta

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Barra lateral primaria

TOP ofertas servicios online

Síguenos

  • Twitter
  • YouTube
  • Feed RSS
  • Pinterest
  • Facebook

Privacidad y seguridad online

Suscríbete al blog por correo electrónico

Introduce tu correo electrónico para suscribirte a este blog y recibir notificaciones de nuevas entradas.

Únete a otros 6.385 suscriptores

Los mejores VPN de 2020

Descargo de responsabilidad

Algoentremanos realiza reviews de manera profesional y en muchas ocasiones recibimos compensación de las compañías cuyos productos revisamos. Probamos cada producto a fondo y otorgamos altas calificaciones solo a los mejores. La propiedad de Algoentremanos.com es independiente y las opiniones expresadas aquí son solo nuestras. Saber más.

Las entradas más populares

  • Las mejores páginas web para descargar torrents en 2021
  • Las 20 mejores aplicaciones para Amazon Fire TV Stick: IPTV y apps imprescindibles
  • Los mejores programas y clientes para descargar torrent en 2021
  • Los mejores programas y aplicaciones para Linux gratis en 2021 (Ubuntu y demás distribuciones)
  • Las mejores aplicaciones para iPhone, iPad gratis y de pago en 2021
  • Los 30 mejores juegos para el iPad en 2021
  • Los mejores programas para Mac gratis y de pago en 2021
  • Los mejores programas para dibujar con tableta gráfica gratis y de pago
  • Cómo ganar dinero desde casa con los mejores programas de afiliados en la red en 2021
  • Los mejores programas para organizar, gestionar y reproducir música en tu ordenador

Footer

Sobre algoentremanos.com

algoentremanos.com comenzó siendo una buena manera de recopilar información interesante sobre internet, programas informáticos y todo tipo de proyectos online. Fue fundada en el año 2009 por Ivan Benito. Desde entonces, he pasado cientos de horas realizando análisis y reviews de servicios online y de todo tipo de apps y programas.

Privacidad y cookies: este sitio utiliza cookies. Al continuar utilizando esta web, aceptas su uso.
Para obtener más información, incluido cómo controlar las cookies, consulta aquí: Política de cookies

Análisis y opiniones

Si quieres encontrar información de calidad para elegir los mejores servicios online y programas para tu PC, Mac, Linux o smartphone, algoentremanos.com es el sitio indicado: te ayudo a elegir las mejores opciones. La privacidad y la seguridad online es mi prioridad. No te pierdas los tutoriales y la selección de ofertas. ¿Preguntas o ayuda? Ponte en contacto conmigo… ¡No lo dudes!

Enlaces de interés

  • Los mejores VPN: Precios y comparativa
  • Privacidad y seguridad online
  • Quienes somos
  • Contacto
  • Política de Privacidad y Datos Legales
  • Politica de Cookies
  • Sitemap de la web

Copyright © 2021 · Todos los derechos reservados ·