A continuación te explicamos que crear un contenido en el portal aragon.es tiene que cumplir con la normativa estatal de accesibilidad y respetar recomendaciones de lenguaje claro, posicionamiento web y normalización web que hemos elaborado para este portal.

Accesibilidad digital

Siempre tienes que tener en cuenta las normas de accesibilidad que permite que todas las personas puedan percibir, comprender el contenido y navegar por el Portal.

Para ayudar a la implementación de las buenas prácticas de accesibilidad las hemos incluido a lo largo de manual en el momento de explicar cómo se elabora o actualiza contenido.

Cuando hagamos un comentario sobre accesibilidad este estará precedido por un icono de una persona en silla de ruedas

Ejemplo: La imagen tiene que tener una descripción para que las personas discapacidad visual puedan conocer el contenido de la misma.

Resumen de buenas prácticas de accesibilidad

Pon a la página un título conciso, descriptivo y único

Organiza el contenido en secciones precedidas de un encabezado

• Personalizar el encabezado con los Estilos que tiene el editor con el Titulo de nivel 2 y Titulo de nivel 3. (no simularlo con negritas)

• Los encabezados deben ser concisos, descriptivos y únicos.

• Si tienes dos o más secciones incluye anclas (excepción tipo de contenido: Noticias).

• La página debe tener una cantidad razonable de contenido. Si tienes más de cuatro secciones posiblemente la página tiene demasiado contenido.

Las imágenes deben tener una descripción

• La descripción se incluye en el campo “Descripción” (o “Texto alternativo”).

• La descripción debe transmitir la misma información que la imagen de forma concisa (menos de 150 caracteres).

• La descripción solo puede dejarse vacía si la imagen es decorativa.

• El campo “Texto de pie” es opcional y no puede ser igual a la descripción.

• El campo “Descripción extensa” solo se rellena si la descripción de la imagen es extensa (más de 150 caracteres). En este caso, en el campo “Descripción” se identifica la imagen y en el campo “Descripción extensa” se incluye la descripción.

• Evita las imágenes de texto. Si fuera necesario usar una imagen de texto, incluye la misma información en formato texto en el cuerpo de la página.

Usa las listas, pero no las simules

• No simules las listas con tablas o guiones.

• Para evitar párrafos de más de cinco líneas, crear listas con las viñetas o numeración

Redacta enlaces claros

• El texto del enlace debe transmitir toda la información necesaria para comprenderlo (a dónde enlaza, si enlaza a un fichero, el tipo de fichero, su tamaño, etc.)

• El texto del enlace no puede ser una url del tipo https://... Estos enlaces no son significativos.

• Dos enlaces con el mismo texto deben tener la misma URL y viceversa.

• No abras enlaces en ventana nueva o indícalo en el campo “Título” del enlace.

Marca los cambios de idioma

• No es necesario marcar los nombres propios o los términos o palabras de uso habitual: John Smith, software, etc.

Incluye una tabla solo si es imprescindible

• Rellena solo el campo “Encabezados” y “Título”.

• Incluye antes de la tabla una breve descripción de su estructura.

• No uses tablas para maquetar texto y posicionarlo en la página.

• Haz tablas sencillas: no anides las tablas ni combines las celdas.

Resalta lo importante de forma adecuada

• Usa la negrita para resaltar palabras clave.

• NO uses la negrita, las mayúsculas o las tablas para resaltar párrafos completos.

• Usa la herramienta “Cita” solo para marcar citas.

• Para destacar un párrafo usa el estilo del desplegable “Estilo”. No abuses de él.

• No insertes retornos de carro o espacios en blanco para separar el contenido.

Redacta con lenguaje claro

En un apartado, más adelante, ahondamos en este aspecto.

Normalización

En algunos casos, dependiendo del tipo de contenido que quieras crear tendrás que atenerte a unos modelos o plantillas que hemos elaborado desde el equipo de coordinación del portal aragon.es para que te ayude en tu tarea diaria y además haya homogeneidad y calidad en los contenidos que ofrecemos a la ciudadanía aragonesa.

Cuando un contenido esté normalizado o tengamos una plantilla y estructura para crearlo, este estará precedido del icono de una varita mágica

Ejemplo: Los Títulos tienen que construirse…

1. Puedes consultar como ejemplo de normalización las páginas de información pública.

Buenas prácticas para unos contenidos más homogéneos y de calidad: revisión de contenidos

• Evita contenido duplicado en la web.

• Es interesante clasificar con el trámite o trámites que menciones a lo largo del cuerpo del texto.

• Si has incluido estadísticas obtenidas de páginas oficiales, enlaza a esas fuentes: INE, IAEST...

• Revisa todos los enlaces (a páginas web, PDF u otros elementos), para evitar que den error. Hay una extensión de Chrome que realiza esta acción por ti (Check Broken Links).

• Utiliza el Listado de enlaces para añadir enlaces relacionados en vez de ponerlos en el cuerpo del texto.

