Cómo añadir atributo itemprop="image" en Datalife Engine
En este tutorial en línea, te mostraré cómo agregar el atributo de imagen que falta en el marcado de datos estructurados de esquema a la historia o al artículo completo en el sistema de gestión de contenidos DataLife Engine.
Para obtener el mejor rendimiento, debes incluir 'itemprop="image"' en la plantilla 'fullstory.tpl' de tu artículo DLE o historia completa.
Antes
<a class="highslide" href="la url de la imagen" target="_blank">
<img src="la url de la imagen" alt="Titulo del articulo" class="fr-dib">
</a>
Después
<a class="highslide" href="la url de la imagen" target="_blank">
<img src="la url de la imagen" alt="Titulo del articulo" class="fr-dib" itemprop="image">
</a>
Con el fin de lograr este resultado, es necesario acceder a nuestro servidor y abrir el archivo localizado en engine/editor/jscripts/froala/editor.js.
Buscar:
on("load",g.size.syncIframe)
Agregar después:
;t.attr('itemprop','image')
Después buscar en el mismo archivo:
marginRight:0,textAlign:"right"}))
y agregamos:
;e.attr('itemprop','image')
Nota: Es importante tener en cuenta que este atributo solo se aplica al editor visual FroalaEditor WYSIWYG. No es válido para otros editores o códigos bb básicos. Para obtener resultados óptimos, le recomendamos borrar la caché de su navegador y asegurarse de utilizar la versión más reciente de los archivos JavaScript correspondientes.
Deja una respuesta