Optimizando entradas de Blogger con JavaScript

Optimizando entradas en Blogger con JavaScript Trabajando en uno de mis proyectos, comprobé que el editor de entradas de Blogger incluye mucha basura al HTML de la misma, por ejemplo al incluir imágenes, y que las imágenes no incluyen un valor alt por defecto. Este valor es importante, pues se muestra si la imagen no se puede cargar, en vez del feo icono de imagen rota, y ademas da información a los buscadores.

Por este mismo propósito, he creado un pequeño código JavaScript que junto con GreaseMonkey (un "inyector" de JavaScript en paginas web a modo de complemento para Firefox), o simplemente copiando y pegando el código en la consola del inspector de elementos del navegador, busca la basura y la elimina, y también busca imágenes sin valor alt e incluye uno (en este caso, el titulo del post).

Atención

Este código no modifica el HTML en tu pagina web, si no que lo modifica mientras escribes una entrada, porque asi el cambio es para siempre, y porque algunos buscadores no ejecutan JavaScript a la hora de leer tu pagina, por lo que repararlo solo para que quede bonito es tontería.
Ademas, solo funciona con el modo HTML activado.

¿Y si tengo ya muchos posts publicados, todos sin optimizar?

No pasa nada, lo único que tienes que hacer es meterte en la entrada desde blogger.com, y activar la opción HTML, dejarlo unos 10 segundos abierta esta pestaña, luego pulsar "Actualizar" y listo.

¿Exactamente que hace?

El funcionamiento es sencillo, coge el texto de la entrada, busca errores o códigos inútiles como border="0",  imageanchor="1" (los dos incluidos por defecto por Blogger al incluir una imagen) frameborder="0", al incluir un iframe de YouTube, etc, y los elimina. También busca imágenes sin alt, y lo introduce en cada imagen con el titulo de la entrada.

¿Como lo uso?

Si utilizas Chrome, o Firefox y no quieres complicarte a corto plazo, copia el codigo mas abajo y pegalo en la consola del inspector de elementos, cada vez que cargues una entrada.
Si utilizas Firefox y quieres que sea mas automático, añade el complemento GreaseMonkey, y añade ese código, con el @include https://www.blogger.com/blogger.g?blogID=*#editor/target=post;*

Si crees que debería arreglar mas cosas, o si podría tener otras funciones, dímelo en un comentario.

Comentarios

Publicar un comentario

Entradas populares de este blog

Sistema multi-Idioma simple con JavaScript

Imagen
El codigo que esta en GitHub esta actualizado y es totalmente diferente al de esta pagina, pero los pasos para crear los archivos de traduccion y para asignar las clases en el HTML son los mismos. DEMO | DESCARGAR Tanto si estas desarrollando una webapp (web con cierto aire a aplicacion movil, que se puede acceder desde el navegador del movil) o una aplicacion hibrida (aplicacion nativa desarrollada en HTML5, CSS3 y JavaScript) quizas quieras expandir el publico de tu aplicación creando un soporte multi-idioma para que personas con idiomas distintos al tuyo puedan usarla. Por eso en este pequeño tutorial vamos a aprender a crear un soporte sencillo para crear cuantos idiomas quieras en tu aplicacion. Archivos Vamos a necesitar crear ciertos archivos, estos son: El/Los archivos de traduccion: /locale/bd-identificador-idioma.js Por supuesto, el archio index.html donde incluiremos el HTML y el JavaScript Para los archivos de traducción tienes que escribir un nombre apro...
Sigue leyendo

Porque usar Blogger y no WordPress

Imagen
Antes de nada, por WordPress me refiero a la versión descargable para servidor . Quiero dejar claro que para nada estoy en contra de WordPress. Tiene sus fallos (como Blogger, como cualquier sistema), pero esta es solo una pequeña opinión que lanzo para hacer reflexionar a esas personas que están planeando pasarse a WordPress o quieren empezar a montar un blog. Muchas veces, si tenemos o vamos a crear un blog, buscando información por Internet, veremos que la mayoría de recomendaciones serán que lo hagas con WordPress, bajo la premisa de que es mas profesional . En principio, esto es rotundamente relativamente falso . Profesional, refiriéndonos a calidad, no depende del sistema, depende del autor . Es verdad que en comparación, la mayoría de webs creadas con WordPress son "mejores" que las que están creadas con Blogger, pero no es una comparación justa, por pura lógica. En Blogger cualquiera puede hacer un blog , y mas aun teniendo una cuenta de Google, no hace falt...
Sigue leyendo

Instalar phpMyAdmin en Cloud9

Imagen
Cloud9 es un IDE en la nube ( Entorno de Desarrollo Integrado ) desde el que poder crear, editar y ejecutar proyectos, de forma publica o privada. Es, por así decirlo, un hosting gratis de calidad, solo con crear una cuenta tienes acceso a un panel desde el que podrás crear proyectos en mas de 40 lenguajes de programación como PHP, Java, Ruby, Python, y un enorme etc. Todo en un VPS ( Servidor Virtual Privado ) con un entorno de trabajo Ubuntu desde el que podemos trabajar, e incluso podremos trabajar si conectamos nuestra VM ( Maquina Virtual ) mediante el protocolo SSH. Si quieres crear una base de datos MySQL en Cloud9, importar una o simplemente gestionar las que ya tienes, una de las formas mas fácil de gestionar bases de datos es con phpMyAdmin , una interfaz web construida en PHP que de una forma interactiva nos ayudara a gestionar las bases de datos de nuestros proyectos. Antes de nada, configura tu proyecto como "Privado". Cuando instalas phpMyAdmin, no ti...
Sigue leyendo