[SOLUCIÓN] Imagen duplicada en blogger AMP


La tecnología AMP o Accelerated Mobile Pages de Google llegó para quedarse y nada indica que alguna vez deje ser un factor central para la adquisición de tráfico orgánico de calidad. Básicamente, este proyecto implementado por Google y otros socios en octubre de 2015 tiene como objetivo mejorar la velocidad de carga de los sitios web en los smartphones.

A pesar de ser un proyecto de Google, en su plataforma de blogs Blogger aún no hay plantillas oficiales con esta tecnología por lo que nos vemos obligados a salir a buscarla en otros lados.

Seguramente experimentaste este error en alguna de las plantillas que hayas probado: la imagen destacada aparece duplicada.

Esto es por que la mayoría de las plantillas tienen un script que convierte automáticamente la primera imagen del posteo como la imagen destacada, pero algunas plantillas tienen un bug con el cual ésta vuelve a aparecer dentro del post.

Solución a imagen duplicada en plantillas Blogger AMP

Para solucionar esto y eliminar la imagen duplicada debes agregar el siguiente código en la plantilla, justo arriba de la etiqueta </body>
<b:if cond='data:view.isSingleItem'>
    <script>
        var firstImg = document.querySelector('.post-body img');
        firstImg.style.display='none';
    </script>
</b:if>

Publicar un comentario

0 Comentarios