• Si en el contenido hay legislación:

  • Unifica los términos: usa o Legislación o Normativa.

  • Enlaza a las páginas oficiales (BOE, BOA, Eurlex…), para que esté la Ley actualizada. Si hay enlaces al BOA enlaza al PDF en su web. Evita descargar el PDF y luego subirlo a nuestra web para evitar duplicidades.

  • El texto del enlace tiene que ser suficientemente claro para que no quede duda de a dónde nos lleva, si es suficientemente descriptivo, aunque no abarque el título completo, es suficiente.

1. Consulta Funcionamiento del Editor > Enlaces > Recomendaciones de accesibilidad para saber más acerca de realizar enlaces correctos y en concreto de enlaces a normativa.

Buenas prácticas a la hora de crear un nuevo menú

Cuando crees un menú te recomendamos utilizar estos términos:

Si es un Servicio el que estás estructurando puedes utilizar estas opciones y clasificar tus páginas en estos grandes bloques, dentro de los cuáles podrá tener también subopciones:

Lenguaje claro

Cuando a lo largo del manual hagamos un comentario sobre recomendaciones de lenguaje claro, éste estará precedido por un icono de un ojo

Ejemplo: Títulos breves, concisos y en lenguaje claro.

Aquí puedes conocer algunas de las razones por las que debemos trabajar nuestros textos de la web en lenguaje claro.

Textos breves y claros

Los usuarios que visitan el portal, lo hacen:

• De manera puntual

• Porque lo necesitan.

• Buscando información, a veces con urgencia.

• No suele conocer el contexto, ni el proceso, ni el lenguaje administrativo.

Esta afirmación se viene respaldada por las estadísticas ya que el 74 % de los usuarios del portal son usuarios nuevos, es decir que previamente no nos había visitado.

Los usuarios no suelen tener mucho tiempo para leer, además de que la pantalla no ayuda a que leamos durante largos periodos de tiempo. Es conveniente que escribas pensando que el usuario, no va a estar mucho tiempo consultando la información, lo que te llevará a redactar textos lo más breves posibles.

Dotar de estructura a nuestros textos y contenidos

Sabemos que los usuarios suelen estar en actitud de búsqueda activa, que miran y ojean, se fijan en elementos más grandes, que están dispuestos en determinadas partes de la pantalla, que son títulos, negritas… Por ello se recomienda estructurar bien los contenidos:

• Uso de la pirámide invertida.

• Cada párrafo se refiera a un tema

• Uso de los encabezamientos con títulos descriptivos

• Uso de las listas.

Contenidos completos y entendibles por sí solos

El ciudadano (aproximadamente un 50%) suele acceder a las páginas que escribimos porque ha accedido a ellas a través de un buscador. Eso quiere decir que no ha entrado por la “puerta principal” (o página de inicio) de nuestro sitio web, sino que aterriza en una página, sin tener el contexto del resto del sitio web que está visitando. Por lo que los textos que elaboremos hay que pensarlos como si fueran los únicos que va a ver y asociarlos siempre de un contexto (breve y sencillo).

Lenguaje claro y cercano para conversar con la ciudadanía

Es conveniente usar un lenguaje claro y sencillo, además de cálido y cercano. El Instituto Vasco de Administración Pública (IVAP) en su documento de Comunicación Electrónica (PDF, 12,3 Mb), recomienda que nuestro lenguaje sea:

• Concreto: a los lectores no les agrada leer palabras superficiales, aunque tampoco hay que caer en la tentación de utilizar un lenguaje demasiado técnico o especializado.

• Sincero: exprésate de un modo sencillo y veraz.

• Interesante: que tu lenguaje sea amable y dé protagonismo al lector hace que le despierte el interés y compense la frialdad de la pantalla.

• Interactivo: emplea un tono que se asemeje a una conversación con el lector.

Lenguaje inclusivo

La ley 7/2018, de 28 de junio, de igualdad de oportunidades entre mujeres y hombres en Aragón, dice en su artículo 22, apartado 3: “Los poderes públicos aragoneses garantizarán un uso integrador y no sexista en la comunicación, en la imagen y publicidad institucionales, así como en los contenidos e imágenes que utilicen en el desarrollo de sus políticas, debiendo promover de forma activa una imagen igualitaria, plural y no estereotipada de las mujeres y los hombres”.

Resumen de buenas prácticas de lenguaje claro

• Redacta con frases cortas y sencillas, con una idea por frase.

• Redacta con párrafos cortos, con un tema por párrafo.

• Usar la negrita para resaltar palabras clave concretas, no frases ni párrafos.

• Respeta el orden de la frase: sujeto + verbo + complementos.

• Es preferible usar la voz activa, el indicativo y oraciones afirmativas.

• Usa las listas para romper la monotonía del texto y ayudar a ojear el contenido.

• Usa un léxico sencillo.

• Revisa la ortografía.

