Corregir error AMP del atributo height con valor vacío

Corregir error AMP del atributo height con valor vacío

Corregir error AMP del atributo height con valor vacío… interesante. ¿Cómo lo hago?. Ese fue mi primer pensamiento tras toparme con este error. Los quebraderos de cabeza que vinieron después, y el trabajo que me está dando, son terribles. A lo largo de esta entrada explicaré el motivo del error y la forma de subsanarlo.

Pero antes quiero explicar el proceso de cómo Google Search Console me enseñó el dedo y me dijo que la versión AMP de la mayor parte de mi blog contenía un error grave.

Entender el origen del error es vital para subsanarlo.

La importancia de AMP

Me gusta leer mucho sobre wordpress, plugins, SEO… y hace relativamente poco me topé con AMP. ¿Qué es AMP? Se trata de un estándar html abierto que Google comenzó a apoyar con fuerza el año pasado.

Las páginas AMP son páginas orientadas a smartphones, sin javascript ni elementos pesados que ralenticen su carga. Google basa su apoyo en esta premisa y en que gran parte del tráfico internauta, hoy en día, es móvil. Y para ello ha tomado medidas para favorecer su indexación en el motor de búsqueda.

Ha sido tanto el empeño de Google que Fernando Tellado, de Ayuda WordPress, ha calificado la adopción de AMP como SEO inmediato.

Me decido a implementar AMP en el blog

He de decir que Fernando Tellado me convenció, pero soy de cabeza dura y me puse a leer mucho más. La mayoría de la información data del año 2016, y muchos de los SEO que han mencionado AMP (que han sido muy poquitos, todo hay que decirlo) han desaconsejado su implementación. ¿El motivo? Había gente eliminando sus versiones AMP porque no servían absolutamente para nada.

Me pareció buena la opción de probar y borrar después, perdiendo únicamente mi valioso tiempo. Asi que me lié la manta a la cabeza. Empecé a leer los plugins más recomendados para wordpress y opté finalmente por AMP for WP – Accelerated Mobile Pages for WordPress.

He de decir que, una vez instalado, sus opciones me parecieron muy chulas, y la versión AMP del blog me convenció. Me dispuse a esperar 24 horas, a ver si Google Search Console y Google Analytics decían algo. Tan solo debía esperar al robot de Google y a su crawl-budget asignado a mi página.

Error AMP del atributo height con valor vacío

Al día siguiente entré en Search Console y me di cuenta de que no había leído lo suficiente. Al robot de Google le dio tiempo a decirme que 3 páginas AMP de mi blog eran válidas… y que 22 no lo eran. Eso el primer día. Unos días después el panorama era el siguiente:

error AMP del atributo height con valor vacíoClick en la imagen para ampliar

Un panorama desolador. Me dispuse a solucionar todo, pero para ello debía saber qué era lo que provocaba tanto color rojo. Y el error, he de ser sincero, me dejó anonadado. No entendía nada. ¿Un valor vacío en el atributo de la altura de las imágenes?

error AMP del atributo height con valor vacíoEl error

Estaba segurísimo de que todas las imágenes de mi blog tenían los atributos de anchura y altura definidos. Pero jamás imaginé que la fuente de mi seguridad sería a la vez la causante del error.

El origen del error

Mis conocimientos de programación son elementales, pero en cuestión de html digamos que soy de la vieja escuela. Comencé a hacer páginas web con Frontpage 2000 y Dreamweaver 4 allá por los tiempos de Tripod, Geocities y la tarifa plana de Telefónica de 56 kbps. Y aunque por entonces ambos programas, especialmente Dreamweaver, eran bastante potentes… al final acabé aprendiendo html y picando código a mano.

El tener cierto nivel de html hizo que al redactar entradas en wordpress… hiciera lo que seguramente no hará casi nadie: utilizar la pestaña html del editor. Y tomé la costumbre de redimensionar las imágenes a mano modificando, mediante porcentajes, los atributos width y height.

Corregir error AMP del atributo height con valor vacío

Al comparar el código html y el amp-html me di cuenta de que ahí se encontraba el origen del error. Por un motivo que escapa a mi comprensión, el atributo width cambiaba el porcentaje por el valor equivalente, pero el atributo height no lo hacía y se quedaba vacío. Al visualizar la versión AMP, lógicamente, no salían las imágenes y Google detectaba esto como un error grave.

Corregir error AMP del atributo height con valor vacío

Supe de inmediato cuál era la solución espartana del error. Pero este blog contiene, en este mismo momento, más de 110 entradas, asi que corregir una a una no entraba dentro de mis planes en ese momento.

Busqué a lo ancho y largo de la red, encontrando soluciones a otros errores AMP. Pero sin encontrar nada respecto al que me afectaba a mí. Asi que me lié la manta a la cabeza, me calcé las alpargatas de espartano, y me puse a ello.

Lo primero que hice fue tirar de la opción “información de la imagen” de Mozilla Firefox. De este modo obtendría los valores equivalentes, en píxeles, de los porcentajes que ocupaban los atríbutos width y height.

Corregir error AMP del atributo height con valor vacíoClick en la imagen para ampliar

Una vez obtenidos ambos valores, lo siguiente que hacía era sustituir los porcentajes por sus valores en píxeles.

Corregir error AMP del atributo height con valor vacíoClick en la imagen para ampliar

Ahora solo faltaba comprobar si el resultado era el deseado. Primero apliqué a la url de la entrada el valor “/amp” al final de la misma. Comprobé que efectivamente funcionaba, y después pasé el Test AMP de Google Search Console, obteniendo el siguiente resultado:

Test amp google search consoleClick en la imagen para ampliar

Un duro trabajo por delante

Tardaré varios días en revisar todas las entradas de arriba a abajo y corregir los errores. Estoy aprovechando para cambiar ciertos códigos de CSS2 y html4 para adaptarlos a CSS3 y html5, ya que, aunque tenga cierto nivel… éste dista mucho de ser el de un auténtico experto.

El robot de Google tardará aún más tiempo en revisar de nuevo todas las entradas con error, ya que mi crawl-budget es muy reducido. Esto se debe a que mi blog, hoy día, recibe pocas visitas, tiene poco peso en el buscador y mi dominio tiene -1 de autoridad.

Una vez que adapte todas las entradas, para que el plugin AMP haga bien su trabajo, y el número de errores sea 0, revisaré bien las métricas de Google Analytics. Después volveré para contaros si realmente ha merecido la pena tanto esfuerzo y si, como dice Fernando Tellado, contar con versión AMP supone un SEO inmediato para la página web.

Deja un comentario

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies