Jahia UNIL pré refonte web - Documentation publique

Pour les sites Jahia qui utilisent encore l'ancien design pré refonte web 2024 (sites des facultés, instituts et centres qui n'ont pas encore démarré leur migration)

Introduction à Jahia

Qu'est-ce que Jahia ?

Jahia est un CMS, ou content management system: C'est une application web permettant de créer et mettre à jour des sites web. Il existe de nombreux CMS permettant de répondre à différents besoins. A l'UNIL, nous employons Jahia pour réaliser nos sites web institutionnels (prestations, services, facultés, instituts etc.), et WordPress en complément pour d'autres types de sites.

La documentation figurant dans ce wiki concerne uniquement la version de Jahia employée à l'UNIL et les templates et composants développés à l'UNIL. Elle n'est pas pertinente pour des personnes qui chercheraient un mode d'emploi Jahia global à employer hors du contexte UNIL.

Que pourrez-vous éditer dans votre site Jahia ?

Les sites web institutionnels de l'UNIL doivent clairement pouvoir être reconnaissables comme faisant partie d'un ensemble. Ils utilisent les mêmes modèles de page (ou templates).

Par conséquent, ils vont partager plusieurs éléments communs, au niveau structurel, visuel et fonctionnel: en-tête, pied de page, navigation, styles etc. Les aspects concernant la structure et la mise en page sont décrits dans la ligne graphique web UNIL.

Voici ce que vous pourrez éditer dans votre site Jahia:

En complément, notre équipe web peut activer certaines options ou modifications sur demande (par ex. protéger l'accès à une rubrique par mot de passe, modifier l'en-tête ou le pied de page).

Principe de l'imbrication: pages > composants > éléments

Un site web Jahia est composé d'un ensemble de pages, qui sont elles-mêmes composées de composants de contenu (aussi appelées boîtes de contenu), et ces composants sont une addition d'éléments de contenu.

imbrication.png

Les composants de contenu

Il existe plusieurs types de composants, qui peuvent voisiner sur une page, comme dans cet exemple:

jahia-plusieurs-boites.png

Modèles de pages

Dans les templates insitutionnels UNIL actuels, 2 modèles de pages sont disponibles, chacun autorisant certains types de composants:

Edition et publication = 2 étapes distinctes

Les ajouts ou modifications de contenu dans les sites Jahia ne sont pas publiés immédiatement, la publication est un processus distinct qu'il faut lancer manuellement. Ceci permet de compléter et relire une nouvelle page ou un nouveau contenu avant de le rendre visible pour tout le monde.

Ce processus concerne également les suppressions de contenu: lorsqu'on supprime une page ou un contenu, il faut ensuite "publier la suppression" pour qu'elle soit effective.

Possibilité de masquer une page ou un contenu temporairement

Jahia permet de masquer temporairement une page ou un contenu si on souhaite le rendre temporairement non visible mais qu'on veut le garder pour un usage ultérieur. Pour cela il ne faut pas dépublier ce contenu, mais agir sur sa propriété de visibilité.

Formulaires

Un composant "formulaire" permet d'ajouter sur une page un formulaire d'inscription ou de contact. Les données récoltées au moyen de ce formulaire sont consultables dans l'interface d'édition de Jahia, et sont également envoyées par email à l'adresse mail spécifiée dans les paramètres du formulaire.

Pages ou rubriques protégées par mot de passe

En option, il est possible de restreindre la consultation d'une page ou d'une rubrique (=une page et ses sous-pages) à un groupe de personnes qui devront s'idenfier par mot de passe. Ce mécanisme n'est applicable que pour des groupes de personnes disposant d'un compte UNIL, et permet ainsi de créer si nécessaire une partie "intranet" dans un site Jahia. Son activation n'est pas possible directement dans l'interface, il faut en faire la demande au helpdesk.

Affichage de contenus externes (UNIL ou hors UNIL)

En plus du contenu édité directement dans les sites Jahia, il est possible d'y faire afficher certains contenus provenant d'autres sites et applications:

Référencement

Jahia permet également de travailler à un référencement efficace du site, tant au niveau de sa structure (arborescence, niveaux de titres dans les pages) que de la saisie de méta descriptions et de textes alternatifs. Nous envoyons régulièrement aux principaux moteurs de recherche des plans de nos sites Jahia au format sitemap.xml.

 

Voir aussi:

[ Documentation Jahia: retour au sommaire ]

Ligne graphique web UNIL pour les sites Jahia

La ligne graphique pour les sites web Jahia UNIL précise la structure des sites, les modèles de pages, les dimensions des images, les en-têtes et pieds de page, etc.


Structure des sites

Lors de l'ouveture d'un sites Jahia sur les serveurs du Ci, seules sont présentes les pages suivantes:

Les pages de contenu sont créées par les webmasters du site.

structure1.png


Fonctionnement du menu principal et navigation de premier niveau sur une page d'accueil:

structure2.png


Fonctionnement de la navigation de premier et deuxième niveau sur une page de contenu:

structure3.png


En édition, voici l'utilisation des conteneurs "pages institutionnelles" et "pages accès guidés" :

structure4.png


Modèles de pages

2 modèles de pages sont disponibles pour la création des sites:

jahia-modele-home.png

jahia-modele-contenu.png


La présentation de la page d'accueil peut varier en fonction des options utilisées, comme illustré dans l'exemple ci-dessous.

home options.png

Pour plus de précisions, voir page d'accueil d'un site Jahia et pages de contenu d'un site Jahia.


Dimensions des images

L'insertion d'images dans les composants de contenu Jahia nécessite souvent un redimensionnement ou un recadrage préalable selon la taille de l'image.

taille images 1.png


taille images 2.png


Pages "outils"

Ce terme désigne les pages accessibles par les liens dans le pied de page.

pages outils.png


En-têtes et pieds de page

Dans les sites Jahia UNIL, les webmasters ne peuvent pas modifier directement le contenu des en-têtes et pied de page, ils/elles doivent pour cela adresser leur demande de modification au helpdesk du Ci.
Seule exception: la zone des liens rapides => voir plus bas.

L'en-tête

Texte de l'en-têtre: pour l'émetteur du site (=unité responsable du site), 2 lignes sont à disposition dans l'en-tête. Elles sont utilisées comme dans ces exemples:

