makigas 6.1.2

Historial de cambios de la versión 6.1.2.

Iconos sociales

Fundamentalmente en esta versión se incorporan enlaces a otras redes en la navbar.

Mejoras de SEO

Después de seguir analizando cosas en Google Search Console, en esta release se arreglan dos problemas que tienen que ver con el SEO y el cómo aparecen en Google las páginas. Realmente tiene más que ver con páginas que no deberían ser indexadas en primer lugar pero que Google Search Console trata como un "error por mi parte" temporal.

Por ejemplo, aunque hemos pasado de 8000 a 1000 páginas que están en modo "podrían ser indexadas pero tu robots.txt no nos deja", siguen siendo 1000 páginas, todas en el buscador de vídeos, que Google está tratando como un error temporal con mi robots.txt que hace que Google no pueda indexar tranquilamente esas páginas.

Sin embargo, no dejan de ser enlaces profundos con distintos términos de búsqueda dentro de la página de listado de vídeos, filtrando por etiqueta y navegando a páginas realmente profundas en la jerarquía. Por mi parte preferiría que no se centrase en estas páginas ya que se trata de contenido blando que puede cambiar dinámicamente según cómo se encuentre el buscador, y que por lo tanto puede provocar problemas mayores (el enlace sale en Google pero al hacer clic voy a otra página que no es la que quería)

Otro error que se corrige es la redirección hacia la página canónica de vídeo y lista previamente desplegada en la versión 6.1.1 del sitio web. La redirección funciona, pero ahora hay que hacerla 301 en vez de 302 para que los motores de búsqueda confirmen que la página numérica no se debe mirar.

makigas 6.1.1

Normalmente no subiría a producción un martes dado que el sitio web ha empezado a recibir más tráfico que hace unos meses y suele haber usuarios concurrentes entre semana. Actualmente subo a producción los sábados, que es cuando menos tráfico recibo. Sin embargo, quería sincronizar los cambios que hay en la web desde hace unos días con los de las notas de versión.

Nuevo flujo de trabajo

Para no tener que hacer batch-push los sábados y matarme a hacer commits los sábados, a partir de esta versión voy a optar por trabajar con un pull request separado que me permita ir encadenando los commits que quiero subir en el próximo despliegue. El texto de ese pull request me permitirá también ir preparando las notas de versión que luego van a la release. Quizá en algún momento pueda automatizar esto (spoiler: lo dudo).

Disculpa si el vídeo no tiene notas de versión

Sigo aportando notas de versión al contenido de la web. Para sorpresa de nadie, cuando una página tiene más texto en vez de únicamente ser un título, una descripción y un vídeo, los buscadores lo presentan mejor, y la página tiene más oportunidades de llevarse una impresión y un potencial clic porque ahora puede abarcar un mayor número de términos de búsqueda. SEO 101.

A medida que vayan pasando las semanas tendré datos más limpios, pero todo parece indicar que publicar notas de versión en una lista aumenta bastante el tráfico que llega a ella. Ejercicio para lectores ávidos: en la siguiente imagen, que muestra el tráfico de todas las páginas de vídeo de uno de mis cursos, ¿qué día cargué artículos de texto completos, bien formateados, con negrita, cursiva con ejemplos de código?

Para el contenido que todavía no tiene notas de versión, he metido en la web un banner que avisa que el contenido todavía no tiene notas de versión. También muestra un sondeo con botones, que están conectados mediante eventos analíticos a Plausible, con la idea de poder saber cuánta gente pulsa alguno de los botones y en qué página lo hace. En el tiempo que lleva en producción, ya ha empezado a ser utilizado, y es un input más que me va a ayudar a determinar la prioridad del proceso de curación, junto al volumen de tráfico en la web y en YouTube Analytics.

Mostrar la transcripción si está disponible

Ahora que estoy empezando a aportar más transcripciones para el contenido, y que estoy revisando el catálogo viejo, me interesa incluir también las transcripciones en todas las páginas, incluso las que tienen unas notas de episodio correctas. Como la transcripción suele estar peor formateada (y a veces es un único párrafo), la estoy mostrando plegada por defecto.

Este bloque se está mostrando en todas las páginas que tienen transcripción, incluso cuando no tienen notas de versión, por lo que es otra forma de poder incorporar texto a la web incluso cuando no hay unas notas de versión disponibles. Todavía queda por comprobar a largo plazo si afecta al SEO, aunque dado que está plegado por defecto, voy a asumir que no debería influenciar demasiado; si me equivoco en mi predicción, por lo menos estaré más feliz.

Corrección en las listas que duran menos de una hora

Para sorpresa de nadie, había un bug en el contador que dice cómo de larga es una lista de reproducción cuando esta dura menos de 1 hora, ya que la palabra “horas” va grabada a fuego esperando que luego el reloj use el formato H:MM (por ejemplo, 0:45), cuando en realidad está usando el formato MM:SS (por ejemplo, 45:12).

