Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 26 Next »

En este artículo puedes conocer cómo crear un nuevo contenido en Liferay partiendo de la estructura madre: Contenido final.

Para generar un contenido nuevo tienes que dar los siguientes pasos:

Paso 1. Ir a Contenido web > Contenido web de [Educación, Agricultura, etc.]

Paso 2. Pulsar sobre el “+” (Nuevo) y elegir “Contenido final”.

Paso 3. Se abre la plantilla de contenido final.

Los campos de la plantilla se distribuyen de la siguiente manera en la pantalla:

Parte central

  1. Título (*)

  2. Generar anclas

  3. Cuerpo principal (!)

  4. Imagen principal

  5. Descripción extensa

  6. Texto de pie de imagen

  7. Vídeo

  8. Cuerpo secundario (*)

  9. Galería de contenidos

  10. Listado de enlaces

Parte lateral derecha

  1. Información básica (resumen) (!)

  2. Plantilla por defecto (=)

  3. Imagen destacada

  4. Categorización (*)

  5. Url amigable (=)

  6. Planificación temporal

  7. Buscar

Los contenidos que:

  • tienen un asterisco (*) y están en negrita son obligatorios y están vacíos por defecto, los tienes que rellenar tú dependiendo del contenido que vayas a incluir

  • tienen un igual (=) y en negrita son obligatorios pero ya traen un valor por defecto. Lo tendrás que revisar para ver si es así como lo quieres o si quieres cambiarlos.

  • tienen un signo de cierre de admiración (!) y en negrita, pueden ir vacíos pero por su propia naturaleza, el cuerpo principal y resumen, como son los campos donde tienes que poner el contenido son muy recomendables que tengan contenido ya que sino dificultaremos a la ciudadanía acercarse a nuestra información.

A continuación, se van a explicar cada uno de los campos.

Contenido final: parte central

Título (*)

Campo obligatorio. Aparece en la parte superior de la pantalla.

Recomendaciones sobre accesibilidad

Sé descriptivo y conciso

El título debe ser descriptivo, conciso y único, que identifique claramente el contenido de la página y que tenga sentido fuera de contexto.

Por qué

El título es muy importante para identificar la página. Por ejemplo, es el primer dato que anuncia el lector de pantalla a las personas invidentes; también les permite diferenciar las distintas páginas que tienen abiertas en el navegador.

Ejemplos incorrectos

“Contacto e información” es un título demasiado vago, de modo que puede haber varias páginas que se llamen igual:

Página de resultados del buscador del Portal. Hay varias páginas con el mismo título.

“Contacto e información. Gobierno de Aragón” es un título incorrecto porque el gestor de contenidos ya añadirá el texto “Gobierno de Aragón” de forma automática al título de la página.

Ejemplos correctos

  • Seguridad Industrial. Contacto e información sobre competencias.

  • Legislación sobre Innovación en Aragón.

  • Ley de Economía Social de Aragón.

  • Disfruta de la nieve en Aragón.

  • Subvenciones para la financiación del "Programa Investigo"

Las anclas deben ser diferentes del Título

El Título de la página debe ser diferente al nombre de las anclas (este elemento se explica más adelante). No se debe repetir ningún título en una página de contenido final.

Ejemplo correcto

Recomendaciones generales del portal / normalización:

🪄 Evita los títulos como “Novedad” porque con el paso del tiempo pierde vigencia y queda desactualizado.

🪄 Evita añadir en el título de la página de contenido: Gobierno de Aragón.

Las URLs (direcciones) de todo el portal ya están forzadas automáticamente para que tengan un buen posicionamiento por pertenecer a http://www.aragon.es

Recomendaciones sobre posicionamiento

🔍 La palabra clave -o keyword- del título tiene que aparecer al principio del mismo, o lo más a la izquierda posible para darle mayor relevancia.

Generar anclas

Campo no obligatorio. Un ancla es un enlace que instantáneamente dirige a una parte especifica de la página.