lignes header.png

Couleur du menu principal: 9 couleurs sont disponibles, utilisées selon ce princinpe

couleurs1.png

couleurs2.png

La zone des liens rapides (=shortcuts):
Cette zone de menu complémentaire est directement éditable par les webmasters à partir de la page d'accueil du site. Elle permet l'ajout de liens internes ou externes pertinents. Son intitulé est modifiable (=dropdown title). Voir page d'accueil d'un site Jahia.

shortcuts.png


Le pied de page

Les logos en pied de page sont utilisés dans 3 cas de figure distincts:

logo footer 1.png

logo footer 2.png

logo footer 3.png

Voir aussi:

[ Documentation Jahia: retour au sommaire ]

Bases de l'édition dans Jahia

Si vous n'éditez pas votre site depuis le réseau de l'UNIL, il est nécessaire d'activer le VPN UNIL, voir le point 1 sur la page questions fréquentes...


L'interface d'édition

Se connecter

login.png

Se déconnecter

logout.png

Edition des pages: Page Composer

pc.png

Gestion des images et documents: jContent

jcontent.png

Les interactions de base

3 actions fréquentes dans la manipulation des pages et des composants:

Edition et publication = étapes distinctes

L'édition d'une page ou d'un composant (ajout, modification, suppression) n'est pas directement visible en ligne par les personnes qui visitent le site. Il faut ensuite publier ces modifications.

Avant de publier, on peut si on le souhaite utiliser le mode "aperçu" pour vérifier que les changements effectués correspondent à notre attente. Ce mode affiche dans un nouvel onglet une prévisualisation de la page avant sa publication.

apercu.png

Ensuite on peut passer à la publication:

publication.png


Choisir le bon bouton lors de la publication

Attention au choix des boutons dans l'interface de publication :

publier.png

Comment terminer la publication si vous avez par erreur utilisé le bouton "demander une publication" au lieu du bouton "publier maintenant" ?

workflow-2.png


Statut de publication

L'affichage du statut de publication est visible en haut à droite de chaque page:

statut-publ.png

Il existe une exception à ce principe du statut de publication indiqué par une couleur: 

