Pages & Navigation

Pour gérer les pages et menus de votre site, rendez-vous dans la section “Page” du menu SMARTGEAR.

Vous trouvez ici la structure de votre site. Il est possible de créer autant de niveaux que nécessaire. Toutefois, pour des raisons de lisibilité, il n’est pas recommandé d’aller au-delà de 3 niveaux.

Les différentes icônes de cette section donnent des informations sur l’état de chaque page. Elles se trouvent sur la gauche de l’intitulé de la page, en tout début de ligne.

Il peut y avoir plusieurs types d’icônes :

Toutes les icônes ont leur équivalent grisé, indiquant que la page n’est pas publiée.

Pour chaque ligne, des actions, représentées elles aussi par des icônes sont possibles.

Grâce à l’icône +, vous pouvez créer une nouvelle page dans votre site. Une fois cliqué, vous devez indiquer la position de la page.

Deux icônes se sont ajoutées à la fin de chaque ligne.

La flèche vers le bas permet de créer une page après cette ligne. Celle vers la droite permet de créer une sous page.

Un formulaire apparaît alors, avec les paramètres de la page à saisir.

Chaque champ est pourvu d’un label et d’une explication. Voici quelques informations complémentaires pour chaque paramètres de page.

Si vous ne voyez pas tous les champs, c’est normal, les comptes d’utilisateurs sont volontairement restreints pour aller à l’essentiel.

Nom principal de la page, il est repris dans la navigation, le fil d’ariane, le plan du site (html et xml) et les différentes balises de référencement.

Il devrait être le plus synthétique possible, pour qu’il soit lisible sur tous les supports facilement. Un nom trop long peut être coupé sur certains designs.

L’alias de la page représente son URL. C’est une valeur unique par site. Il devrait reprendre les termes de l’intitulé.

Le modifier implique bien souvent de faire une redirection 301 pour ne pas perdre de référencement.

Dans SMARTGEAR, vous pouvez créer plusieurs types de page.

En cliquant sur l'icône depuis la liste des pages, vous éditez les paramètres d’une page.

Le formulaire est le même que celui de la section ci-dessus, avec les champs préremplis.

Ce champ permet de modifier la valeur de la balise meta title de la page. Cela permet de changer le nom affiché dans l’onglet du navigateur et cela devient la valeur qui s’affiche lors du partage de l’actualité sur les réseaux sociaux.

Cette valeur ne doit pas excéder 60 caractères, espaces compris. Il est important de synthétiser au maximum cette entrée.

Les robots permettent de donner des instructions aux moteurs de recherches lorsqu’ils parcourent cette page.

“index” les autorise à ajouter la page à leur base. “noindex” permet de l’interdire.

“follow” indique aux moteurs qu’ils peuvent suivre les liens de cette page. “nofollow” l’interdit.

De manière générale, appliquez la règle suivante : si la page est visible sur votre site, elle devrait être en “index,follow”. A l’inverse, si c’est une page technique ou inaccessible, elle devrait être en “noindex, nofollow”.

Permet de remplir la balise de description de la page. Un aperçu vous permet de voir le rendu de la page sur les résultats Google.

Cette description devrait reprendre des termes clefs des contenus de la page. Comptez maximum x caractères pour qu’elle ne soit pas coupée par les résultats de recherche.

Permet de définir l’URL de référence pour cette page. Si deux pages sont très similaires, mais ont des alias différents, Google et les autres moteurs de recherche peuvent penser que vous trichez en multipliant les pages.

Pour éviter cela, on utilise les URLs canoniques pour leur indiquer que c’est un comportement normal, en indiquant une page de référence.

Correspondent aux balises Open Graph, servant au référencement.

Les champs og:title, twitter:title et twitter:description seront remplis avec d’autres paramètres s’ils sont laissés vides.

Il est recommandé de renseigner le champ og:image, car cela permet de contrôler davantage l’apparence de vos pages quand elles sont partagées sur les réseaux sociaux.

Cocher la case “Page protégée” permet de bloquer l’accès d’une page aux usagers connectés appartenant à un certain groupe.

Regardez la fonctionnalité “Extranet” pour en apprendre davantage.

Parfois, il est nécessaire de mettre en place différents squelettes de page. C’est ici que vous déterminez quel squelette utiliser.