• Incluye la forma extendida de los acrónimos la primera vez que los uses, por ejemplo, BOE (Boletín Oficial del Estado), la explicación del acrónimo se admite tanto antes como después.

• No uses abreviaturas a menos que sean de uso común, como C/ o etc.

• El programa Inflesz orienta sobre la dificultad de lectura que tiene un texto.

Posicionamiento web o SEO

Con recomendaciones de SEO podremos conseguir que las páginas del portal del Gobierno de Aragón este bien posicionado en los buscadores para ganar visibilidad.

Cuando hagamos comentario sobre posicionamiento este estará precedido por un icono de una lupa

Ejemplo: Incluye palabras clave en el título de tu contenido.

Concepto SEO: palabras clave

Keyword o palabra clave

Cuando se habla de palabra clave nos referimos al término principal que da sentido a todo el contenido de la página y a su vez son los términos que introduciría un usuario en los resultados del buscador de Google cuando quisiera encontrar esa información.

Ejemplo en la página https://www.aragon.es/-/vehiculos-historicos

Keyword: Catalogación de vehículos históricos

Explicación: La intención de contenido no es explicar qué es un vehículo histórico si no proporcionar toda la información acerca del proceso de catalogación de vehículos históricos.

Buenas prácticas

Titular

El titular del contenido es lo que comúnmente en SEO se conoce como el H1 de la página, uno de los elementos más importantes para posicionar nuestros contenidos.

Para que los titulares sean óptimos desde el punto de vista SEO deberían de ser:

• Únicos, contener la palabra clave y ser breves pero descriptivos, de forma que comuniquen eficazmente el tema del contenido de la página.

• Si la palabra clave que hayas seleccionado para el contenido es muy concreta, en la mayoría de las ocasiones la keyword ser podrá utilizar como titular sin ningún adorno.

Ejemplo: https://www.aragon.es/-/vehiculos-historicos

Keyword: Catalogación de vehículos históricos

Titular (H1): Catalogación de vehículos históricos

Ejemplo: https://www.aragon.es/-/exposiciones

Keyword: Exposiciones sobre cambio climático

Titular (H1): Exposiciones sobre cambio climático y educación ambiental

Title

Es el primer elemento que ve el usuario en un resultado de búsqueda y suelen ser decisivos para decidir en qué resultado hace clic.

En el campo title es el Título de los contenidos

Recomendaciones

• Trabaja titulares breves para que se puedan visualizar al completo en los resultados de búsqueda.

• Incluye titulares con extensión máxima de 65 caracteres para que se vean al completo en los resultados de búsqueda de Google.

• Los Title se construyen así en el Portal: Title = Titular + “. Gobierno de Aragón”

En este ejemplo, el Title es demasiado largo, por lo que no aparece por completo al hacer la búsqueda.

Open

Resultado de Google con el Title recortado porque es demasiado largo

Meta description

La Meta description corresponde al campo “Resumen” de los contenidos.

Recomendaciones

• Que tenga como máximo de 160 caracteres

• Que sea distinto del título de la página y del primer o siguientes párrafos del contenido.

• Que contenga la palabra clave del contenido de la página y que ayude a contextualizar más en qué consiste ese contenido.

• Que incluya una llamada a la acción (Consulta, Descarga, Accede,…, es decir, usar un verbo para hacer esa llamada al acción a la ciudadanía).

En este ejemplo podemos comprobar que la meta description (o resumen) de la página Contacto Patentes y Marcas es “Contacto Patentes y Marcas” y por tanto no está bien trabajada ya que es igual que el título, es corta, etc.; por eso Google en los resultados de búsqueda extrae las etiquetas que se incluyen justo debajo del titular y las incluye como si fueran el resumen de nuestra página.

Open

Google adapta la metadescription (o resumen) si ve que no tiene suficiente información

Encabezados (Hn)

Estructura el contenido de la página con H2 o H3 que precedan al contenido, resumiendo lo que luego se van a encontrar.

Imágenes

En SEO las imágenes pueden ser un elemento interesante a incluir ya que:

• rompen la monotonía

• y benefician al posicionamiento del texto si están optimizadas con la palabra clave en el nombre del archivo de la imagen y en el texto alt (alternativo) de la misma.

Texto del contenido

Recomendaciones

• Mínimo 300 palabras de texto, para evitar que el motor de búsqueda lo considere “contenido pobre”.

• El contenido debe explicar pormenorizadamente la temática que se aborda.

• Si se trata de una página de listado de enlaces a documentos, es importante que se añada un texto precedente al enlace que explique, por ejemplo, en qué consiste la información que hay tras ese enlace.

• Si la página sólo cuenta con un enlace al documento (Word o pdf) como tal y no hay más texto, se puede añadir texto resumiendo o explicando los elementos principales que se encuentran en dicho documento.

• El contenido del texto debe ser original. Es decir, no se pueden seleccionar extractos de otros textos o documentos e incluirlos tal cual en el contenido de la página.

Chuleta SEO para trabajar estos conceptos en nuestras páginas