Pour les pages faisant appel à des composants qui redimensionnent automatiquement les images (galeries, contenus responsive, listes filtrées, image en page d'accueil), selon la taille des images utilisées Jahia va les redimensionner dynamiquement à l'affichage dans le mode édition. Ceci a pour effet que même après publication, ces pages afficheront toujours un statut de publication "orange" même si elles ont bien été publiées. Et le fait de lancer à nouveau la publication va juste afficher un message "rien à publier". Dans ce cas il faut simplement comparer la version en édition avec la version en ligne pour s'assurer qu'elles soient identiques.

Les suppressions de contenus, de pages, images ou documents doivent également être publiées: la publication achève le processus de suppression. Un élément supprimé mais "non publié après suppression" reste visible en ligne. 

Copier/coller de contenus

Jahia permet de copier/coller des contenus, avec 2 options selon l'objectif visé:

  1. le "copier/coller simple", qui permet par exemple d'utiliser un contenu comme "modèle de mise en page" en le collant sur la même page ou sur une autre page du site
  2. le "copier/coller la référence", qui permet de dupliquer un même contenu sur une ou plusieurs autres pages du site, et de pouvoir ensuite modifier le contenu de base pour qu'il soit également mis à jour sur les autres pages.

Copier/coller simple

Dans cet exemple, on vise à copier ce contenu depuis la page "Recherche" pour aller le coller sur la page "Enseignement" afin de s'en servir comme modèle de mise en page.

copy1.png

Dès le moment où on a choisi "copier", le contenu se trouve dans le presse-papier de Jahia en attente de collage. On peut alors aller sur la page de destination et choisir l'option "coller". Ensuite le contenu collé peut être modifié indépendamment du contenu d'origine. 

copy2.png

Copier/coller la référence

Parfois le but d'un copier/coller est de dupliquer un contenu à l'identique sur une ou plusieurs autres pages du même site et de pouvoir ensuite modifier le contenu de base afin qu'il soit mis à jour partout. Dans ce cas, après avoir copié le contenu initial, il faut aller sur la page de destination et choisir l'option "coller la référence".

Le contenu collé se distingue visuellement dans l'interface d'édition: il mentionne la page source dont il est issu, il est représenté sur un fond gris et une icône "chaîne" apparaît sur la droite. Si on veut le modifier, il faut aller modier le contenu source, et ces modifications seront recopiés dans le contenu collé comme référence.

copy3.png

Si on veut "coller comme référence" un contenu sur plusieurs pages différentes d'un même site, il faut répéter l'opération autant de fois qu'il y a de pages où le coller.

Masquer temporairement un contenu

Jahia permet de masquer temporairement un contenu dans une page, par exemple en le rendant non visible à partir d'une certaine date. Ceci permet de conserver certains contenus que l'on souhaite rendre provisoirement invisibles pour les visiteurs du site, en gardant l'option de pouvoir à nouvau les rendre visibles ultérieurement. 

[ Documentation Jahia: retour au sommaire ]

Composants de contenu Jahia

Liste des composants disponibles pour éditer les pages

Ce tableau montre quels composants sont disponibles sur la page d'accueil ou sur les pages de contenu.

composant
 page d'accueil

page de contenu,

colonne centrale

page de contenu,

colonne latérale

 remarques
image principale
 v


multi-usages
 v


HTML pour admin
 v

pour affichage d'un flux Twitter
"super liens"
 v


"à découvrir"
 v


flux d'actualités
 v


flux d'événements
 v
 v

actualité en évidence
 v
 v

événement en évidence
 v
 v

card design
 v
 v

vidéo v
 v
 v
flux RSS/Atom v
 v
 v
contenu standard
v
 v
 avec éditeur visuel
liste dynamique
v
 v
contenu responsive
v
avec éditeur visuel
tableau
v

galerie
v

liste avec présentation
v

actualités avec filtres
v

canal d'actualités
v

événements avec filtres
v

une actualité
v

un événement
v

formulaire
v

liste filtrée
v

publications Serval
v

recherche académique Unisciences
v


Remarque: pour tous les composants mentionnant les termes "actualités" ou "événements", les contenus ne sont pas saisis directement dans Jahia, mais proviennent des canaux d'actualités/événements de MyUNIL.

Présentation illustrée des composants: télécharger le PDF

Les composants pour les pages de contenu sont répartis en 2 catégories:


Les composants UNIL

Note sur le contenu structuré et le contenu libre

Les contenus d'un site Jahia peuvent être de 2 types selon leur emplacement et le composant utilisé:

structure-libre.png

On peut saisir du contenu structuré:

On peut saisir du contenu libre:

Contenu standard et contenu responsive

Exemple contenu standard

Exemple contenu responsive

Documentation contenu standard et contenu responsive


Tableau

Exemple


Galerie

Exemple


Card design

Exemple


Vidéo

Exemple


Liste avec présentation

Exemple


Liste dynamique

Exemple


Flus RSS/Atom

Exemple


Les composants avancés UNIL

Formulaire

Exemple

Documentation - Formulaires


Liste filtrée

Exemple


Publications Serval et recherche académique (Unisciences

Exemple Serval

Exemple Unisciences

Ancienne documentation pour Jahia 7


Canal d'actualités ou d'événements

Exemple


Actualités ou événements avec filtres

Exemple


Une actualité ou un événement

Exemple

[ Documentation Jahia: retour au sommaire ]

Page d'accueil d'un site Jahia

Modèle de page pour la page d'accueil

Ce modèle de page est disponible uniquement pour la page d'accueil du sitemodele-accueil.png

L'apparence de la page d'accueil peut varier selon l'activation (ou non) des diverses options proposées, voir ligne graphique web UNIL pour les sites Jahia pour un exemple illustré et les dimensions des images.

Options à régler en page d'accueil pour l'ensemble du site

Ces 3 options visibles sur l'ensemble des pages du site se règlent sur la page d'accueil.

Capture d’écran 2023-01-21 à 12.09.26.png

Capture d’écran 2023-01-21 à 12.09.51.png

Affichage optionnel des actualités et événements

Voir aussi les actualités/événements de MyUNIL.

Les possibilités d'affichage des événements et actualités sur la page d'accueil sont les suivantes:

Dans la zone centrale

accueil-central.png

Dans la zone actualités / événements

accueil-actus.png

Fonctionnement de ces options

Pour la zone centrale comme pour la zone actualités/événements, pour passer d'une option à l'autre, il faut supprimer le contenu et publier la suppression pour retrouver ensuite le choix entre les différentes options.

Exemple avec la zone centrale:
si on veut passer de l'option "affichage d'une image" à l'option "affichage d'une actualité", on supprime l'image pour retrouver le choix entre les options

accuiel-changer-option.png

Exemple avec l'option "choix dans une liste" pour la zone des actualités:

accueil-choix-actus-1.png

Gestion des actualités ou événements dont la date de publication est expirée:
Parfois les actualités ou événements dont la date de publication est expirée disparaissent de la liste en mode édition, mais restent affichés sur la page d'accueil du site. Pour actualiser l'affichage en page d'accueil, il faut faire une modification à la liste (peu importe laquelle) et la publier à nouveau.

Boîtes multi-usages en page d'accueil

Ces boîtes:

Une colonne peut contenir à choix:

exemple de boîtes multi-usages:

mu-accueil.png

Les boîtes multi-usages peuvent accueillir les éléments de contenu suivants:

Une même boîte peut contenir plusieurs éléments de contenu, même de types différents (par ex. texte sans mise en forme et liens).

[ Documentation Jahia: retour au sommaire ]

Pages de contenu d'un site Jahia

Modèle de page pour les pages de contenu

Ce modèle de page est disponible uniquement pour les pages de contenu du site:

modele-page-contenu.png

Voici quels composants peuvent être ajoutés dans quelles zones de contenu:

main-side.png

Dans le contenu central:

contenu-main.png

Dans le contenu latéral:

contenu-side.png

Pour plus de détails sur ces composants, voir composants de contenu Jahia.

Pour l'édition de texte mis en forme et les alignements d'images avec du texte, voir contenu standard et contenu responsive.


Structurer les pages

Plusieurs options permettent de structurer les pages, de manière à faciliter la navigation et améliorer le référencement de la page:

Les niveaux de titres

niveaux-titres.png


Le sommaire

sommaire-page.png


 

[ Documentation Jahia: retour au sommaire ]

Pages Jahia - Contenu standard et contenu responsive

Principe

Les composants "contenu standard" et "contenu responsive" sont les plus polyvalents pour les pages de contenu. Ce sont les seuls à permettre la saisie de contenu libre, mis en forme grâce à un éditeur visuel nommé CKEditor

Le composant "contenu standard" est l'un des plus anciens composants de contenu disponibles dans Jahia à l'UNIL. C'est un peu la "boîte à tout faire", qui peut accueillir entre autres:

Le composant contenu standard a évolué au fil du temps pour s'adapter à différents usages. Cependant, l'alignement d'images et de texte côte à côte n'a jamais vraiment été simple et satisfaisant à réaliser dans ce composant.

Finalement, l'avènement du responsive web design pour adapter nos pages à la consultation sur mobile nous a amenés à créer un nouveau composant de contenu spécifiquement pour la présentation d'images et de texte côte à côte: le composant "contenu responsive".

Ce composant permet un alignement correct d'une image et d'un texte côte à côte, et ceci sur toutes les tailles d'écrans.

stand-vs-resp.png


ex.png


Points communs et différences entre ces 2 composants

Les composants "contenu standard" et "contenu responsive" ont des points communs (en bleu) et des différences (en rouge):

comm-diff.png


L'éditeur de texte CKEditor

cke.png


Pour créer un lien interne vers une autre page du site:

lien-int-1.png

lien-int-2.png

Pour créer un lien externe vers un autre site:

lien-ext.png

En mode édition, le composant "contenu responsive" doit généralement générer à nouveau la vignette de l'image à chaque affichage. Ce processus prend du temps, et par conséquent si une page contient un trop grand nombre de composants "contenu responsive", l'affichage de la page lors de l'édition est très lent et peut même parfois déboucher sur un "timeout" avec un message d'erreur "503 - service temporairement indisponible".
=> Nous conseillons par conséquent de ne pas dépasser le nombre d'environ 30 composants "contenu responsive" par page.


[ Documentation Jahia: retour au sommaire ]

Pages Jahia - Liste avec présentation

Le composant "Liste avec présentation", disponible sous Jahia dans les "Composants Unil" permet d'afficher plusieurs sections présentées de 3 fois façons différentes : "Normal", "Tabs" (sous forme d'onglets) et "FAQ"(sous forme d'accordéons)

Le composant "listes avec présentation" s'utilise en imbriquant d'autres composants Jahia dans chacune des sections. On peut donc obtenir de nombreuses mises en page en combinant différents éléments.

Exemples

Capture d’écran 2024-03-15 à 14.30.56.png

Une liste sous forme "Normal". Chaque section est séparée par un titre bleu.

Capture d’écran 2024-03-15 à 14.31.02.png

Une liste sous forme "Tabs". Chaque section est séparée par des onglets cliquables.

Capture d’écran 2024-03-15 à 14.31.10.png

Une liste sous forme "FAQ". Chaque section est séparée par des accordéons cliquables qui révèlent le contenu placé à l'intérieur.

Insérer un composant liste avec présentation

  1. Sélectionnez le composant "liste avec présentation" dans la liste des composants UNIL

    Capture d’écran 2024-03-15 à 14.15.08.png

  2. Insérez le titre de composant (optionnel), puis sélectionnez le style de la présentation : Normal, Tabs ou FAQ

    Capture d’écran 2024-03-15 à 14.15.25.png

  3. Une fois le composant créé, cliquez sur "Section de liste" pour créer une nouvelle section 

    Capture d’écran 2024-03-15 à 14.15.38.png

  4. Nommé la section, puis cliquez sur "sauvegarder", elle s’affichera différemment selon la vue sélectionnée : titre, onglet ou accordéon

    Capture d’écran 2024-03-15 à 14.15.57.png

  5. Une fois la section créée, cliquez sur "Tout contenu" pour ouvrir le menu des composants Jahia et ajouter un composant dans la section. À quelques exceptions près, la majorité des composants Jahia sont disponibles dans une section. Vous pouvez insérer de multiples contenus dans une section.

    Capture d’écran 2024-03-15 à 14.16.05.png

  6. Répétez l'opération autant de fois que vous avez de section.

À noter

Pour les styles "Tabs" et "FAQ", vous pouvez sélectionner quel élément (section) afficher par défaut. Pour le style "FAQ" vous pouvez aussi décider de n'ouvrir aucun accordéon par défaut.

Capture d’écran 2024-03-15 à 14.18.01.png


[ Documentation Jahia: retour au sommaire ]

Pages Jahia - Formulaires

Principe de fonctionnement

Ce composant permet de créer dans votre site Jahia des formulaires pour lesquels vous recevez les données par email lorsqu'une personne qui visite le site les utilise. Ces données sont également consultables dans l'interface d'édition de Jahia. En option, il y a la possibilité d'envoyer une confirmation par email à la personne qui a utilisé le formulaire.

principe-1.png

Exemple:

principe-2.png

précisions concernant certains éléments:


Créer et mettre en ligne un formulaire simple

Une bonne pratique en matière d'ergonomie : ne pas placer un formulaire à l'intérieur d'une "liste avec présentation" (onglet ou accordéon FAQ), car pour les visiteurs sur mobile, cela peut empêcher une bonne vision de la confirmation d'envoi ou des messages d'erreur éventuels.

 

Marche à suivre

ajouter le composant "formulaire" dans la page:

ajout-composant.png

puis spécifier les réglages généraux:

reglages-gen.png

ajouter les champs:

ajout-champ.png

quand tous les champs de saisie ont été définis, il faut ajouter le(s) bouton(s) :
- bouton de validation du formulaire (obligatoire) 
- bouton d'annulation pour effacer le contenu (facultatif)

ajout-bouton.png

ensuite publier le formulaire:

publier-form.png

et finalement le tester, mais impérativement à partir du serveur de consultation et non pas à partir du serveur d'édition !

test form.png

Si vous ne souhaitez pas que votre formulaire soit disponible pour les visiteurs du site juste après que vous l'ayez publié, il faut utiliser les propriétés de visibilité de son composant pour le masquer temporairement.

Message de confirmation (en option)

Voici comment activer l'option pour que toute personne qui utilise le formulaire reçoive ensuite un email de confirmation (par ex. "nous accusons bonne réception de votre demande...").

confirmation1.png

confirmation2.png

Limites techniques

[ Documentation Jahia: retour au sommaire ]



Gestion des images et documents dans Jahia

Organisation des images et documents sur le serveur

Les fichiers des images et documents sont gérés dans un espace de stockage, dans des dossiers. Cet espace de stockage se nomme "jContent". Les fichiers (=images et documents) qui s'y trouvent sont appelés par les pages du site pour y être affichés. 

jc1.png

jcont1.png

Les noms des dossiers et des fichiers doivent respecter les bonnes pratiques web:


Fonctionnement de jContent

jcont2.png

Pour charger un fichier dans jContent (=upload)

Pour déplacer un fichier:

  1. glisser/déposer le fichier dans un autre dossier
  2. aller dans le dossier de destination et publier le fichier déplacé

jcont3.png

Pour savoir si un fichier est utilisé ou non sur le site: dans l'affichage sous forme de liste

  1. clic sur l'icône "crayon" à côté de l'icone "3 points"
  2. options avancées > utilisations
  3. si le fichier est utilisé, on voit l'adresse de la page qui l'appelle

Pour supprimer un fichier:

  1. menu contextuel > supprimer => le nom du fichier apparaît barré
  2. pour terminer la suppression: menu contextuel > publier la suppression
  3. si on supprime plusieurs fichiers, gain de temps avec le bouton bleu "publier tout" en haut à droite


Utilisation de jContent depuis Page Composer pour ajouter une image

A partir d'une page en cours d'édition, on peut aller chercher une image déjà présente dans jcontent, ou sinon en charger une directement. Voici comment se présente l'interface.

jc4.png

jc5.png


Utilisation de jContent depuis Page Composer pour ajouter un document

2 méthodes sont disponibles à choix: 

a) ajout d'un lien vers le document directement dans l'élément "texte" du contenu standard

Avec cette méthode, le lien vers le document est saisi dans le corps du texte.

upload-doc-ck1.png

upload-doc-ck2.png

b) ajout du document dans l'élément "fichier" du contenu standard

