Hay una cosa que siempre hemos defendido en SEO Tales: aprender posicionamiento y desarrollo web no debería consistir únicamente en leer teoría, memorizar conceptos y pasar de un tutorial a otro. Hay cosas que solo terminan de entenderse cuando aparece un problema delante y toca averiguar qué demonios está pasando.
Porque una cosa es saber qué es una redirección, qué hace una etiqueta HTML o cómo funciona display: flex. Y otra bastante diferente es encontrarte con una web que se ha roto, mirar lo que tienes delante y ser capaz de señalar el error.
De ahí nace Forensic Game.
Hemos creado una colección de 5 juegos educativos interactivos en los que tendrás que ponerte en la piel de un investigador forense. Aquí no hay que memorizar una lista interminable de definiciones. Hay que mirar las pistas, analizar el problema, descartar opciones y tomar una decisión.
Y sí, también hay un cronómetro.
Aprender investigando con juegos educativos
La idea de Forensic Game es bastante sencilla: convertir algunos de los problemas habituales del desarrollo web y del SEO en pequeños casos que puedas investigar por tu cuenta.
En cada partida aparecerá un incidente. Dependiendo del juego, tendrás delante un fragmento de código, una configuración, una auditoría o diferentes datos relacionados con el problema que estás intentando resolver.
Tu trabajo consiste en encontrar qué está fallando.
Después tendrás cuatro posibles respuestas entre las que elegir. No se trata únicamente de acertar por intuición. La gracia está en analizar lo que tienes delante y decidir cuál de las opciones explica realmente el problema.
Y aquí hay una diferencia importante respecto a un test convencional.
Cuando eliges tu respuesta, el cronómetro se pausa. El juego no salta automáticamente al siguiente caso ni te obliga a leer una explicación a toda velocidad. Aparecerá la explicación correspondiente y podrás tomarte el tiempo que necesites para entenderla antes de continuar.
Cuando estés preparado, pulsas «Continuar» y comienza el siguiente caso.
Así que puedes aprender de cada error sin tener que pelearte con un contador mientras intentas leer.
Pero el tiempo cuenta
Hay una pequeña trampa en estos 5 juegos educativos.
Aunque el cronómetro se detiene mientras lees la explicación, el tiempo total que tardas en completar la partida sí cuenta para la clasificación.
Y ahí aparece la parte competitiva de Forensic Game.
La idea no es correr como un loco y responder cualquier cosa antes de que termine el tiempo. Primero necesitas saber qué estás haciendo. Pero cuando ya conoces la materia, podrás intentar resolver los casos cada vez más rápido y mejorar tu posición.
El objetivo es conseguir el mayor número de aciertos posible en el menor tiempo.
Una especie de mezcla entre aprendizaje, diagnóstico y competición. Sin necesidad de tomárselo demasiado en serio, aunque todos sabemos que en cuanto aparece un ranking siempre hay alguien dispuesto a intentar conquistar el primer puesto. 😏
Cinco juegos, cinco formas de investigar
Forensic Game no es un único juego con diferentes niveles. Hemos desarrollado cinco juegos educativos independientes, cada uno centrado en una disciplina diferente.
La intención es que puedas entrar directamente en el área que más te interese o, si te atreves, intentar dominarlos todos.
🕵️♂️ Forensic HTML
Empezamos por la base de cualquier página web: el HTML.
En Forensic HTML tendrás que investigar problemas relacionados con la sintaxis, la semántica de HTML5 y el anidamiento de etiquetas.
Porque a veces el código parece correcto a simple vista, pero hay una etiqueta donde no debería estar, una estructura que no respeta las reglas o un elemento que está provocando que el navegador interprete el documento de una manera diferente a la esperada.
El rich snippet que desapareció de la SERP · Serpion 006Tu misión será encontrar la pieza que no encaja y descubrir por qué esa estructura está provocando el problema.
Es un juego especialmente interesante si estás empezando con HTML, pero también puede servir para comprobar si esos conocimientos que llevas años utilizando siguen estando tan claros como creías.
🎨 Forensic CSS
Después llega uno de esos terrenos donde una pequeña línea puede hacer que todo deje de estar donde debería: CSS.
Forensic CSS está pensado para investigar problemas de maquetación y diseño. Cajas que se desbordan, elementos que no ocupan el espacio esperado, problemas con Flexbox y situaciones que pueden convertirse rápidamente en un pequeño caos cuando entra en juego el diseño responsive.
Aquí tendrás que aprender a mirar el resultado y seguir las pistas hasta encontrar la regla que está provocando el comportamiento extraño.
Porque cuando una interfaz se rompe, la solución no siempre consiste en añadir otra propiedad CSS hasta que «parezca que funciona». Primero hay que entender qué está ocurriendo.
Y precisamente eso es lo que queremos poner a prueba.
🐘 Forensic PHP
Si HTML y CSS trabajan principalmente en la parte que podemos ver, con Forensic PHP entramos en otra zona de la web: el backend.
Este juego se centra en errores de sintaxis, problemas de ámbito (scope) y conceptos relacionados con la programación orientada a objetos.
No hace falta ser un programador profesional para enfrentarse a los casos, pero sí tendrás que prestar atención a lo que ocurre en el código y comprender por qué una determinada situación produce un error.
Es especialmente útil si estás empezando a tocar el backend de WordPress o cualquier otro CMS y quieres acostumbrarte a mirar el código con una mentalidad más analítica.
La idea no es enseñarte a programar PHP desde cero en forma de juego, sino plantearte problemas concretos para que aprendas a reconocerlos y diagnosticarlos.
⚙️ Forensic WP
Y ya que estamos hablando del CMS más utilizado de Internet, no podíamos dejar pasar la oportunidad de crear un juego dedicado en exclusiva a él.
Forensic WordPress pone a prueba tu conocimiento sobre el mantenimiento y configuración de WordPress. Aquí no se trata de escribir código suelto, sino de entender cómo diagnosticar los fallos más comunes del día a día.
Te enfrentarás a problemas con la configuración del wp-config.php, el temido Error establishing a database connection, pantallas blancas (WSoD), archivos de mantenimiento atascados, permisos de servidor y errores 404 tras una migración.
Es un reto ideal si tienes un blog o gestionas webs para clientes y alguna vez te has encontrado con que una pantalla blanca ha arruinado tu tarde. Aprender a diagnosticar estos fallos te ahorrará más de un disgusto.
🚀 Forensic SEO
Y llegamos al terreno que conocemos especialmente bien en SEO Tales.
Forensic SEO es nuestro juego estrella para la comunidad y cambia el código por algo mucho más familiar para cualquier persona que haya tenido que enfrentarse a una auditoría SEO.
Aquí tendrás que investigar problemas relacionados con robots.txt, redirecciones .htaccess, canibalización, Core Web Vitals y E-E-A-T, entre otros escenarios.
No tendrás delante un ejercicio académico en el que simplemente tengas que recordar una definición. Tendrás un problema y tendrás que decidir qué está ocurriendo y cuál de las opciones propuestas tiene sentido.
Es, en cierto modo, llevar una pequeña parte de una auditoría SEO al formato de un juego.
El CTR en Google que nunca volvió · Serpion 003Y precisamente por eso es probablemente el reto que más ganas teníamos de poner en marcha.
¿Y qué pasa si fallas?
Nada especialmente dramático.
Bueno, salvo que tu orgullo quede un poco tocado si estabas convencido de tener la respuesta correcta. 😄
La explicación que aparece después de cada respuesta está pensada precisamente para eso: para que un error no sea simplemente un punto menos en la partida.
Si has fallado, puedes saber qué opción era correcta y, sobre todo, por qué.
Y si has acertado, también puedes comprobar que no haya sido simplemente cuestión de suerte.
La intención es que cada incidente deje algo detrás. Una pequeña pista, una explicación o un concepto que puedas reconocer la próxima vez que aparezca un problema parecido delante de ti.
El ranking entra en juego
Cada uno de los cinco juegos educativos tiene su propio ranking global.
Al comenzar una partida podrás introducir tu nombre y tu web. Después solo queda enfrentarte a los casos e intentar conseguir el mejor resultado posible.
El objetivo es sencillo: conseguir el 100 % de aciertos y hacerlo en el menor tiempo posible para alcanzar la puntuación máxima.
Porque una cosa es completar todos los casos correctamente y otra muy diferente hacerlo a una velocidad que te permita escalar puestos en la clasificación.
Y aquí es donde puede empezar el pique.
Quizá tu primera partida sea un desastre. Quizá te sorprenda descubrir que una pregunta que parecía facilísima tenía una respuesta diferente a la que esperabas. O quizá entres pensando que vas a arrasar y termines mirando el ranking preguntándote quién demonios ha conseguido ese tiempo.
En cualquiera de los casos, siempre puedes volver a intentarlo.
Estos juegos educativos nacen con una idea muy sencilla
Aprender haciendo. No sustituye a la teoría, por supuesto. Pero hay conocimientos que terminan de asentarse cuando tienes un problema delante y eres tú quien tiene que encontrar la solución.
Por eso hemos querido convertir esos pequeños momentos de investigación en algo con lo que también puedas divertirte.
Cinco juegos educativos. Cinco disciplinas. Muchos casos que resolver.
¿Te atreves a poner a prueba tus dotes de diagnóstico?
Entra en uno de los juegos, intenta conseguir el 100 % de aciertos y comprueba cuánto tardas en completar todos los casos.
Y cuando termines, pásate por los comentarios y cuéntame qué incidente te ha parecido más difícil de resolver. Incluso puedes dejar tu resultado y tu posición en el ranking.
I have my doubts de que alguien consiga dominarlo todo a la primera.
Si te atascas, siempre puedes dejar tu resultado en los comentarios. Te responderé personalmente con pistas o con alguna actualización exclusiva que pueda ayudarte a seguir escalando puestos.
Nos vemos en el ranking. 🕵️♂️
Deja una respuesta
Expedientes y Archivos