4 errores en páginas AMP

El desarrollo de páginas AMP es una pasada, y sino preguntar a vuestros lectores.

Para el que no esté familirizado AMP es “Accelerated Mobile Pages”, es decir, un diseño para que nuestras páginas “vuelen” en los móviles, menos código y eso implica mayor velocidad de carga de la página en un móvil.

Google esta muy interesado en este proyecto y premia (en su buscador) a las web que usen el AMP.

AMP for WP – Accelerated Mobile Pages

Nosotros estamos utilizando este plugin desde hace unas semanas.

Le añadimos el tema Minimal Blogging y muchos lectores nos han “felicitado” desde entonces.

Corre mucho y eso que el menú principal de las entradas es a base de fotos.

Pero es aún es pronto para que el plugin sea definitivo, esta en desarrollo y es normal que aparezcan errores en el Google Search Console. (ver más abajo antes de instalártelo!)

Google Search Console

Este será nuestro nuevo jefe, y hay que prestarle mucha atención, porque puede dejar de enseñar tus páginas AMP en las búsquedas.

Nosotros llevamos varias semanas con el plugin instalado, usando el tema de Minimal Blogging.
y los errores no paran de salir, pero afortunadamente estamos dando con la solución.
Aunque dedicando muchas horas de lectura en la red.

Finalmente hemos desactivado el tema, sigue leyendo para saber porqué.

alojamiento para wordpress
A continuación te detallo algunos de los que nos han ido apareciendo y la solución, para que ganes tiempo.

Discrepancia de contenido grave

En primera opción nos salió que la página AMP no coincidía con la página canónica.

También nos daba este error:

“Googlebot no ha podido obtener todos los recursos para esta página. A continuación se muestra una lista de los recursos no disponibles” …

El error nos salió con un estilo de letra que nuestro wordpress no tenía.

La búsqueda (explorar como google) se bloqueaba en un determinado punto del texto y ya no aparecía más texto de la entrada.

En concreto era el tipo de letra Poppins.

Aunque se puede corregir buscando el tipo de letra en Google Fonts y añadiendo una linea en nuestro fichero Functions.php (peligro!) la mejor solución es:

Ir a la página original de tu wordpress y editarla.

Seleccionas todo el texto

y le das a la Borrar formatos.

El error fue motivado porque copiamos un nombre y lo metimos en la entrada con su propio formato.

Aunque wordpress lo leyó con su propio estilo de letra, AMP lo reconoció y lo puso con el estilo de letra original…

Posteriormente en una de las actualizaciones de AMP ya se puede usar el estilo de letra “Poppins”

Se ha encontrado la extensión ‘amp-facebook-comments’ en esta página, pero no se utiliza. Retírela si es posible.

En los inicios quisimos que aparecieran los comentarios de facebook en nuestros post.
Y así lo hicimos, aunque no se utilizaban mucho, en facebook si, pero no en el blog.

Nos olvidamos de ellos hasta que pusimos el Plugin de AMP y Google nos empezó a dar avisos en todas nuestras páginas, más de 8 páginas con advertencias.

Si es vuestro caso lo mejor es quitar los comentarios de facebook hasta que salga un nuevo plugin de facebook.
El último para añadir comentarios lo tuvo que retirar, desconocemos los motivos.

La etiqueta “amp-analytics extension .js script” consta más de una vez en el documento. Pronto esto se considerará un error.

Este problema es “gordo” porque es difícil tener acceso a las estadísticas de visitas a páginas AMP.

De hecho a nosotros no nos aparecen en las estadísticas del wordpress.
Tampoco nos aparecen en las estadísticas de Jetpack…
Y en las de Google Analytics tampoco, aunque para esto último hay solución.

Tenéis que iros al plugin de Google Analytics
Después a código de seguimiento.
Ir a la pestaña de Integración
Y “activa el seguimiento de páginas móviles aceleradas (AMP)”

Aún así hemos perdido información de los eventos (clics a enlaces)

Para añadir más dolores de cabeza los de Search console nos dan este nuevo problema.

Aquí el problema detectado es en el propio plugin. Hemos escrito a sus creadores para que den una solución.

De momento se puede eliminar manualmente:

Vais al plugin AMP
Settings
Advance Settings
y borráis el código que aparece en “Enter HTML in Head”.

Nosotros también hemos borrado el de “Enter HTML in Body (beginning of body tag)”

No queremos más avisos!!.

No puede incluir JavaScript personalizado

Este error esta relacionado con el anterior.

El plugin de AMP tiene la opción de incluir tu propio código de javascript en la cabecera, en el cuerpo o en el pie. Como te he comentado anteriormente.

En Advance Settings

Pero cada vez que lo hemos usado, ya sea para incluir el código de seguimiento como para otras opciones SEO, Google search console protesta.

Así que no lo toques!

Elimina todo lo que contenga esta opción en advance settings de AMP.

Error de servidor 5xx

Este error nos dio un gran susto, y nos costó encontrar el problema al menos 3 semanas…

Hablamos primero con nuestro proveedor de hosting, los de webempresa tardaron en contestarnos 3 minutos sólo desde que pusimos el ticket!!

