Última actualización: 11 · 07 · 2022
Wysiwyg es una funcionalidad que permite ver el resultado final en los procesadores de texto y editores web, tal cual se vería en el modo impresión, en el caso de un procesador de texto, o en el modo navegación, en edición web. Para que nos entendamos, wysiwyg significa que, cuando pones un texto en negrita o insertas una foto, lo que ves en pantalla es lo que aparecerá después. Te lo explicamos en detalle.
Esta funcionalidad se aplica, sobre todo, a editores HTML o HTML5, a programas de diseño gráfico y de diseño arquitectónico 3D, pero también a editores de texto. En este caso, lo que nos interesa es su uso en editores web y sistemas de gestión de contenidos y cómo han ido evolucionando hacia otro tipo de soluciones.
Lo que ves es lo que obtienes o, como diría tu abuela (pero nunca tu crush en Tinder), lo que ves es lo que hay. Wysiwyg es el acrónimo de What you see is what you get (en español, ‘lo que ves es lo que obtienes’).
Un editor o programa wysiwyg es aquel que permite al desarrollador ver el resultado final mientras se crea la interfaz o el propio documento. ¿Qué significa eso? Que, con respecto a otras herramientas o gestores, no se requiere conocimiento de código o aplicación de lenguajes de marcado para desarrollar una tarea y los resultados se pueden ver de forma inmediata. Por tenerlo claro: Microsoft Word es el paradigma de este concepto.
Sacamos el calendario lunar y viajamos en el tiempo. Antes de que internet fuera un bebé en pañales, el primer editor wysiwyg fue un programa de procesamiento de texto llamado Bravo. Vio la luz en la década de los 70 y el avance lo firmó el ingeniero de software Charles Simonyi, que, entre otras cosas, supervisó la creación de la suite ofimática Microsoft Office.
Bravo fue una aplicación creada para el desarrollo del ordenador Xerox Alto, uno de los primeros ordenadores personales de la historia, convirtiéndose en la base del trabajo de Simonyi en Microsoft y que, con el tiempo, evolucionó hacia otras dos aplicaciones wysiwyg, hoy prácticamente ‘desconocidas’, como Word y Excel (más de 1200 millones de personas usan Microsoft Office en el mundo, ¿lo sabías?).
Este tipo de editores permitía trabajar en vista diseño, creando páginas web y contenidos como documentos Word y Excel sin conocimientos de HTML. Pero a nivel desarrollo, muchos de los programas basados en esta concepción han caído en desuso frente a los editores de código profesionales (pese a que requieren escritura de código). Fuera del ámbito profesional, la derrota fue directamente proporcional al auge de los CMS (Content Management System). Los gestores de contenidos, como WordPress o PrestaShop, lo cambiaron todo para siempre.
WordPress incluye una opción 2 en 1: su propio editor visual y la vista HTML, de forma que un usuario normal puede crear contenido a través de bloques (en la última versión Gutenberg) de forma directa, y aplicar código en la pestaña html para completar. Es una de las opciones más extendidas. En 2020, 60,8 millones de personas son usuarios de WordPress, al margen de las empresas y organizaciones que lo utilizan para operar tiendas online o páginas de tipo business (¿por qué pensabas, si no, que se estudia en nuestro curso de comercio electrónico?).
Como hemos visto, la transición de wysiwyg a editores visuales o código puro se ha extendido en el ámbito de la gestión de contenidos y del desarrollo web. ¿Por qué? La mejor manera de averiguarlo es repasando las ventajas y desventajas del what you see is what you get.
En CMS como WordPress o Drupal existe la opción de escribir en formato de procesador de texto al tiempo que se va generando el código fuente en HTML con un sistema de doble pestaña. Este código, y su corrección, es fundamental en el rastreo de los motores de búsqueda. Es el lenguaje que utilizamos para los ‘bots’, por tanto, crear un código fuente que los motores de búsqueda puedan entender es básico en cualquier estrategia de contenidos combinada.
Escribir correctamente tiene un doble sentido en SEO (editorial y en código de forma que la estructura del site sea jerárquica y se disponga de forma ordenada) y significa también que es necesario excluir determinadas partes a indexación. Los editores de wysiwyg raramente ofrecen tales opciones frente a la opción HTML.
Y ahora que ya lo sabes todo sobre wysiwyg, el dinosaurio de la edición web, dinos: tú de quién eres: ¿HTML o visual?
El artículo Wysiwyg fue escrito el 27 de enero de 2021 y actualizado por última vez el 11 de julio de 2022 y guardado bajo la categoría Glosario. Puedes encontrar el post en el que hablamos sobre El inicio de la maquetación web online fácil, sin escribir código. Inspirador de muchos procesadores de texto y sistemas web actuales. What you see is what you get bajo las siguientes etiquetas .
¿Seguimos en camino?
Te mantenemos al día de nuestras novedades