Avec cette méthode, le lien vers le document apparaît après le corps du texte et est précédé d'une icône qui en indique le type (PDF, Word, ...).

upload-file1b.png

Problème + solution:
Avec cette méthode, parfois l'intitulé du lien ne correspond pas au nom du fichier, car Jahia peut lui ajouter des métadonnées (par exemple une mention "Microsost Word..."). Il est heureusement possible de rectifier cet intitulé dans jcontent.

upload-file2.png

upload-file3.png

Connaître l'adresse exacte d'un fichier (document ou image)

Pour savoir l'adresse complète d'un fichier chargé dans jcontent, il faut procéder ainsi:

dans cet exemple, l'adresse de l'image est https://www.unil.ch/files/live/sites/modelejahia/files/activities/library-stunning-architecture.jpg

adresse-fichier.png

NB: le lien vers le fichier ne fonctionnera évidemment que si ce fichier a été publié au préalable, et est donc marqué d'un filet vert comme dans cet exemple. Plus d'informations sur le statut de publication: https://wiki.unil.ch/ci/books/sites-web/page/bases-de-ledition-dans-jahia#bkmrk-edition-et-publicati .


[ Documentation Jahia: retour au sommaire ]


Gestion du multilinguisme dans Jahia

Ce chapitre s'applique uniquement aux sites qui utilisent le multilinguisme, matérialisé par le sélecteur de langue présent sur toutes les pages pour lesquelles il existe une version traduite:

selecteur-multi.png

Lors de l'édition d'un site multilingue, on peut à choix et selon les contenus:

selecteur-multi-edition.png

copier-autres-langues.png

Points importants:

publier-toutes.png


[ Documentation Jahia: retour au sommaire ]

Actualités et événements dans MyUNIL pour les sites Jahia

Cette documentation présente les actualités et événements principalement pour leur utilisation dans les sites Jahia. Pour plus de détails voir le chapitre "actualités et événements" dans la documentation MyUNIL.

Principe"

image-1640677748672.png

Ce principe d'actualités et événements publiés saisis et publiés dans le portail MyUNIL permet de les diffuser de manière plus large que si ces annonces étaient liées à un seul site:

Droits d'édition

Les droits d'édition dans MyUNIL des actualités et événements d'un site web sont attribués en même temps que les droits d'édition de ce site. Toute personne qui veut pouvoir éditer les actualités et événements d'un site doit faire une demande d'accès à l'édition du site (=accès à l'édition de l'ensemble du site, et non pas accès partiel à l'édition d'une rubrique).

Marche à suivre pour publier une actualité ou un événement

Cette marche à suivre s'adresse aux personnes qui ont déjà les droits d'édition d'un canal dans MyUNIL. Pour les personnes qui n'ont pas encore les droits d'accès ou qui ne sont pas webmasters d'un site mais veulent juste proposer une annonce, voir ci-dessus.

1. Pour débuter la saisie

Identifiez-vous sur MyUNIL, puis:

image-1640679668184.png

2. Saisir le titre et l’accroche

Tenir compte des recommandations d'Unicom:
- titre = maximum 10 mots
- accroche = maximum 50 mots
Si vous dépassez ces longueurs, le texte ne sera pas tronqué dans l'affichage détaillé, mais n'apparaîtra que partiellement sur les sites web dans les affichages sous forme de listes.

Ensuite saisir le corps du texte.
Unicom recommande de ne pas dépasser environ 1500 signes pour un événement, et ne fixe pas de limite pour la longueur d'une actualité.

image-1640681978783.png

Pour les événements, un certain nombre de rubriques complémentaires permettent la saisie d'informations telles que le type d'événement, le lieu exact, les dates et heures, les intervenants, etc. Seules les rubriques marquées d'une astérisque sont obligatoires.

3. Ajouter une image pour la vignette

Pour les actualités, une image est obligatoire pour la rubrique "vignette". Elle n'est pas obligatoire pour la rubrique "image principale", mais vivement recommandée quand même. La vignette sera affichée dans les listes d'actualités, l'image principale sera affichée dans la vue détaillée de l'actualité. Pour les événements, aucune image n'est obligatoire.

image-1640683975272.png

La taille minimale pour la vignette est de 800 x 600 pixels. Si l'image plus grande, le recadrage est possible.

En pratique, il est nécéssaire d'employer une image plus grande que 800 x 600 px pour pouvoir la recadrer et valider cette étape. Recommandation: utiliser une image légèrement plus grande (environ 1000 px de large), mais pas une image démesurée, car cela ralentirait très fortement l'affichage pour les personnes qui visiteront le site.

4. Ajout optionnel de liens et de documents

Si souhaité, il est possible d'ajouter des liens vers des sites web ainsi que des documents complémentaires, par exemple au format PDF. Remarque: des liens peuvent également être ajoutés directement dans le corps du texte (point 2 ci-dessus).

image-1640685432406.png

5. Finalisation et publication

Pour pouvoir publier l'annonce, il faut encore vérifier ses dates de publication et les modifier si nécessaire, puis également  spécifier au minimum un mot-clé (indispensable pour permettre de la classer par thèmes dans le système d'actualités/événements).

Les dates de publication par défaut sont:
- pour une actualité = une semaine
- pour un événement = la date de fin de l'événement.
Une annonce arrivée en fin de publication passe automatiquement en mode archive et ne peut plus être modifiée !

image-1640689521123.png

Quelques points importants

Durée de session et sauvegarde avant publication

La durée d'une session pour une saisie d'actualité ou d'événement est limitée dans le temps. Il est donc préférable de rassembler le contenu (texte, images et documents en option) avant de se lancer dans la saisie, puis d'éviter autant que possible de faire une longue pause durant la saisie pour ne pas risquer de perdre le travail en cours.

Lors de la saisie d'une annonce assez longue et complexe, nous recommandons de faire une sauvegarde avant publication, comme illustré ci-dessus. Cela permet d'éviter de perdre les données au cas où un blocage de l'application surviendrait lors de la publication, ou également de pouvoir reprendre la saisie après une interruption, par exemple s'il vous manque encore un élément nécessaire avant de publier.

