Las infoboxes portátiles son creadas para manejar el elemento más común en las páginas de un wiki. Hay muchas maneras de visualizar la información en Fandom; actualmente, los principales medios son computadoras (de escritorio y portátiles), tablets y teléfonos inteligentes. Sin embargo, hay más maneras, y Fandom no siempre luce bien en todos ellos. ¿Alguna vez has intentado navegar en Fandom desde el navegador de Steam?, ¿o desde tu Nintendo Switch?, ¿o incluso desde un Apple Watch? Estas opciones de presentación tan variadas, así como otras que vendrán en el futuro, tienen necesidades muy diferentes.
La manera en que se crean las infoboxes para escritorio (combinando HTML y CSS con wikitexto) puede funcionar para la vista de escritorio, pero tiende a fallar en otros entornos de usuario. Las cosas pueden lucir rotas o mal colocadas porque el contenido no puede ser separado de la presentación. Las infoboxes portátiles ayudan a resolver este problema al presentar el contenido en un formato optimizado para la plataforma desde la que se visualiza (como la piel móvil). El mismo contenido puede dirigirse a cualquier experiencia nueva sin tener que reescribirlo. Fandom trabaja para que tu contenido se luzca en un número cada vez mayor de dispositivos.
Las infoboxes se procesan más rápido
Debido a que las infoboxes portátiles fueron diseñadas para ser entendidas como componentes nativos de MediaWiki, el rendimiento para mostrarlas en una página es mucho mejor cuando lo comparamos con el wikitexto. Las infoboxes portátiles requieren de un menor tiempo de procesamiento, especialmente comparado con plantillas de wikitexto hechas anidando otras plantillas y/o utilizando Lua.
El proceso en el que el wikitexto se convierte en HTML (para que los navegadores puedan entenderlo) toma un tiempo. Los componentes nativos como las infoboxes portátiles pueden producir directamente tipos especiales de HTML que no pueden ser replicados de manera consistente o segura usando solo wikitexto, y las plantillas de wikitexto y tablas requieren de más tiempo de procesamiento para convertirse en HTML. Aún más importante, la plataforma de Fandom entiende dónde puede hacer cambios en el HTML para ofrecer la mejor experiencia posible en cada dispositivo.
Para hacer una comparación, echemos un vistazo a los datos de dos páginas muy similares. Dead Cells Wiki (en inglés) usa infoboxes portátiles; Enter the Gungeon Wiki (en inglés) no. Usando PageSpeed Insights de Google podemos comparar dos páginas ("Rusty Sword" y "Rusty Sidearm", y notaremos algunas diferencias de velocidad significativas. Teniendo en cuenta que las dos páginas son similares en términos de tamaño y composición, hay dos números que son relevantes en esta comparación: el tiempo de interacción y el tiempo total de bloqueo. La manera en que Google carga las páginas funciona algo así:
Google mide el tiempo de interacción como el tiempo que pasa desde que una página parece que puede interactuar, hasta el momento en que se vuelve interactiva. El tiempo total de bloqueo mide la responsividad, y es una métrica de severidad para el tiempo de interacción. Comparando las dos páginas anteriores, notamos lo siguiente:
| Dead Cells (infoboxes portátiles) | Enter the Gungeon (infoboxes no portátiles) |
|---|---|
| Tiempo de interacción = 28.6s | Tiempo de interacción = 42.7s |
| Tiempo total de bloqueo = 3,620 ms | Tiempo total de bloqueo = 7,510 ms |
Podemos ver que ambas métricas son casi el doble para la página de Enter the Gungeon cuando la comparamos con la página de Dead Cells. Esto se debe principalmente a la eficiencia de carga de las infoboxes portátiles. Las infoboxes portátiles no son el único motivo por el que la página de Dead Cells es más rápida, pero sí es uno de los factores principales.
Otras pruebas similares para comparar páginas parecidas muestran cómo dos páginas idénticas (excepto por la técnica de infobox usada) en un mismo wiki pueden ser más o menos rápidas.
| Página con infobox portátil | Página con infobox no portátil |
|---|---|
| Tiempo de interacción = 36.7s | Tiempo de interacción = 80.8s |
| Tiempo total de bloqueo = 5,810 ms | Tiempo total de bloqueo = 66,700 ms |
| Trazado del contenido más grande = 7.0s | Trazado del contenido más grande = 12.3s |
Puedes reproducir pruebas similares por tu cuenta usando páginas de contenido similar usando algunas herramientas, como PageSpeed Insights de Google, pero sostenemos que la eficiencia de las infoboxes portátiles son un factor decisivo mientras seguimos evolucionando con la web.
Mejores piezas para traer nuevos productos
Las infoboxes portátiles crean una experiencia de usuario consistente a través de diversas comunidades, y permiten a Fandom construir productos con un mayor nivel de calidad e integración. Podemos construir productos que anticipan infoboxes portátiles, lo cual no es posible cuando se usan wikitablas (ya que tienen más de una aplicación y forma de visualización). Esto nos permite rápidamente desarrollar y desplegar contenido, mejoras de la apariencia y características de una manera que no es posible de conseguir con elementos de wikitexto.
Ejemplo de la colocación de un banner publicitario
Como ejemplo de un beneficio directo: las infoboxes portátiles son reconocidas como un contenido destacable en la experiencia móvil de Fandom. Ya que podemos identificar y crear infoboxes portátiles de manera consistente, podemos colocarlas de forma destacable sobre los anuncios. Como alternativa, ya que no podemos identificar wikitablas consistentemente, los anuncios se muestran sobre el contenido, lo cual tiende a empeorar la experiencia de los usuarios.
Las infoboxes portátiles también permiten la extensibilidad. Cuando las comunidades adoptan el formato común de infoboxes portátiles, se vuelve posible para otros programas entender la información de una mejor manera, y es ahí donde las cosas geniales pueden empezar a ocurrir. Como ejemplo, las infoboxes portátiles permiten recomendaciones más específicas y relevantes sobre lo que un visitante puede leer después, lo que ayuda a mantenerlos en el wiki (y en la red de Fandom). Por ejemplo, si un visitante está leyendo un artículo sobre el actor Idris Elba en Marvel Wiki, puede que se les sugiera leer sobre otras películas donde Idris ha aparecido, o historias que incluyen a Heimdall como personaje; también pueden haber sugerencias adicionales para artículos de The Office Wiki, Luther Wiki o Memory Alpha Wiki (todos ellos teniendo artículos sobre Idris y/o personajes que han sido interpretados por él). Una estructura de datos común hace más fácil para los sistemas de recomendación encontrar "cosas relacionadas a Idris Elba" en Fandom ,y proveen de una mejor experiencia de usuario.
Ventajas en los motores de búsqueda
Los motores de búsqueda extraen la estructura de las infoboxes portátiles de manera consistente e inmediata, llevando a una mejor comprensión del SEO y un mejor posicionamiento en los resultados como una consecuencia natural. Los datos estructurados dentro de una infobox portátil están claramente etiquetados para Google — lo que no es verdadero para las infoboxes creadas usando wikitablas, ya que tienen un vocabulario inconsistente.
Mientras que el resultado de Gamepedia para Prapor puede que sea el primer elemento en la página de búsqueda, el contenido de la infobox de wikitexto no es fácil de digerir para Google. Esta falta de confianza resulta en una presentación de los datos menos prominente, y puede dificultar a Google la presentación de la información para el usuario.
Por otro lado, el resultado de Fandom para Max Caulfield pone en alto las infoboxes portátiles, estructura de subpáginas y enlaces contextuales estandarizados (gracias a la clasificación de plantillas) para construir una imagen más completa que Google puede presentar. Esto resulta en puntos de entrada más prominentes para que los lectores descubran, y la página aparece en el Grafo de Conocimiento de Google.
En general, conforme más completa sea la imagen de Google de una página, es más probable que la posicione más alto. Aunque es difícil rastrear cambios de posicionamiento a escala, especialmente cuando las páginas ya se encuentran en la posición más alta posible, la manera en que las infoboxes portátiles alimentan directamente al grafo de conocimiento hacen que sea más probable que el artículo sea visitado. Los wikis de Fandom pocas veces han experimentado esta presentación tan prominente cuando las infoboxes portátiles no eran usadas. De manera sencilla: las páginas con infoboxes no portátiles llevan a Google a decir "creemos que esto es importante", mientras que las infoboxes portátiles llevan a Google a decir "sabemos que esto es importante, y aquí está la información que sabemos que quieres".
Fáciles para los nuevos editores, poderosas para los expertos
Las infoboxes más simples son construidas usando una interfaz amigable con el usuario de manera predeterminada, en lugar de obligar a los usuarios a aprender a programar de inmediato. Esto permite un desarrollo rápido de plantillas, reduciendo las barreras de crecimiento para los editores que no están acostumbrados a crear plantillas. Rara vez hay cambios necesarios sobre una plantilla para acomodarse a las infoboxes de wikitexto que son migradas a infoboxes portátiles. Las infoboxes portátiles pueden usar TemplateData para ayudar en las entradas y hacerlo tan fácil como las plantillas de wikitexto. Usar el Constructor de infoboxes portátiles no es necesario, ya que también pueden ser creadas desde el "código fuente".
La sintaxis simplificada de XML de las infoboxes portátiles es más fácil de entender que las complejas wikitablas para la mayoría de usuarios novatos o de experiencia intermedia, ya que las wikitablas tienden a tener una curva de aprendizaje más alta y una barrera de entrada. Los usuarios experimentados también tienden a reconocer la flexibilidad innata en la sintaxis, ya que, por lo general, cualquier infobox hecha con wikitablas puede ser re-hecha como una infobox portátil con la misma facilidad. Otros elementos, como las barras verticales o "navboxes verticales", pueden ser hechas con la misma sintaxis. La etiqueta <navigation> facilita enlazar entre artículos, siendo un método portátil para reemplazar las pestañas de páginas, iconos del encabezado y otros elementos de navegación. La funcionalidad de <panel> provee de una experiencia de pestañas nativa y compatible en móviles para filas y grupos de datos dentro de las infoboxes, eliminando la necesidad de otras técnicas.
Debido a que los selectores de CSS de las infoboxes portátiles están estandarizados, el código CSS relacionado a las infoboxes portátiles es más fácil de reconocer. Con un CSS bien construido, cualquier nueva plantilla recibe los estilos automáticamente conforme la comunidad lo necesita sin tener que replicar estilos dentro de la etiqueta o reproduciendo clases en múltiples plantillas. Las características de tema y tipo permiten ajustar los estilos de infoboxes completas y elementos individuales de una manera centralizada y segura, sin importar el tipo de objeto que la infobox documenta.
Resumen
Las infoboxes portátiles producen infoboxes más rápidas y flexibles; funcionan mejor en todos los dispositivos y mejoran el SEO de un artículo; y también son fáciles de crear y más fáciles de mantener si las comparamos con las infoboxes de wikitexto.
Ayuda y comentarios
- Navega y busca otras páginas de ayuda en Ayuda:Contenidos.
- Revisa Comunidad Central de Fandom para más fuentes de ayuda y soporte.
- Revisa Contactar con Fandom para saber cómo reportar algún error o algún paso que no esté claro en este artículo.