Varias anclas forman un índice de contenido con enlaces, por lo que solo se debe utilizar para páginas con mucho contenido en el cuerpo.

Pasos para generar anclas

En el cuerpo principal (campo que se explica más adelante) habrá texto al que vamos a darle diferentes estilos. En el cuerpo principal hay un editor de texto, similar al que podemos tener en cualquier procesador de textos (como Word, por ejemplo).

Paso 1. Desplegar la opción Estilo:

Paso 2. Seleccionar el texto al que queremos aplicar el estilo Título de nivel 2 (y que será encabezado de apartado y por tanto ancla):

Paso 3. Una vez estén todos los encabezados con el Título de nivel 2, seleccionar “Generar anclas” y se crearán automáticamente al publicar el contenido. 

Así quedaría una página con cuatro anclas: 

 

Limitaciones por accesibilidad

♿ Por accesibilidad sólo se permiten crear 4 anclas.

Recomendaciones de accesibilidad

♿ El Título de la página debe ser diferente al texto del título de las anclas. No se debe repetir ningún título en una página de contenido final.

♿ Si se incluyen dos o más títulos de nivel 2, es recomendable por accesibilidad marcar generar anclas.

Recomendaciones generales del portal / normalización

🪄 Por una cuestión de estilo, los contenidos de tipo “Noticias (Anuncios)” aunque tengan varios Títulos 2 y pudieran generar varias anclas, no generamos anclas.

Cuerpo principal (!)

Campo necesario. Se puede crear un contenido sin cuerpo principal pero no es nada recomendable.

Está en la parte central de la pantalla y sirve para incluir el texto e imágenes que queremos que haya en nuestra página o noticia.

Se compone de:

  • Una barra de herramientas de edición de texto.

  • Caja de texto en donde tienes que escribir el texto de tu página.

No copies y pegues directamente de un Word a esta caja de texto ya que se pueden pegar estilos que dificultan la accesibilidad. Pega siempre sin formato y luego da formato en la caja de texto de Liferay.

Imagen principal

Campo opcional. Si la página a editar contiene alguna imagen, se sube desde este apartado.

Pasos para subir una imagen principal

Paso 1. Pinchar en el botón de Seleccionar:

Antes de subir una imagen a Liferay comprobar que el título del archivo (jpg, gif) no contiene caracteres ninguno de los siguientes caracteres: \ / : * ? “ < > I

Paso 2. Se abrirá una nueva ventana, que permite seleccionar el archivo de la imagen que se quiere subir. 

Paso 3. Navega por las carpetas en las que se encuentra tu imagen (Imágenes - DPTOS, donde están las imágenes que cada Servicio trabaja en sus carpetas; o Banco de imágenes, donde están las imágenes del banco de imágenes Shutterstock que hemos descargado con anterioridad y pueden servir para ilustrar tu página). También puedes usar el buscador si recuerdas el nombre del archivo de tu imagen.

La imagen aparecerá a la derecha del contenido incluido en el cuerpo principal.

Campos para describir la imagen

Descripción de la imagen principal

Campo recomendable.

Explicación breve (menos de 150 caracteres) de la información que se ve en la imagen.

  • Consulta el apartado de Imágenes para conocer recomendaciones para descripción de imágenes.

La descripción de la imagen no es visible para los usuarios que vean la página. Solo sirve para las personas que utilizan lector de pantalla porque tienen dificultades de visión.

Texto de pie de imagen

Campo recomendable. Aparece visible debajo de la imagen.

  • Consulta el apartado de Imágenes para su uso correcto.

Descripción extensa

Sólo si la descripción de la imagen necesita más de 150 caracteres.

El gestor se encarga de incluir el enlace en el pie de foto y la descripción extensa al final de la página.

  • Para más información consulta el apartado de Imágenes.

La descripción detallada de la imagen sí es visible para todos los usuarios. Aparecerá al final de la página.

Vídeo

Campo opcional. Se sube como una imagen. 

Tiene dos campos al igual que la imagen, como se aprecia a continuación:

Insertar / enlazar un vídeo