Para listas de menos de 1 hora, ya se muestra correctamente la duración.

Corrección en las páginas canónicas de vídeo y lista

Otra cosa que no debe ser buena para el SEO es tener más de una página canónica. En la siguiente captura de pantalla, Google está indexando una página que utiliza identificadores numéricos en la URL.

Esto se ha corregido y ahora tratar de visitar una página de vídeo cuando en la URL va algún número en vez de algún slug hará una redirección transparente hasta la página correcta a la página correcta.

Actualizaciones de runtime y dependencias

Novedades más importantes:

• Las GitHub Actions y el container de Docker ahora usan Ruby 3.2.1.
• En las últimas versiones de Rubocop, el linter marca como incorrectos los archivos de test que sólo tienen un caso pending. He aprovechado para borrarlos en previsión de que no los voy a implementar.
• He actualizado esbuild, lo que ha exigido cambiar el buildscript porque ha cambiado la API JavaScript.

makigas 6.1

Cambios hechos en los últimos meses a la página web. A ver si a partir de ahora se puede llevar mejor el changelog de cambios que se va haciendo a makigas.es.

Aspecto

Nueva página de vídeo. El vídeo ahora se muestra al 100% de tamaño, para que sea más fácil de visualizar, sobre todo ahora que estoy progresivamente cambiando las miniaturas de los cursos por otras nuevas y de color de fondo blanco. También introduce un widget que lista todos los capítulos de una lista, y hace algunos ajustes al área de texto de un vídeo.

Mejoras menores en la página de búsqueda. Cuando se aplican filtros, aparece una barra de filtros que permite quitar los filtros previamente aplicados. El campo de búsqueda de texto también retiene ahora el query que se haya introducido antes de buscar. También se mejora la estética de la página de error si no encuentra resultados, tanto porque alguien busque cosas que no haya, como porque haya caído Meilisearch.

Nuevo footer. Se hacen cambios menores, se pone más texto en el área de colofón, se reorganizan enlaces y se tocan las métricas del grid, con el fin de hacerlo más limpio. El color de fondo ahora es más oscuro para mejorar el contraste.

Corrección de errores

Corrección de accesibilidad. Algunos elementos no se presentaban bien, por ejemplo: faltaban labels en algunos inputs, y algunas imágenes carecían de atributo alt. También se hacen ajustes para garantizar el contraste de color.

Corrección del menú de navegación. Lo hace más fácil de abrir y cerrar en escritorio permitiendo plegarlo al hacer clic fuera del elemento. En móvil ahora la navbar se muestra de un único color uniforme cuando está abierto el menú de navegación.

Corrección del footer para que sea fijo en la parte inferior de la página. Por ejemplo, en las páginas de legal donde no hay mucho texto, se asegura de que el footer quede fijo a la parte inferior del navegador en vez de mostrarlo en mitad de la página.

Correcciones en los feeds ATOM. Algunos estaban dando problemas y algunos no mostraban en este momento la información correcta después de los cambios en el modelo de datos.

Modelo de datos

Soporte para makigas EARLY. Permite marcar en el modelo de datos y en la API algunos vídeos como restringidos para miembros de makigas+. De este modo, el vídeo no sale en la parte pública de la web aunque está expuesto a través de la API para poder usar makigas.es como fuente de verdad para alimentar https://early.makigas.es.

Soporte para Twitch. Permite indicar en el modelo de datos que un vídeo también está subido como Carga en Twitch, especialmente pensado para los miembros de makigas+ que vienen a través de Twitch.

Incorporación de microformatos de Schema.org y JSON-LD. Está permitiendo marcar en Google Search algunas de las páginas del sitio web como página de vídeo, mostrando una descripción más rica en el cuadro de búsqueda. Otros motores de usuario también podrían estar aplicando Schema.org.

Panel de control

Exportado de la información en formato YouTube Analytics. Para poder registrar mejor grupos de vídeos en YouTube Analytics, el panel de control ahora puede exportar una cadena separada por comas con los IDs de los vídeos que forman un grupo.

Linter de metadatos y tablas dinámicas. Con el objetivo de hacer más fácil de encontrar los vídeos que todavía no han sido dispuestos de metadatos, ahora hay unas tablas dinámicas para mostrar aquellos elementos que no están bien dados de alta en el sistema todavía al 100%.

Refactorización y mantenimiento

Eliminación de los assets de makigas 5. La vieja versión de la web (2016-2022) seguía en el código del repositorio aunque no fuese visible. Se han eliminado la mayor parte de las cosas del anterior diseño para no tener componentes viejos ni código muerto.