Attention aux dates de publication

Une annonce d'actualité ou événement apparaîtra sur la page d'accueil ou la page actualité/événements d'un site Jahia uniquement pendant la période définie par ses dates de publication. Une fois arrivée à la date de fin de publication, elle ne peut apparaître que dans les affichages des actualité/événements archivés.

Il n'est pas possible de modifier ni de supprimer une annonce archivée. Si on souhaite la supprimer ou la modifier, on ne peut le faire que pendant sa période de publication.

Il n'est pas possible de "désarchiver" une annonce archivée => il faut prêter attention aux dates de publication lors de la saisie. Remarque: il reste possible de modifier ces dates pendant la période de publication.

Si vous avez laissé expirer une annonce et que vous voulez la faire "réapparaître", il faut la recréer à nouveau, en utilisant par exemple du copier-coller depuis l'annonce archivée.

Publication différée

Voici comment publier ultérieurement, par exemple si on a interrompu la session après la sauvegarde:

image-1640773299222.png

Pour les publications en différé, attention aux dates lors de la saisie:
La durée de publication par défaut pour une actualité est d'une semaine. Si vous prévoyez d'attendre plusieurs jours entre la saisie et la publication, il faut spécifier une durée de publication plus longue, car si vous ne publiez pas l'actualité avant sa date de fin de publication, elle disparaîtra de votre liste à valider une fois cette date passée.

Relayer une actualité ou un événement

Le système de gestion des actualités et événements dans MyUNIL permet de créer dans un canal une copie d'une annonce publiée dans un autre canal. C'est ce qu'on nomme un relais. Voici comment procéder.

relais-1.png

image-1640700917949.png

L'annonce relayée sera publiée dans votre canal d'actualités/événements avec les mêmes dates de publication que l'annonce originale.

Une question ou un problème ?

Contacter notre helpdesk par e-mail: helpdesk@unil.ch
en décrivant le problème ou la question aussi précisément que possible:

Informations complémentaires: documentation du service "actualités et événements (MyUNIL)".

[ Documentation Jahia: retour au sommaire ]

Référencement et SEO pour les sites Jahia

Vous pouvez optimiser votre site Jahia UNIL pour qu'il soit à la fois bien classé par Google et facile à parcourir.  Nous expliquons ici comment faire en sorte que votre site Jahia UNIL soit correctement référencé dans les moteurs de recherche, et comment avoir un certain contrôle sur la manière dont Google va le présenter dans ses résultats de recherche. Les méthodes à utiliser pour y parvenir permettent également de contribuer à la qualité et à l'attractivité de nos sites.

Pourquoi et comment optimiser son site 

Qu'est-ce que le SEO

En matière de moteurs de recherche, on différencie le référencement gratuit du référencement payant:

Le SEO, ou référencement naturel, peut se pratiquer à un niveau élémentaire (=les bases que nous allons voir dans cette documentation), mais aussi à un niveau professionnel, souvent par des agences spécialisées.

Les techniques de SEO évoluent au fil du temps pour suivre les changements de l'algorithme de Google. Certaines méthodes valables autrefois ne le sont plus aujourd'hui. Les recommandations faites ici constituent une base indémodable. I

l existe de nombreuses méthodes pour réaliser une optimisation SEO. Toutefois certaines ne sont pas forcément applicables à notre contexte et notre infrastructure UNIL. Nous présentons ici uniquement des méthodes qui peuvent être mises en pratique chez nous, sur nos sites Jahia.

D'après des chiffres récents, parmi les moteurs de recherche utilisés en Europe, Google a une part de marché d'environ 90%. Les autres (Bing, DuckDuckGo, Qwant, Ecosia etc.) se partagent les 10% restants.

Nécessité d'optimiser son site

