Comunicate Ahora y Tendrás una Respuesta Inmediata.
FORMULARIO
enviar una consulta
Escribir Contenido y Marcarlo Semánticamente para SEO e IA
- Usuarios, buscan contenido Web con IA |
- Transmitir contenido Web con IA |
- Cantidad de contenido Web por pantalla |
- Contenidos Web, fácil de leer y comprender |
- Navegar eficientemente un sitio Web |
- Diseño líquido o diseño sólido de una página Web |
- Títulos, subtítulos y leyendas en los enlaces |
- Accesibilidad y los sistemas de hipertexto con IA |
- Guía rápida, escribir contenido Web con IA |
- Usuarios, buscan contenido Web en la era de la IA
-
El motivo principal por el cual los usuarios utilizan la Web es para obtener información. La manera en que ésta debe ser presentada difiere en varios aspectos con respecto a otros medios escritos que proponen una lectura ordenada y así permiten hacer referencias a lo ya expuesto como dando por supuesto que si se llegó hasta ese punto ha leído lo anterior, presentando una escritura mucho más rica.
Pero se deben considerar que en la Web no hay un orden de lectura estricto y que cada usuario leerá en la secuencia que decida. Además, hoy en día los modelos de inteligencia artificial también "leen" el contenido para ofrecer respuestas directas en los resultados de búsqueda (AI Overviews).
A quién me dirijo:
Normalmente se orienta el contenido de un sitio a un público determinado al cual se pretende captar. Es importante tener en cuenta el alcance que permite la Web, por esto, escriba de un modo sencillo, directo y preciso. Saque el máximo provecho de la potencia que le ofrece la voz activa. La voz pasiva puede parecer más profesional y objetiva pero le resta fuerza al sujeto de la frase. Puede que le parezca que repite demasiado los mismos términos y sería más florido ir cambiándolos por sinónimos o que utiliza un vocabulario muy simple, ¡bravo!, eso es justo lo que tiene que hacer.
El uso de un verbo preciso comunica con mayor fuerza lo que usted desea expresar, también elimina redundancias y reduce la longitud del texto, lo cual es valorado tanto por los usuarios como por los buscadores e IA.
Puede que haya decidido hacer varias presentaciones en distintos idiomas, pero de cualquier modo no se olvide que los términos muy utilizados o familiares para determinadas zonas geográficas pueden no significar lo mismo o no entenderse en otras. Trate de redactar de tal modo que no quepan dudas respecto de lo que quiere comunicar.
- Transmitir contenido Web optimizado para IA
-
Los títulos y los párrafos principales deben contener los mensajes más relevantes. Puede que piense en algunos textos que intriguen al lector, misterio que se irá develando a medida que se interiorice en el contenido. Pues no, la mayoría de los usuarios no le darán esa posibilidad, dado que tanto los títulos como los párrafos principales son utilizados casi del mismo modo que el índice de un diccionario. Debe ser específico con las palabras o frases que utilice, ya que también los modelos de IA los utilizan para entender el contexto del contenido.
Si debido a las características del contenido sobre el cual está escribiendo debe utilizar términos y expresiones específicas a una disciplina o abreviaturas, marque el contenido en las palabras o frases que corresponda y describa el significado en un lenguaje sencillo y de fácil comprensión, suponiendo que el lector desconoce absolutamente el tema de referencia. Esto también ayuda a la IA a interpretar correctamente tu contenido.
Debe diseñar una estrategia que comience utilizando la menor cantidad de palabras posible, que le den al lector una idea cerrada de la información que encontrará. Paso siguiente, unas líneas, tres o cuatro que le amplíen el tema de referencia, y así hasta lograr su objetivo. Cada una de las etapas debe resolver parte de la inquietud y valerse por sí misma. Con esta técnica le permitirá a sus visitantes navegar rápidamente el contenido de su sitio, lo cual le permitirá hacerse de una idea general y profundizar los temas que él considere, y no defraudarse leyendo información que no es de su interés, lo cual normalmente genera el impulso de abandonar el sitio.
Se debe aplicar para escribir el estilo de pirámide invertida: disponer el contenido de mayor a menor importancia. Un buen ejemplo es el de los periódicos: los titulares son la síntesis máxima, seguido se presentan los hechos más relevantes y el artículo completo con los detalles y demás datos, todo en orden descendente de importancia. Esto también mejora la interpretación por parte de los buscadores e IA.
- Cantidad de contenido Web por pantalla
-
Para facilitar la comprensión del texto se debe considerar no utilizar más del 70% de la superficie de la página con contenido. Estos espacios distribúyalos entre los distintos componentes de la página, lo cual permitirá una mayor legibilidad y facilitará la lectura a los usuarios.
Las páginas pueden ser programadas para ajustarse automáticamente al ancho del monitor en el cual se está desplegando o responder a una medida fija (normalmente 800 o 1024 píxeles). Es deseable que si el contenido de la página va a sobrepasar las dimensiones de la pantalla suceda en sentido vertical, dada la preferencia de los usuarios en desplazarse en este sentido y contando con que casi todos los mouse (ratón) cuentan con un scroll (ruedita) que cumple con esta función. Las dimensiones de superficie no solo dependen del tamaño del monitor sino que cada navegador ocupa distintas porciones de éste, y permite al usuario opciones para activar en pantalla (ver) distintas herramientas que si bien le facilitan el uso de éstas y mejoran las posibilidades de navegación, le restan espacio a la superficie donde se va a imprimir (ver) la página seleccionada.
En la era del diseño responsive y mobile-first, es fundamental que el contenido se adapte fluidamente a cualquier tamaño de pantalla, priorizando la experiencia en dispositivos móviles.
- Contenidos Web, fácil de leer y comprender con IA
-
Es recomendable que la diferencia en brillo entre el texto y el fondo sea superior a 125 y la diferencia en color entre el texto y el fondo sea superior a 500, y evite usar gráficos como fondo. Una herramienta de fácil uso y que puede ayudarlo en esta tarea es: CCA (Colour Contrast Analyzer), es un producto de Vision Australia (http://www.visionaustralia.org.au/).
Opte siempre por colores web-safe, son aquellos cuya visualización se mantendrá entre navegadores. Existen 216, los cuales se obtienen mediante un incremento en sus valores de 51 unidades en RGB (entre 0 y 255) o 33 en hexadecimal (entre 0x00 y 0xFF). Si bien la gama de colores se reduce, los colores que seleccione sufrirán menos variaciones entre las distintas plataformas (especialmente importante cuando estos identifican el Logo de una entidad), sin dejar de considerar el papel fundamental que juegan en la creación de colores los monitores (todos distintos entre sí) y sobre ellos no tendremos control.
Molestan, dificultan la lectura y por ende la comprensión los textos en movimiento o que titilan, evítelos. Si desea dar relevancia a alguna porción de texto seguramente obtendrá mayor beneficio si lo resalta con negrita, le otorga un conveniente tamaño, tipo de letra y administra los espacios entre el contenido. Es importante además marcar el texto con semántica (etiquetas como<strong>y<em>) para que los buscadores e IA comprendan su importancia.
Utilizar como tipos de fuente los de mayor distribución (fuentes sans serif como Arial, Verdana, Inter o Roboto) o (fuente serif como Georgia o Times New Roman). Considere que si utiliza alguna selección de tipo de fuente fuera de las de mayor presencia puede que no todos los usuarios cuenten con éstas, lo cual alterará sensiblemente el aspecto. Además de una cuestión estética, cada tipo de fuente tiene un tamaño propio. En la actualidad se recomienda el uso de fuentes variables y unidades relativas (rem, em) para mejorar la accesibilidad y el rendimiento.
- Navegar eficientemente un sitio Web con IA
-
Se pretende que cuando un usuario visite un sitio lea el contenido más importante, y para que pueda manejarse por la información se debe sustentar el diseño de los hipervínculos en 3 pilares básicos: la planificación, la estructura y la funcionalidad.
Dado que necesariamente el usuario no leerá en forma secuencial el contenido de un sitio, el contar con un eficiente diseño de los hipervínculos, que permita desplazarse de un bloque de información a otro, ir directamente a la información que le interesa, hacerlo de manera intuitiva, navegar por la información a través de los enlaces asociativos o jerárquicos y hacerlo en un orden específico o aleatorio, le genera comodidad al visitante.
La usabilidad de un hipertexto se refiere al modo en que está diseñado para que el usuario pueda manejarse por la información, ya se trate de un programa de gestión de hipertextos independiente, del documento concreto creado con éste o de una página presente en la Web. La interfaz de un hipertexto, esto es, el modo de presentación del hipertexto al usuario, abarca las pantallas y su diseño, el lenguaje usado, los iconos, botones, los mensajes de ayuda o de error, y todas y cada una de las herramientas de navegación, búsqueda, mecanismos de ayuda, guías e itinerarios, etc. entre otros aspectos de la comunicación usuario/hipertexto. El conjunto de todas estas herramientas es lo que determina la usabilidad del hipertexto.
La IA y la navegación: Hoy los modelos de inteligencia artificial pueden analizar patrones de navegación para sugerir mejoras en la arquitectura de la información y personalizar la experiencia del usuario.
- Diseño líquido o diseño sólido de una página Web
-
Se puede optar por un tratamiento del tipo bloque, en el cual al usuario se le presenta toda la información sin necesidad que éste deba desplazarse horizontal o verticalmente para ver el próximo bloque de información, sino que salta de pantalla en pantalla, o por un diseño con desplazamiento, normalmente de arriba hacia abajo. En este caso se recomienda, por una cuestión de accesibilidad, no superar las cuatro o cinco pantallas. Por supuesto que esto también depende del tipo de contenido; suele suceder que la presentación de manuales supere esta cantidad.
Otra característica es la de utilizar las técnicas de diseño sólido o líquido. El diseño sólido propone especificar mediante el uso de unidades de medida que no varían, lo cual lleva a que todo aparezca siempre en el mismo espacio. El diseño líquido se ajusta libremente de acuerdo a las características que proponga el entorno, pudiéndose combinar todas estas posibilidades lo cual permite utilizar lo que más nos conviene de cada una.
Para determinar cuáles adoptar se trata más de usar el sentido común, en base a las características propias del sitio, dado que en todas las alternativas hay ventajas y desventajas.
Algunas consideraciones:
Si bien la programación en bloque facilita que el usuario se ubique respecto a dónde estaba leyendo sin tener que recorrer la página de arriba hacia abajo (lo cual suele desorientarlo respecto a dónde localizar tal o cual punto de información que ya ha salido de la pantalla), hay veces que no conviene separar la información, sin dejar de considerar la cantidad de ésta que puede caber en una sola pantalla (aproximadamente 400 palabras con un tamaño de fuente adecuado). Por otra parte, las páginas largas son de fácil manutención. Una buena práctica es separar en bloques coherentemente, marcarlos con un color de fondo y utilizar la técnica de desplazamiento implementando una buena navegación mediante hipervínculos internos asociados que guíen al usuario.
Hasta cien palabras el lector absorbe en forma rápida; es conveniente separar la información en bloques que no superen demasiado esta cantidad.
Para los documentos largos es mejor ofrecer al usuario alguna opción tipo PDF.
En la actualidad, el enfoque mobile-first y el diseño responsive con CSS Grid y Flexbox han reemplazado en gran medida la distinción entre diseño líquido y sólido, priorizando la adaptabilidad a cualquier dispositivo.
- Títulos, subtítulos y leyendas en los enlaces
-
Estos son de vital importancia dado que no solo están al servicio del usuario sino también son utilizados por los motores de búsqueda e IA e intervienen en el posicionamiento. Los títulos y subtítulos deben ser descriptivos y contener las palabras clave principales. Los enlaces deben tener texto ancla (anchor text) que describa claramente el destino del enlace, evitando frases como "clic aquí" o "leer más".
Buenas prácticas para enlaces:- Usar texto descriptivo: "Ver guía de posicionamiento SEO" en lugar de "clic aquí".
- Los enlaces deben ser fácilmente identificables (color, subrayado).
- Los enlaces visitados deben cambiar de color para orientar al usuario.
- El atributo
titlepuede agregar información adicional pero no debe reemplazar el texto del enlace.
- Accesibilidad y los sistemas de hipertexto con IA
-
Accesibilidad no solo implica poder acceder al documento rápidamente, en cualquier momento, por diferentes personas, no importando su localización geográfica, tipo de conexión a la Web, programas (software) o equipos (hardware) utilizados, sino también el grado de movilidad una vez que hayamos tenido acceso a él. Debe ser usable por todas las personas, no importando las características particulares que puedan servir de barrera, imposibilitándolos o limitándolos al uso adecuado de los mismos. Para minimizar estos efectos debemos centrarnos en el usuario para satisfacer sus necesidades desde el inicio del diseño del hipertexto.
Los términos accesibilidad y usabilidad están muy relacionados: un hipertexto accesible debe ser usable y un hipertexto usable debe ser accesible.
Un hipertexto es accesible si puede ser percibido, navegado, usado mediante el teclado o el ratón u otros dispositivos y fácilmente comprendido por la mayor cantidad de personas posible.
El formato texto siempre es el más accesible dado que existen programas que sintetizan el texto y lo convierten en voz o en braille, pero las imágenes y otros elementos multimedia pueden ayudar a la comprensión del contenido y a hacer una lectura y navegación más fáciles. Para ayudar a los que puedan tener la necesidad de acceder a alguna instancia de contenido visual a través del texto se deben utilizar las etiquetas y métodos convenientes (atributoalten imágenes,aria-label, etc.).
Con el fin de que un hipertexto sea accesible a todo tipo de usuarios se han creado una serie de directrices y recomendaciones de accesibilidad.
El World Wide Web Consortium (W3C), organismo encargado del desarrollo de la Web a nivel mundial, ha establecido unas pautas para la accesibilidad de la Web. Dichas pautas se recogen en el documento Web Content Accessibility Guidelines 2.1 y 2.2 (https://www.w3.org/WAI/standards-guidelines/wcag/).
Algunos puntos a considerar:
Presentación:
Proporcione texto equivalente para el contenido no textual.
Revele la estructura.
Use la presentación para aclarar/enfatizar la estructura.
Interacción:
Permita que el usuario tenga control sobre el acceso/búsqueda.
Haga consistentes la navegación/presentación/comportamiento.
Dé al usuario el control sobre los cambios de vista.
Comprensión:
Escriba simple/clara/consistentemente.
Haga que la presentación sea consistente.
Ilustre/resuma/organice/perfile/indexe.
Tecnología:
Elija lenguajes de marcado que apoyen la accesibilidad.
Use el lenguaje de marcado de acuerdo con la especificación.
Transformación elegante.
IA y accesibilidad: Los modelos de inteligencia artificial pueden ayudar a detectar problemas de accesibilidad y sugerir mejoras, así como generar descripciones alternativas para contenido visual.
- Guía rápida: escribir contenido Web optimizado para SEO e IA
-
- Saber a qué público se dirige y qué preguntas necesita responder.
- Usar un lenguaje directo, sencillo y conciso, con voz activa.
- Limitar las frases a un máximo de 20 palabras para facilitar la lectura.
- Limitar las oraciones a una idea por párrafo para mejorar la claridad.
- Limitar el párrafo a un máximo de cinco líneas para evitar bloques densos.
- Organizar el contenido según el estilo de pirámide invertida - de mayor a menor interés.
- Escribir en un lenguaje llano y sencillo - cercano a la lengua hablada.
- Usar la voz activa; evitar el uso de jerga y clichés (cuando haya que usar siglas, dar la versión completa); usar verbos expresivos.
- Dirigirse personalmente al lector, si corresponde, usando palabras como "usted" o "nosotros".
- Abreviar el texto omitiendo palabras que no aportan significado, por ejemplo, "como lo habíamos dicho anteriormente".
- Facilitar la lectura dejando abundantes espacios en blanco y evitando el uso de fuentes diferentes.
- Elegir titulares y subtítulos significativos para dividir el texto y facilitar la exploración (utilizando etiquetas semánticas h1, h2, h3).
- Evitar largos bloques de texto gris usando listas con viñetas (
<ul>y<ol>). - Utilizar
<strong>y<em>para enfatizar palabras clave importantes. - Revisar el texto para asegurarse que no tenga errores gramaticales ni ortográficos.
- Pedirle a un(a) profesional, a un(a) colega o a una persona amiga que revise la versión final de su texto antes de publicarlo.
- Optimizar para IA y buscadores: Usar datos estructurados (Schema.org), incluir preguntas frecuentes (FAQ) y estructurar el contenido para que sea fácilmente interpretable por modelos de IA generativa.