Ce sont des champs techniques permettant de mettre en cache une page spécifique.

Des règles générales sont appliquées à l’ensemble de nos projets et vous ne devriez pas avoir besoin de modifier ces champs.

Ce sont des champs techniques permettant d’ajuster les droits des administrateurs sur cette page spécifique.

Des règles générales sont appliquées à l’ensemble de nos projets et vous ne devriez pas avoir besoin de modifier ces champs.

Ce champ permet de personnaliser l’aspect de la page dans le menu de navigation.

Les possibilités de design sont spécifiques à votre site et nous vous les indiquons à la livraison du projet.

Les options de ce champ indiquent si la page doit être dans le plan du site HTML. Le champ défaut se base sur le paramètre suivant : “Ne pas afficher dans la navigation”.

La logique est la suivante : Si le champ n’est pas dans la navigation, on ne le veut pas également dans le plan du site.

Toutefois, dans certains cas, on veut que certaines pages, absentes de la navigation, soient présentes dans le plan du site, comme des mentions légales par exemple.

En partie expliqué ci-dessus, cochez la case pour ne pas afficher une page dans le menu de navigation.

Cela est utile pour des pages secondaires ou légales, comme des mentions légales, qui seront accessibles autrement, via un lien dans le pied de page du site.

Si votre site dispose d’un moteur de recherche, cocher cette case permet d’exclure cette page des résultats de recherche des usagers. C’est utile quand vous savez qu’une page ne sera jamais pertinente lors d’une recherche, comme une page technique ou une page de confirmation par exemple.

Dans le cadre d’un extranet, une page peut être bloquée aux usagers connectés. C’est souvent utile pour résoudre des scénarios précis.

Exemple : une page d’inscription n’a pas besoin d’être affichée à quelqu’un qui serait déjà connecté.

Champ technique permettant de rediriger l’usager vers une page 404 si la page ne contient pas d’élément dans son URL.

Option d’accessibilité permettant d’indiquer l’ordre de tabulation d’un élément de navigation. C’est parfois utile dans certains cas mais le navigateur sait bien souvent comment gérer ce système.

Option d’accessibilité permettant d’assigner une touche à un élément de navigation. C’est parfois utile dans certains contextes.

Cocher la case permet de rendre disponible la page sur votre site. Consultez la section Visibilité d’une page pour en savoir plus sur le comportement des pages non publiées.

Dans certains cas, comme lors d’un événement ou un salon, vous pouvez n’avoir besoin d’une page que pendant un certain temps.

Ces champs permettent de programmer l’affichage d’une page, dans la navigation ou ailleurs. Indiquez la date du début et/ou la date de fin pour rendre la page accessible durant une période précise.

La case “Publier la page” doit être cochée pour que la programmation fonctionne.

Lorsque vous copiez une page, ses paramètres et ses contenus sont copiés avec elle.

Attention toutefois, les nouveaux contenus sont rendus invisibles. Il faut penser alors à les rendre visibles dans la section Contenus.

Lors de la suppression d’une page, la totalité de ses contenus sont également supprimés.

Comme la page n’existe plus mais qu’elle sera encore référencée par les moteurs de recherche pendant un temps, il est recommandé de mettre en place une redirection 301.

Lorsqu’une page est publiée, elle est visible pour tous les visiteurs.

Vous pouvez garder une page invisible et la consulter via le mode aperçu. Pour cela, éditez la page, laissez la case “Publier la page”, décochée et cliquez sur “Aperçu” en haut de l’écran.

Une nouvelle page apparaît et vous devriez avoir une Erreur 404. C’est normal. En haut de la page, une barre avec une option “Afficher les éléments masqués” est présente avec l’option “Ne pas afficher”. Passez cette option à “Tout afficher” et cliquez sur “Recharger”.

La page apparaît alors, même si elle est toujours non publiée. Vous pouvez éditer ses contenus et valider sa mise en page avant de la publier.

Si vous cliquez sur le nom d’une page, vous passez alors en affichage réduit. Un fil d’ariane apparaît en jaune au dessus de l’arborescence et vous ne voyez plus que la page sur laquelle vous avez cliqué, ainsi que ce qu’elle contient.

Pour revenir à la vue d’ensemble, cliquez sur “Tout” dans le bloc jaune.