Actualización de dependencias. Generalmente al menos una vez por trimestre, siendo lo importante que no se tarda mucho en actualizar a la última versión de Ruby y Rails. En este momento vamos por Ruby 3.2 y Rails 7.0.

Arquitectura

Retirada de Google Analytics y cambio por Plausible. Plausible es más amigable con la privacidad de los usuarios finales y además quita la necesidad de mostrar banners de cookies antiestéticos. Este cambio incluye configurar algunos eventos para poder interceptar en el panel de control cuando alguien hace búsquedas, o cuando se consigue reproducir un vídeo en la página (goal de la página de vídeo).

Introducción de Delayed Job como background task manager. La idea de este cambio es permitir que las tareas de reindexación y de actualización automática se ejecuten en segundo plano sin interrumpir el hilo principal. Antes no había tantas, pero ahora que se hacen cosas como reindexaciones masivas de forma periódica por si el Meilisearch no está ahí, era mejor meter ya este refactor.

makigas 6

Esta release es un testamento a lo que se viene. Durante los últimos 10 años, makigas ha sido un juguete unas veces más usado que otras, pero es hora de empezar a mirar hacia adelante. Este rediseño permitirá hacer cosas que hasta ahora nunca han sido posibles y permitirán también que este proyecto sea algo más que simplemente algo en lo que echar el tiempo libre. Prometo no perder la esencia, pero empezar a hacer las cosas mejor que hasta ahora.

Todo el esfuerzo de rediseñar la web no podría haber sido posible sin el apoyo de las y los habituales que me siguen apoyando sin yo saber muy bien por qué. A quienes comentan en YouTube cuando aparezco por primera vez en meses. A quienes no se pierden un stream de Twitch. A los first, accionistas, makibros, los habituales del Discord, a los que siguen entrando al foro... sois el motor que hace posible que aun con todo en contra, esto siga funcionando. Es hora de llevar makigas al siguiente nivel, y no pienso defraudaros.

Dani ❤️

November 2018 update

Changeset:

• Added support for AuthedMine (user has to opt-in). (#94)
• Removed informational bar when Do Not Track is enabled. (#95)
• Updated dependencies. (#96)

v5.0.7

This is a hotfix release to address an issue with the deployment of v5.0.6 in production environments. Some JS code added in v5.0.6 was using features from ES6, and sprockets couldn't deal with that by default.

It has been decided to fix this issue by moving public JS code from sprockets to webpacker. To prevent future errors like this, deployments to a staging environment will be performed from now on before releasing a new version.

June 2018 update

This is maintenance release focused on improving the deployment of the web application.

Changes:

🆕 Added support for DNT headers (#93).
🆕 Added ChromeDriver to perform acceptance tests (#89).
🆕 Added ATOM feeds for videos, playlists and topics (#80).
🆕 Added support for S3/Minio storage backend for multimedia (#77).
🔁 Updated dependencies (#76, #78, #79, #82, #84, #91, #92).

October 2017 Update

Development and testing has never been so easy. Support for Docker has been added for non-production workflows. Keep your host clean, and use disposable containers for running the database engine and the web application during development stages.

Changes:

🆕 Added support for Docker. (#52, #59)
🔄 Updated dependencies. (#74)

September 2017 Update

This release changes the front page header and introduces a new static page talking about our Discord server so that newcomers can learn about the server and join with a click.

It also updates a few dependencies to fix some critical vulnerabilities found on them.

Changes:

• Add an info page about Discord (#66, #68, #70).
• Update dependencies (#69, #71, #72).

August 2017 Update

This is a cumulative release with fixes and changes made in the last months. Server is at the moment running upstream code at all times. Therefore, the concept of a "release" is still not fully baked since changes here have been deployed for ages. I'm still trying to figure out a proper way to mark incremental but semantical versions for this codebase.

Changes as public user

• 🆕 New error pages for HTTP 404, HTTP 500 and HTTP 502 pages – #47
• 🆕 Reorganizes the navbar, adds links to the Community and Discord server – #65
• 🔄 Replaced the hero image and some other front page images to save bandwidth – #42

Changes as site admin

• 🆕 Videos can now be marked as private, in which case they won't be served to users or spiders – #38
• 🔄 The dashboard is now served through a subdomain – #56

Changes as developer

• 🆕 Code will complain if a translation is missing – #36
• 🆕 Adds Yarn for managing JavaScript dependencies – #50
• 🆕 Adds Webpack for compiling JavaScript and front-end assets – #63
• 🆕 Added contributing guidelines and documents – #55
• 🆕 Feature tests now test client-side JavaScript code running on browser – #64
• 🔄 Ruby on Rails updated to version 5.1 – #46
• 🔄 Supported Ruby version is now 2.4.1 – #46
• 🚮 Dropped Code of Merit – #53