En realidad no se insertar el vídeo, lo que hacemos es enlazarlo pero visualmente parece que lo hemos insertado dentro de nuestro código HTML de la página.

Paso 1. Copiar la URL del vídeo en Youtube o Vimeo en el campo “Vídeo principal”.

Paso 2. Poner un texto de pie del vídeo en el campo “Texto de pie de vídeo” que sirva para comprender el vídeo que aparece en la página y/o que sintetice su contenido.

Liferay solo identifica cuando pones enlaces a vídeos en Youtube o a Vimeo.

La imagen que se muestra en el vídeo se verá en gris cuándo: youtube o vimeo no devuelvan una imagen de vista previa del servicio en dónde se está trabajando youtube o vimeo.

Cuando el usuario pinche sobre el vídeo irá a la plataforma de Youtube o Vímeo donde lo visualizará. Los vídeos no se visualizan en nuestro portal.

Recomendaciones de accesibilidad

♿ Aunque el vídeo se encuentra fuera de nuestro portal, es recomendable y conveniente que nuestros vídeos tenga subtítulos. Youtube tiene una funcionalidad para subtitular de manera automática el vídeo cuando lo subes a tu canal. Para activar los subtítulos y comprobar que se han generado correctamente pulsa el botón de subtitulado.

Cuando subas un vídeo a Youtube dentro de tu canal, tienes que esperar un tiempo hasta que Youtube genere los subtítulos y puedas comprobar que se ven. Cuanto más largo sea tu vídeo más tiempo tardará en generarlos y tenerlos disponibles.

Cuerpo secundario

Campo opcional.

Está en la parte central de la pantalla y sirve para incluir el texto e imágenes que queremos que haya en nuestra página.

El editor que acompaña al Cuerpo secundario tiene las mismas opciones que el editor del Cuerpo principal.

Aquí se pondría el texto que aparecería debajo del vídeo en el caso de necesitar poner más información sobre el contenido.

Si en el contenido que vayas a crear no incluyes vídeo en tu página, el texto del Cuerpo principal y el del Cuerpo secundario aparecerían uno debajo del otro sin mostrarse ninguna diferencia de cara al usuario.

Hay cuestiones de tipo visual para presentar contenidos que aparecen Cuerpo principal que en el Cuerpo secundario no van a estar: Las tarjetas, la plantilla Contenido final (pregunta-respuesta), la plantilla Contenido final (agregadoras).

Galería de contenidos

Campo opcional.

Este elemento es un apartado creado para:

  • Incluir 2 o más imágenes

  • Incluir documentos

  • Incluir enlaces

De esta manera aparecerán en modo carrusel.

Aunque puedes poner 2 elementos (imágenes, documentos, enlaces), es mejor que insertes 3 o más para que visualmente quede más equilibrado.

Pasos para incluir contenido en la galería de contenidos:

Tipo Documento y multimedia

Si quieres que en la galería se vean documentos o imágenes

Paso 1. Rellena el campo Tipo con la opción “Documento y multimedia”

Paso 2. El campo “Documentos y multimedia”, busca en tu carpeta, el documento o imagen que quieras.

Paso 3. El campo “Descripción” pon el texto que describa el documento o la imagen. En el caso de ser un documento será el texto que verá el usuario. En el caso de ser una imagen esa descripción solo la verá la persona que use un lector de imagen.

A la hora de subir imágenes en el carrusel, hay que tener en cuenta que este elemento de la plantilla tiene una anchura y una altura máximas definida, por lo que la imagen se adapta automáticamente manteniendo siempre las proporciones. (anchura necesaria para que ocupen un tercio de la anchura del cuerpo de una noticia). Las dimensiones serán 2x3. Si el ancho máximo son 400px, la altura máxima serán 600px; si el ancho máximo son 200px, la altura máxima serán 300px. Esta redimensión, será siempre en función de la pantalla.

Los usuarios podrán pinchar en el documento y descargarlo; pero con las imágenes, los usuarios podrán pinchar encima de la imagen y esta se verá en su formato original. Para salir de este visor