Pendant longtemps, les sites d'universités étaient bien classés sur Google sans grand effort. Mais ils ont été progressivement concurrencés par des sites appliquant des recommandations d'optimisation (listings d'universités, écoles privées...).

D'où la nécessité aujourd'hui pour les sites d'universités d'appliquer également des recommandations d'optimisation. Ceci se justifie d'autant plus qu'il s'agit de bonnes pratiques en matière d'accessibilité web, de structure et de clarté du contenu: un site optimisé est un site plus facile à trouver ET à utiliser.

Fonctionnement de l'indexation par Google

L'index de Google recense actuellement plus de 130'000 milliards de pages. Entre le moment où Google trouve un nouveau site à indexer ou remarque des modifications sur un site existant et le moment où il va le refléter dans ses résultats de recherche, il peut s'écouler un délai de longueur variable, pouvant atteindre plusieurs mois.

Afin d'optimiser le référencement de nos sites Jahia sur Google:

Google scanne les sites indexables et suit les liens qu'il y trouve. Ensuite il indexe, évalue et classe les pages. Pour cela, il se base essentiellement sur:


Est-ce que votre site est visible et indexé par Google?

Pour vérifier, faire la recherche suivante sur Google:

site:[adresse-du-site]

elle va retourner comme résultat la liste des pages de ce site indexées par Google.

Cette syntaxe simple permet de vérifier rapidement si votre site est indexé par Google, et quelles sont les pages indexées. Elle permet également de vérifier si une page en particulier est indexée, si on utilise son adresse complète comme argument de recherche.

Exemple: la requête site:www.unil.ch/gse va retourner la liste des pages de ce site indexées par Google:

indexed.png

Les facteurs essentiels pour le référencement

Identifier les mots-clés importants pour votre site

Commencez par recenser les mots clés décrivants vos activités (par ex. enseignement, recherche...) et les thèmes qui y sont abordés, généraux (par ex. urbanisme, glaciers...) et spécifiques (par ex. gentrification, pergélisol...).

Utiliser ces mots clés dans les éléments prioritairement pris en compte pour l'indexation:

Ceci doit se faire en respectant une certaine hiérarchie entre ces mots clés, et en évitant la surcharge. Vouloir surcharger une page d'un trop grand nombre de mots clés est contre-productif.

Si un mot clé est important pour une page, il est souhaitable qu'il figure dans 2 ou 3 des éléments mentionnés ci-dessus (titres, liens...). Il va naturellement aussi figurer dans le texte, mais il faut éviter de trop fréquentes répétitions. Google considère en effet ceci comme  du spamdexing (contraction de spam + indexing), qui est sanctionné par un rétrogradage dans les résultats de recherche.

Utiliser les titres de niveau 1, 2 et 3

Comme dans un traitement de texte qui permet de rédiger des documents avec une hiérarchie de niveaux de titres, il existe la même distinction dans les pages web. Les niveaux de titres vont de 1 (=le plus important) à 6 (=le moins important). Dans les templates Jahia UNIL, nous utilisons les 3 premiers niveaux:

Titre de page (=titre de niveau 1)

Le titre de la page a une grande importance pour l'indexation par Google, il faut qu'il soit à la fois bref et informatif. Il se retrouve:

  1. dans la balise HTML <title> qui est affichée dans l'onglet du navigateur *
  2. sous une forme modifiée dans l'adresse de la page (nom système)
  3. dans le menu de navigation
  4. avant le début du contenu de la page
  5. dans le chemin d'accès ("vous êtes ici")

titre 1.png

* Dans la balise HTML <title> le titre de la page est complété par un suffixe propre à chaque site. Ce suffixe est par exemple très utile pour les personnes qui vont partager un lien vers une page via un mail ou les réseaux sociaux, ou ajouter la page à leurs favoris (un favori intitulé "Organisation" est moins précis qu'un favori intitulé "Organisation - SSP UNIL"). Ce suffixe contient généralement une forme abrégée du nom du site ainsi que le mot UNIL. Il est ajouté automatiquement à chaque nom de page. Si le suffixe utilisé pour votre site ne vous semble pas adapté ou exact, merci de contacter helpdesk@unil.ch pour demander sa rectification.

Précisions au sujet de l'édition du titre de page:

  1. On le saisit et on le modifie ici
  2. Si on modifie le titre d'une page existante, ne pas oublier de mettre à jour le nom système avec le bouton "copier le titre". Attention: ⚠️ Nous déconseillons les modifications manuelles de ce nom système. Si le nom système d'une page contient autre chose que des lettres non accentuées, des chiffres et des tirets, l'adresse de cette page peut poser problème pour le référencement et les liens.
  3. L'option "titre long" permet de spécifier sur une page un titre plus long que celui qui apparaît dans le menu de navigation. Si cette forme longue existe, c'est aussi elle qui est prise en compte par Google. Si on emploie cette option "titre long", il faut impérativement lui conserver une similitude importante avec le titre court afin de ne pas égarer les visiteurs. Par exemple: il faut éviter à tout prix le cas d'une page qui aurait "contact" comme titre court et "recherche" comme titre long.

titre page.png

Intertitres (= titres de niveaux 2 et 3)

En complément du titre de page (niveau 1), il faut autant que possible structurer la page au moyen des titres de compsants de contenu (=titres de niveau 2) et des titres de paragraphe (=titres de niveau 3).

Niveau 2: tous les composants pour les pages de contenu permettent la saisie d'un titre.

Niveau 3: dans les composants "contenu standard" et "contenu responsive", le style sous-titre de l'éditeur visuel permet de structurer un texte d'une certaine longueur.

Gérer les URLs (liens de page) personnalisées

Par défaut, le lien d'une page créée va avoir comme URL le chemin de votre page + le nom système, par exemple https://unil.ch/ci/home/menuinst/catalogue-de-services/communication-et-web/sites-web.html. Vous pouvez définir des liens personnalisés pour faciliter la transmission des pages, par exemple https://unil.ch/ci/web est une URL personnalisée de la précédente page.

Rajouter une URL personnalisé

1. Accéder aux options d'édition de la page

Capture d’écran 2023-04-04 à 13.21.00.png

2. Cliquer sur les ... verticaux puis "gérer les URL personnalisées"

URL_1.png

3. Rajouter l'URL personnalisée :

  1. Entrer l'URL que vous souhaitez, précédée d'un "/", par exemple "/web" pour l'adresse "unil.ch/ci/web"
  2. Définir la langue de l'URL
  3. Sauvegarder

Vous pouvez configurer plusieurs URLs pour une seule page, mais deux pages ne peuvent pas avoir la même URL

URL_3.png

 

Gérer toutes les URLs personnalisées de son site

Jahia vous propose une interface pour vérifier et modifier toutes les URLs personnalisées, pour ceci :

  1. Cliquer sur JContent
  2. Cliquer sur Extensions

Vanity_url_1.png

3. Cliquer sur SEO puis URL personnalisées

Vanity_url_2.png

Utiliser la méta description


Cette balise figure dans l'en-tête du document en mode source et a la syntaxe suivante:

<meta name="description" content="Description de la page" />

Elle est très importante pour Google, qui l'utilise pour l'affichage des résultats de recherche.

Si cette balise n'est pas remplie pour une page, Google utilisera pour décrire cette page:

La longueur de la meta description est généralement de 150 à 160 caractères => inutile de dépasser 200 caractères. Elle ne sera affichée intégralement que si elle est courte.

meta description.png

Il est possible d'éditer ce champ meta description pour toutes les pages de contenu. Par contre pour la page d'accueil, seuls les administrateurs Jahia peuvent modifier la meta description => merci d'envoyer la vôtre à helpdesk@unil.ch en précisant l'adresse de votre page d'accueil, et nous l'intégrerons pour vous.

NB: il faut saisir la meta description uniquement au niveau de la page, et non pas pour chaque composant de la page.

Autres facteurs et bonnes pratiques

Liens entrants, liens internes et liens sortants

Pour les lien entrants (= backlinks)
Essayer d’établir ou faire établir des liens vers votre site pour améliorer son ranking dans les résultats de recherche Google ...mais seulement à certaines conditions:

Pour les liens internes (=liens vers d'autres pages de votre site)
Ces liens aussi sont utiles pour le référencement, mais là aussi à certaines conditions

Pour les liens sortants (=liens vers d'autres sites)
Les liens sortants ne doivent pas êtres placés dans les zones de la navigation du site (=pas dans les menus), mais dans les zones de contenu.


Réseaux sociaux

Si vous avez des comptes sur les réseaux sociaux => partager vos pages, actualités et
événements. Si possible inclure dans votre post un #unil et une image.

Le site https://unil.ch/socialmedia propose informations et ressources pour une présence institutionnelle sur les réseaux sociaux. Il recense également les comptes UNIL existants sur ces réseaux.


Actualités/événements MyUNIL

Utiliser les actualités/événements via MyUNIL. Penser à y inclure des liens vers votre site s’il y a lieu.


Ressources


[ Documentation Jahia: retour au sommaire ]


Compléments à la documentation Jahia

Des sites d'exemple et des liens utiles complètent la documentation.

Sites d'exemple

Voir aussi les listes des sites Jahia UNIL actuellement en production.

Liens utiles

En complément à cette rubrique "Documentation Jahia", certains points concernant également les sites Jahia se trouvent

[ Documentation Jahia: retour au sommaire ]

Questions fréquentes sur l'édition Jahia

Quelques questions ou problèmes courants que vous rencontrerez peut-être lors de l'édition de votre site Jahia UNIL.


1. Editer un site Jahia hors du réseau UNIL: le VPN UNIL est nécessaire

Pour des raisons de sécurité, l’édition des sites web Jahia UNIL peut s’effectuer:

Important:
L’utilisation de l’application client Ivanti Secure Access est requise, le simple accès à la passerelle web crypto.unil.ch sans avoir lancé Ivanti ne donne pas accès à toutes les fonctionnalités d’édition de Jahia.

Sans titre.001.png

2. Vous avez par erreur utilisé le bouton "Demander une publication" au lieu de "Publier maintenant" ?

Vous vouliez publier une modification dans un site Jahia et vous avez par erreur utilisé le bouton "Demander une publication" au lieu de "Publier maintenant" ?

Voici comment terminer le processus de publication


3. Les menus de gauche de votre site ne s'affichent plus ?

Certaines pages de votre site censées avoir des sous-pages n'affichent plus ces liens dans la navigation de gauche ? Il s'agit d'un problème temporaire, qui peut survenir de manière aléatoire.

Si vous rencontrez ce cas, vous n'avez rien de particulier à faire si ce n'est de patienter. La mémoire cache qui gère l'affichage des menus est actualisée toutes les 2 heures durant la journée, donc ce problème sera automatiquement corrigé dans un délai de 2h maximum.

image-1652705258332.png


4. Lors d'un changement dans les menus de navigation, délai pour actualiser l'affichage

Afin d’offrir aux personnes qui visitent nos sites un affichage aussi rapide que possible, nos serveurs utilisent plusieurs systèmes de mémoire cache.

Une des caractéristiques de ce système est que lorsque vous modifiez des éléments dans les menus de navigation (pages ajoutées, supprimées, renommées, déplacées), ces changements ne sont pas immédiatement visibles en ligne après publication. Il peut y avoir un délai allant de quelques minutes à 4 heures maximum avant que certaines modifications ne soient visibles en ligne.

Pour tester, si vos modifications ont été correctement effectuées et publiées, vous devez les vérifier en mode "En ligne" et non en mode "Consultation".

mode-en-ligne.png

5. Edition non disponible pendant les travaux de maintenance

Vous voulez éditer votre site Jahia, mais vous ne voyez pas de lien "Edition" dans le pied de page ? Ceci signifie que des travaux de maintenance sont en cours sur les serveurs.

Sauf s’il s’agit d’une panne ou d’un redémarrage en urgence des serveurs, nous vous informons à l’avance des travaux de maintenance par la liste de diffusion email jahia_redactors, à laquelle toute personne ayant des droits d’édition sur un site Jahia est automatiquement abonnée.

image-1647616058614.png

6. Problèmes de publication de certains contenus et documents

Depuis septembre 2023, notre serveur Jahia rencontre parfois des problèmes lors de la publication de pages ou de documents. Dans certains cas, le délai avant qu’une publication ne soit visible en ligne peut être de plusieurs heures.

S'il n'y a pas d'urgence, vérifier le lendemain si la publication s'est faite durant la nuit lors des opérations de maintenance effectuées sur le serveur. Ne pas oublier de recharger la page lors de la vérification.

Si vous ne souhaitez pas attendre le lendemain pour vérifier si la publication s'est faite, voici quelques propositions de solutions pour tenter de résoudre ces problèmes:

6.1. Cas d'un fichier publié mais qui retourne une erreur 404 ou qui n'affiche pas sa taille en Ko en ligne
Solution possible :

  1. télécharger le fichier depuis le mode "Aperçu/Preview",
  2. dans JContent > Medias, utiliser l'action "Remplacer par" dans le menu déroulant, sélectionner le fichier téléchargé à l'étape précédente et publier uniquement le fichier.

6.2. Cas d'un contenu qu'on a publié mais qui n'est pas en ligne 
Solutions possibles (1 solution par ligne) :

6.3. De manière générale

Ces solutions ne fonctionnent pas à chaque fois. Si le problème persiste, merci de nous le signaler par mail à helpdesk@unil.ch en précisant les informations qui nous permettent de le localiser : 
- adresse de la page concernée,
- si nécessaire, adresse des documents PDF ou images.

Nous sommes désolés pour ce dysfonctionnement du système de publcation et pour le supplément de travail qu'il vous occasionne. Nous travaillons activement à la recherche d'une solution.

[ Documentation Jahia: retour au sommaire ]

Release notes Jahia

Voici l'historique des dernières mises à jour effectuées sur nos serveurs de production Jahia UNIL.

12 juin 2025

7 juin 2025

26 mai 2025

23 avril 2025

17 avril 2025

27 février 2025

20 février 2025

16 janvier 2025

12 décembre 2024

5 décembre 2024

14 novembre 2024

7 novembre 2024

4 septembre 2024

21 août 2024

10 juillet 2024

12 juin 2024

2 mai 2024

21 mars 2024

7 mars 2024

15 février 2024

25 janvier 2024

17 janvier 2024

19 décembre 2023

21 novembre 2023

31 août 2023

24 août 2023

29 juin 2023

21 juin 2023

4 mai 2023

14 mars 2023

9 mars 2023

23 janvier 2023

17 janvier 2023

21 novembre 2022

21 octobre 2022

15 septembre 2022

[ Documentation Jahia: retour au sommaire ]