Manuels d'utilisation des pages

Owned by Antoine Carette
Last updated: May 17, 2023 by Serge MassonVersion comment

Ce manuel montre tous les types pages disponible sur le site web de la HEG-FR.


Pour voir les images en taille réel, cliquez simplement dessus !


Dans le backoffice d'umbraco sur le site web de la HEG-FR, chaque page est composé de section, voici la liste des sections commune a toutes les pages (certaines exceptions peuvent apparaitre) :


Hero Content

Cette section sert à personnaliser le titre et le sous titre d'une page dans son Hero. Il sert aussi a rajouter une image qui est utiliser a différent endroit en fonction du type de page.

Voici un exemple de la section (Viens de la page études):

Paramètres de la section

  • Hero Title : Permet de changer le titre afficher sur la page, si le paramètre est laissé vide le titre est le nom de la page ( sur l'exemple : études à la HEG-FR )
  • Hero Subltitle : Permet de changer le sous-titre afficher sur la page, si le paramètre est laissé vide le sous-titre est le titre ou le nom (dépendant du Hero Title ce la dite page) de la page parente ( sur l'exemple : Toutes nos filières )
  • Image : Défini une image pour la page qui est utilisé sur les BigLinks et sur les réseaux sociaux (Open Graph). Certaines pages peuvent utiliser l'image autrement (en plus des 2 utilisations primaires) :
    • Les pages Formations et Instituts affichent les images en dessous du Hero
    • L'accueil affichent l'image en fond du Hero
    • Les pages projets affichent l'image à droite avec les autres informations du projets
    • les pages news affichent l'image juste après le texte d'introduction
    • Les pages events affichent l'image à droite avec les autres informations de l'event
    • Les pages Testimony affichent l'image en fond du Hero



Header

Cette section sert à rajouter un teaser qui est principalement utiliser dans les Biglinks et la recherche comme texte de mise en bouche.

Ce teaser est aussi repris comme description de page pour Google lorsque l'indexation du site est réalisée.


Voici un exemple de la section (Viens de la page économie d'entreprise):


Les page news utilisent le teaser comme texte d'introduction.


Settings

Cette section permet de personnaliser l'url des pages et de choisir leurs positions dans les différents menus du site.

Cette section peut causer des soucis dans les url et rendre la page indisponible, ne modifier quelque chose ici que si vous savez ce que vous faites !


Voici un exemple de la section (Viens de la page études):


Paramètres de la section

  • Navigation Welcome Title : Ajout un petit texte dans la barre de navigation
  • URL Name : Change l'url de la page ( n'utiliser que des minuscules et pas d'espace, de point , d'extension ou de caractères spéciaux )
  • Alternative URL : Ajout d'autre URL pour la page, chaque url différent doit être séparé par une virgule ( n'utiliser que des minuscules et pas d'espace, de point , d'extension ou de caractères spéciaux )
  • Hide From All Navigation : Cache la page dans tous les menus

Toutes les paramètres suivant sont utiliser pour personnaliser les différents menus du site :

  • Display In Header Nav Default : Affiche la page dans le menu large (1)
  • Display In Header Nav Meta : Affiche la page dans le menu Meta (2)
  • Show Dash After this Item In The Header Navigation : Ajouter une barre de sépération au dessus du lien de la page (3)

  • Display In Footer Nav Default : Affiche la page dans le menu large (4)
  • Display In Footer Nav meta : Affiche la page dans le menu Meta (5)
  • Show Dash After this Item In The Footer Navigation : Ajouter une barre de sépération au dessus du lien de la page (6)


Vous pouvez tester les changements dans les menus sur nos serveurs d'intégration (Contacter le SI pour connaitre les détails d’accès)


SEO

Cette section permet de personnalisé les information que Google va récupéré lorsqu'il indexera la page.


Voici un exemple de la section (Viens de la page études):

Paramètres de la section

  • Page title : Permet de définir le titre de la page pour Google
  • Meta description : Permet de définir une description / introduction à la page pour Google
  • No index : Si activé, demande à Google de ne pas récupérer cette page dans sa recherche ( Vous ne la retrouverez pas sur Google)
  • No follow : Si activé, demande que les liens dans cette page ne soit pas suivie par Google ( Google ne sera pas qu'il y a des liens dans cette page)
  • Open graph image : Permet de définir une image qui représente la page pour Google