Para salir de este visor, puedes pulsar la tecla “Esc” del teclado (arriba a la izquierda) o pulsar en la “X” que aparece arriba a la derecha de la Galería.

Tipo Enlace

Si quieres que en la galería se vean documentos o imágenes

Paso 1. Rellena el campo Tipo con la opción “Enlace”.

Paso 2. Deja en blanco los campos “Documentos y multimedia” y “Descripción”, baja un poco más hasta los campos “Título enlace” y “Link”

Paso 3. El campo “Título enlace” escribe el enlace que quieres que vea el usuario.

Paso 4. El campo “Link” pon la dirección URL del enlace

Ejemplos

Así quedaría un carrusel compuesto por una imagen y un documento:

 Así quedaría si lo hacemos con tres imágenes:

Recomendaciones de accesibilidad

♿ En el Título del enlace: No hay que poner "Enlace a". Cuando el elemento (texto o imagen) es un enlace, el lector de pantalla anuncia que es un enlace, por tanto, es repetitivo volver a ponerlo (leería "enlace a…"), sí que se podría poner "ir al portal del empleado" para que lea "enlace ir al portal del empleado", pero no es necesario.

♿ En el Título de las imágenes: el lector ya anuncia que es una imagen y no es necesario comenzar su descripción con "imagen de...", es repetitivo e innecesario.

♿ 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.

Recomendaciones de posicionamiento

🔍 Desde SEO también es aconsejable rellenar el Atributo ALT para describir la imagen y para poder posicionar también por Google imágenes.

Listado de enlaces

Campo opcional.

En este apartado puedes crear una lista de enlaces relacionados o de interés.

Pasos para rellenar este elemento:

Paso 1. Rellenar Listado de enlaces: Poner el título que englobe la temática de los enlaces que vayas a poner. Ejemplo: Enlaces relacionados, Más información.

Paso 2. Rellenar Título de enlace: Poner el título de la página web a la que se va a enlazar.

Paso 3. Rellenar Tipo: Indicar si es página (web) o documento.

  • Rellenar Documento: En caso de añadir un PDF o cualquier otro tipo de documento.

  • Rellenar Url: En caso de enlazar a una web.

Idioma del enlace: el texto de los enlaces en estos listados tiene que ser en castellano para no tener problemas de accesibilidad, ya que al no tener editor no podemos marcar con el código del idioma el texto.

Para añadir más enlaces pulsar sobre el botón “+” y para borrar un enlace ya creado pulsar sobre “-”

Ejemplo

El listado de enlaces quedaría así:

Contenido final: parte lateral

Información básica

Este bloque se compone de dos campos: Estructura y Resumen.

Estructura

NO es modificable. Viene por defecto: “Contenido final”.

Resumen (!)

Campo muy recomendable. Aparece en la parte derecha de la pantalla dentro del bloque Información básica. Añade información breve sobre el contenido. 

Recomendaciones de accesibilidad

♿ La página debe tener un resumen breve, conciso y redactado en un lenguaje sencillo.

♿ El resumen complementa al título. Ayuda a todas las personas a comprender qué información encontrarán en la página y a confirmar que han llegado a la página que esperaba. Es de especial utilidad para las personas con problemas de comprensión lectora y para las personas con discapacidad cognitiva.

Recomendaciones de posicionamiento

🔍 Incluye palabras clave (palabras clave son las palabras que usan los usuarios para recuperar información en los buscadores; intenta ponerte en la piel de la ciudadanía y usa las palabras que usan ellos para describir el contenido que estés elaborando).

🔍 El resumen debe ser diferente al texto del cuerpo y debe estar redactado. No es correcto incluir las palabras del índice del cuerpo de texto separadas por comas.

🔍 Su elaboración favorece la comprensión y selección de una página en los resultados de búsqueda o en las páginas temáticas del portal.

Ejemplos incorrectos

Un resumen con el mismo texto que el título es incorrecto:

Un resumen demasiado extenso, que en realidad debería ser el primer párrafo del contenido, es incorrecto:

Ejemplo correcto

Un resumen conciso y sencillo que complementa al título, es correcto:

Plantilla por defecto (=)

Campo obligatorio (aunque siempre está rellenado con un valor por defecto).

Por defecto siempre aparece “Contenido Final”. 

En este bloque se deberá seleccionar el tipo de plantilla que se va a utilizar.

Podemos hacer cambios en la plantilla para cambiar a:

  • Plantilla de contenido final (home)

  • Plantilla de contenido final (pregunta-respuesta)

  • Plantilla de contenido final (agregadoras)

Para cambiar la plantilla clicaremos en “Seleccionar” y se seleccionará el tipo de plantilla que se desee.

  • Visita la página Plantillas para saber más información de cómo utilizar cada una de ellas.

Imagen destacada

Campo opcional.

Con este campo se puede añadir un logo a la izquierda del título en las páginas de contenido final, quedando de la siguiente manera:

El logotipo o imagen se puede incluir en cualquier página de contenido final.

Es un campo con un desplegable:

Opciones del desplegable:

  • Sin imagen: esta opción viene por defecto. Si dejas este campo así no aparecerá ninguna imagen a la izquierda del título en la página.

  • Desde URL: permite introducir la URL donde se encuentre la imagen. Para ello tenemos que:

    • Paso 1. ir a Documentos y multimedia

    • Paso 2. Buscar la imagen

    • Paso 3. Copiar la url y pegar aquí.

La URL tiene que ser relativa, es decir, sin el https://www.aragon.es y empezando en “/documents…”

  • Desde el equipo: con esta opción puedes seleccionar una imagen desde tu equipo de trabajo.

Eliminar imagen destacada

En caso de querer eliminar la imagen destacada, simplemente deberás poner en este campo “Sin imagen” y pulsar guardar. La imagen desaparecerá de la página.

Recomendaciones de normalización

🪄 Recomendamos utilizar imágenes / logotipos rectangulares para mantener la armonía de la página.

Categorización (*)

Campo obligatorio para Organismos y Temas. Es muy importante categorizar el contenido para que quede clasificado.

Url amigable (=)

Campo obligatorio que se generará a partir del primer título con el que publiques el contenido.

Te recomendamos redactar el título tal y como quieres que se construya la url, y posteriormente modifica el título para que esté en lenguaje claro.

Es importante que la url NO contenga caracteres extraños como: acentos, barras, espacios, etc. Usarlas letras de la a-z (excepto la ñ), números y guiones.

Pasos para solicitar el cambio de una url amigable

En caso de que se considere estrictamente necesario:

Paso 1. Solicitud a Portal Público portalpublico@aragon.es de un cambio de URL.

Paso 2. Estudiamos la conveniencia y la necesidad del cambio.

Paso 3. Si consideramos oportuno el cambio, comprobamos que esa URL no tiene ninguna página enlazada (en estado publicado o borrador).

Paso 3.1. Si no tiene páginas enlazadas, se procede al cambio.

Paso 3.2. Si tiene páginas enlazadas, te indicaremos que hay un número X de páginas que referencian a aquella cuya URL quieres modificar, y debes gestionarlo con los propietarios de la página de origen; una vez hecho este paso, comprobaremos que sigue teniendo las mismas páginas que enlazan (mediante el Buscador por URL del paso 3).

Planificación temporal

Contenido opcional, salvo en el caso de crear un Contenido final, Tipo “Agenda”.

La planificación temporal recoge tres tipos de fechas que puedes aplicar en todo tipo de contenidos siempre que sea necesario.

  • Fecha para publicación

  • Fecha de expiración

  • Fecha de revisión

Con motivo del uso de estas fechas, los contenidos tendrán un estado u otro de publicación:

  • BORRADOR,

  • APROBADO,

  • PLANIFICADO,

  • EXPIRADO.

Fecha de publicación

Este campo viene completado por defecto, pero se puede modificar y programar el día y la hora para que se publique el contenido automáticamente.