En este primer momento nos dijeron que correspondía a falta de memoria PHP. Estábamos consumiendo todo el límite de recursos de este tipo.
Nos subieron el límite ellos, sin tocar nosotros código.

Y aunque en internet tienes otras soluciones tocando código : via htaccess, wp-config y PHP, aprovechamos para hacer limpieza, que nos ha venido fenomenal para :

Mejorar velocidad de carga WordPress (y que google te quiera más)

Con el susto que teníamos en el cuerpo, más que nada porque somos becarios en esto del html, hicimos las siguientes tareas:

Limpieza de fotos

  • Eliminar fotos que habíamos subido y que no estábamos usando.
  • Reducir el tamaño de las fotos de las portadas: Intentar dejar fotos por debajo de 100 kb

Esto se hace fácilmente editando las fotos y dando a escalado. Con que lo bajes un poco la escala, imagina que son de 800, si lo pones a 750, ya te estas ahorrando un montón de KB.

¿Sabes que por defecto WordPress te crea varias copias de tus fotos, en distintos tamaños?

Pues nos pusimos a eliminar todas las que superaban los 100 KB.
Y lo hicimos a través del administrador de archivos de CPANEL.
La ruta donde se guardan es: Public_html/elnombredetuweb/wp-content/uploads/2018

Después de quitarlas hicimos una prueba en GTMetrix.

De las +50 fotos que quitamos sólo tuvimos 2 problemas, en entradas antiguas.

Pero las restauramos individualmente con la copia de Superbackup de Webempresa. Puedes elegir un archivo sólo (o varios) de la restauración. Un gran suspiro, es la primera vez que lo usábamos.

Limpieza de Plugins

Los de webempresa nos advirtieron en otro correo que teníamos demasiados Plugins.

No te puedes imaginar los que teníamos (más de 30), alguno lo habíamos usado sólo en una entrada o ni eso.

Todo esto nos estaba penalizando.

Ahora tenemos unos 20 y la idea es no probar muchos más.

Algunos plugins dejan “rastro” en tu administrador de archivos, así que busca en las tablas de datos o en las carpetas, si ves nombres de plugins que has eliminado.

Un plugin que deja mucha basura y que consume muchos recursos es el W3 TOTAL CACHE, quitamos el plugin y varias carpetas… mejoró la velocidad de inmediato.

Copias de seguridad

Teníamos un plugin muy famoso : el All in One WP migration.

Lo cierto es que siempre nos servíamos de él cuando instalábamos plugins que nos dejaban “tostado” el blog.

Pero descubrimos el Superbackup de nuestro proveedor (todos los proveedores lo tienen), ¿para que queríamos tener dos copias?

El superbackup lo tienen en sus servidores, no te consume espacio ni recursos en tu web. Y te la hacen automáticamente todos los días.

Cada copia del AIW ocupaba en nuestras carpetas +350MB!!

Imaginad el espacio que quitamos, entre las fotos +50MB y la copia de seguridad +350MB…
La velocidad, con todo lo que hicimos, disminuyó a niveles nunca vistos, llegamos hasta los 1.2 segundos de carga en páginas AMP.

Dicho esto, seguro que os habéis visto 100 vídeos de SEO y otras tantas lecturas de Blogs que te dicen instálate este plugin o este otro…

La velocidad es fundamental para que google te suba.
y después ya mejoras tus artículos y aprendes otras cosas, pero cuida de tu velocidad.

Volvemos al ERROR 5xx 

A pesar de toda la limpieza que habíamos hecho, seguía saliendo el error en el Google Search Console.

Que desesperación, después de varias semanas limpiando nuestro WordPress. (aunque nos sirvió para mejorar nuestra velocidad)

Y quisimos poner otro ticket a Webempresa. Pero antes de poner el ticket se encendió la luz…

Resulta que tienen un Asistente virtual Stephan, que nos hizo un barrido y nos dio un error de consumo de memoria en el Minimal Blogging!!!

Con lo bonito que era el tema!!

Resulta que en una de las actualizaciones se les ha ido algo, o choca con otro plugin que tengamos instalado (lo desconocemos, pero no vamos a quitar todos los plugins).

Escribimos a los de AMP y nos pidieron amablemente acceso a nuestro CPANEL y a nuestro WordPress… y lo siento, pero me costó mucho dárselo. Tanto que lo hemos eliminado.

Así que fuera el plugin, volveremos a instalárnoslo más adelante, cuando esté más trabajado. Porque mola, sino te da el error, aprovéchalo.

¿Quieres mas?

No te olvides de visitar el artículo de Yoast Seo para más recomendaciones.

Bueno, espero que te haya ayudado en tu camino.

Iremos actualizando esta entrada con los siguientes que vayan saliendo.

Saludos,

Resumen
4 Errores en AMP y consejos para mejorar velocidad de wordpress
Artículo
4 Errores en AMP y consejos para mejorar velocidad de wordpress
Descripcion
Errores en el plugin de AMP y posibles soluciones. Y de paso intentamos mejorar la velocidad de carga de las páginas de wordpress con varios consejos.
Autor
Editor
Perdidos en la Web
Logo Editor