Si la fecha es posterior a la fecha en la que lo trabajes y pulsas publicar, el contenido quedará PLANIFICADO y no podrá verlo el ciudadano/a hasta que no llegue esa fecha y hora.

Ejemplo:

Hoy es 10 de febrero de 2023 y quieres que una subvención se publique el 13 de febrero de 2023. Trabaja el texto en Contenido final y cuando lo tengas terminado, en el campo “Fecha de publicación”, selecciona la fecha y escribe una hora. Luego pulsa “Publicar”. Cuando veas la carpeta en la que se encuentra ese contenido, verás que su estado es “Planificado” y hasta que no llegue esa fecha no cambiará su estado a “Aprobado”, momento en el que ya estará disponible para que lo vean todos en el portal.

La fecha que aparece en la parte superior de las páginas de contenido final tipo “Noticias” es la fecha de publicación. Por lo que te recomendamos que actualices esta fecha cada vez que actualices la página con nuevo contenido. De esta manera constatas que la información que ofreces está actualizada.

Fecha de expiración

Puedes poner una fecha de expiración (despublicación) cuando quieras que deje de verse una página en un momento dado. Esto no quiere decir que se elimine. Tu contenido seguirá estando en tu carpeta con estado “Expirado”.

Esta fecha solo es obligatoria en el caso de estar elaborando un contenido Tipo “Agenda” ya que es la fecha que utilizamos para indicar al sistema que esa es la fecha de fin del evento.

Para el resto de contenidos es muy recomendable utilizarla.

Es recomendable pensar y programar la despublicación de nuestros contenidos en el momento en el que estamos creándolos, así nos despreocupamos de estar revisando continuamente nuestros contenidos para ver si están obsoletos.

El contenido no siempre expirará en la hora exacta que se ha indicado para que expire. Debemos de esperar un máximo de 15 minutos para que el documento quede expirado. Si por ejemplo indicas que el contenido expire a las 13:09, el contenido puede expirarse entre un intervalo de tiempo de entre las 13:10 y las 13:15.

Fecha de revisión

Puedes programar una fecha de revisión sobre el contenido como si fuera un aviso para recordarte que tienes que actualizar un contenido determinado.

Esta fecha solo es obligatoria en el caso de estar elaborando un contenido Tipo “Agenda” ya que es la fecha que utilizamos para indicar al sistema que esa es la fecha de inicio del evento.

Para el resto de contenidos no es necesario usarla si no lo crees conveniente.

Buscar

Este campo viene por defecto con “SI se muestra en las búsquedas”; pero en caso de cambiarlo a “NO” la página de contenido final que se está editando no se podría recuperar en las búsquedas de nuestro buscador.

Si el botón de “Buscar” está en posición “NO”, no quiere decir que buscadores como Google no lo vayan a indexar. Si quieres que Google no indexe un contenido ponte en contacto con portalpublico@aragon.es.

Si estás trabajando un contenido y todavía no lo has terminado pero tienes que cerrar la sesión en Liferay puedes guardar el contenido como BORRADOR pulsando el botón “Guardar como borrador” (arriba a la derecha). Esto significa que el contenido se guardará, pero no será publicado.

Publicar / Guardar como borrador / Cancelar

Una vez que has terminado tu contenido o tienes que dejar de trabajar con Liferay, puedes realizar cualquiera de estas acciones con tu contenido:

  • Publicar: si tiene fecha de hoy tu contenido quedará publicado y tendrá el estado de APROBADO; si tiene una fecha posterior, el contenido quedará con el estado de PLANIFICADO.

  • Guardarlo como borrador: si no has terminado de elaborar tu contenido pero tienes que cerrar tu sesión, pulsa este botón y de esta manera, tu contenido no lo podrá ver ningún ciudadano/a y quedará listo para seguir trabajando con él cuando lo necesites. Tu contenido quedará con el estado BORRADOR.

  • Cancelar: porque no quieres guardar el contenido que habías empezado a editar.

  • No labels