Navigation et structure de votre site

Page 5 sur 27

Liens textes & Boutons

Lorsque vous éditez le contenu d'un paragraphe d'une page de votre site (après avoir effectué un double-clic) utilisez le bouton lien ( ) pour créer un lien sur un texte sélectionné et/ou pour insérer un nouveau lien. Vous pourrez alors choisir le style de lien désiré qui peut rester un simple texte ou bien être placé dans un bouton puis choisir ensuite le type de lien parmi les choix proposés :

  • un lien vers un autre site web en indiquant son adresse URL commençant par http:// ou https//: (l'adresse peut également être un chemin relatif vers un fichier ou page de votre espace)
  • un lien vers un email qui ouvrira le logiciel email de l'internaute lorsque celui-ci cliquera dessus
  • un lien vers une rubrique de votre site qui pourra pointer vers le début de page ou un paragraphe précis de page, vers la page index de votre album ou vers une photo précise d'un album ou enfin vers un catalogue ou une fiche d'un produit d'un catalogue
  • un lien vers un fichier qui dans ce cas sera automatiquement publié par TOWeb et deviendra donc un fichier téléchargeable par vos visiteurs directement depuis ce lien. A partir de la version 6 les liens de téléchargement depuis votre site se font via un script qui sauvegarde directement les fichiers téléchargés dans le dossier des téléchargements de l'ordinateur de l'internaute. Si vous désirez au contraire que vos liens de téléchargement ne se comportent pas ainsi mais s'ouvre par default dans le navigateur web de l'internaute (comme en version 5) ou dans l'éventuel logiciel configuré pour ouvrir le type de fichier que vous proposer (si l'internaute en possède un installé sur son ordinateur), alors il vous suffit juste de désactiver le i-service de téléchargement de fichiers situé en étape "Options > i-Services". Pour plus d'informations consultez sur la création de lien vers un fichier à télécharger consultez également le tutoriel vidéo : proposer un fichier en téléchargement à vos visiteurs
  • un lien vers un numéro de téléphone afin de permettre à un internaute visitant votre site avec son smartphone de composer le numéro directement par un simple clic sur ce lien pour vous appeler
  • un lien SMS permettant aux mobinautes de vous joindre directement par SMS par un simple clic. Vous avez également la possibilité de saisir un éventuel message prédéfini de votre choix comme par exemple "Demande d'information sur produit X" en plaçant votre lien dans la page de votre produit X 
A chaque fois que vous créez un lien vous pouvez définir la relation entre la page vers laquelle pointe votre lien et celle où est placée votre lien. Les principales valeurs les plus souvent utilisées, car exploitées par les moteurs de recherches internet tels que Google pour le référencement de votre site, sont :
  • next  : indique que votre rubrique courante est une sous-partie d'un document/sujet/article et que l'adresse du lien est la partie suivante
  • prev : indique que votre rubrique courante est une sous-partie d'un document/sujet/article et que l'adresse du lien est la partie précédente
  • nofollow : indique que vous (l'auteur du site et/ou de la rubrique) ne cautionnez pas l'adresse du lien vers lequel vous pointez. En attribuant la valeur “nofollow” à l’élément “rel” d’un lien, vous indiquez donc à des moteurs de recherche comme Google de ne pas suivre certains liens de votre site ou de ne pas transmettre la popularité de votre page aux pages vers lesquelles des liens renvoient et de ne pas être associé à ce site et/ou que vous ne cautionnez pas tous les éventuels propos ou contenu de ce site tiers que vous indiquez par votre lien (car ce site est peut-être par exemple un site de spam ou de mauvaise réputation auquel vous ne désirez pas être associé). Pour plus d'informations consulter les conseils d'utilisations de Google sur l'attribut rel=nofollow
  • author : un lien vers l'auteur de la rubrique ou document courant
Par défaut votre lien s'affiche systématiquement pour tous les internautes mais selon vos besoins vous pouvez indiquez si vous désirez qu'il ne soit visible que sur les petits appareils mobiles (i.e. smartphones et tablettes) ou au contraire jamais visibles sur les mobiles.  
Remarque: pour ajouter une nouvelle ligne après un lien et notamment un lien placé à l'intérieur d'un bouton, il vous faut déplacer le curseur juste après le dernier caractère du texte du lien et de taper ensuite un caractère comme par exemple la touche espace. Vous "sortirez" ainsi du lien (ou bouton lien) et pourrez alors appuyer sur "Entrée" pour créer une nouvelle ligne. A l'inverse, si vous souhaitez ajouter une nouvelle ligne avant un bouton lien, placez votre curseur juste avant le premier caractère du texte du lien puis appuyez sur la touche "Entrée".

Signets

Un signet est un moyen permettant d'accèder directement à un paragraphe d'une page de votre site. En donnant à un signet un nom relativement court et approprié par rapport au contenu du paragraphe, cela permettra aux internautes (ainsi qu'à vous également) de mémoriser plus facilement les adresses vers les paragraphes les plus importants de votre site et cela pourra également contribuer à un meilleur référencement de vos pages au niveau des moteurs de recherches.
Par défaut TOWeb attribue un nom de signet alphanumérique aléatoire que vous pouvez laisser comme cela ou bien personnaliser en cliquant sur l'icone (  ) situé au niveau des propriétés de chaque paragraphe. Le nom du signet que vous attribuez à un paragraphe doit être unique dans une page (aucun doublon autorisé).

Il est plus particulièrement conseillé d'indiquer un nom de signet dans les cas suivants :

  • lorsque vous utilisez un menu local dans votre rubrique ou des liens supplémentaires de votre rubrique dans le menu général de votre site
  • lorsque vous souhaitez communiquer à des personnes (par exemple par email) un lien direct vers un paragraphe bien précis d'une page de votre site. A supposer par exemple que vous ayez un site www.monsite.com et que vous ayez mis un signet "services" au niveau d'un paragrpahe d'une page appelée "tarifs.html" alors l'adresse directe qu'il vous faudra communiquer sera celle ci :
    http://www.monsite.com/tarifs.html#services
  • lorsque votre paragraphe n'a pas nécessairement de titre et que rajouter un bref texte complémentaire comme signet apportera plus de sens et contribuera à aider les moteurs de recherches tels que Google qui analysent les mots choisis à ce niveau lorsqu'il y en a

Liens sur des images

Si vous utilisez un objet image dans un paragraphe vous pourrez sélectionner l'option lien au niveau de son action clic et ainsi permettre de poser des liens sur des photos dans vos rubriques, sur des images ou boutons images si vous en avez, etc.

Menu du site

Situé dans la barre d'outils en haut à gauche des options de votre rubrique, le bouton menu ( ) ouvre une fenêtre qui vous permet de réorganiser le menu de votre site comme bon vous semble. La liste de gauche contient toutes les rubriques devant figurer dans votre menu et celle de droite les rubriques qui n'apparaitront pas dans votre menu. Une rubrique non affichée dans votre menu ne signifie pas qu'elle n'existera pas sur votre site mais qu'elle devra être rendue accessible autrement, comme par exemple par la création d'un lien depuis un paragraphe d'une rubrique ou depuis les sections de pied de page de votre site.
Pour changer l'organisation de vos rubriques et les déplacer entre elles vous devrez effectuer un glisser/déposer (drag'n drop) à l'aide de votre souris en la déplaçant bouton gauche enfoncé. Les boutons actions situés entre les deux listes peuvent également vous aider à effectuer les principales opérations de réorganisation.
En cas de besoin vous pouvez ajouter un sous-menu dans votre menu (ou plusieurs sous-menus si nécessaire). Initialement vide il vous faudra donc ensuite déplacer par glisser/déposer les rubriques souhaitées.dedans votre sous-menu.
Enfin si vous avez plusieurs rubriques ayant un lien entre elles ou traitant d'un même sujet alors vous pouvez les regrouper soit dans des groupes de rubriques ou bien dans des articles.

Quant à la personnalisation de l'affichage de votre menu cela doit s'effectuer depuis l'étape "Thème". En cliquant ensuite dans l'aperçu sur votre menu vous pourriez en modifier son style mais également :

  • définir le comportement de repliage du menu en fonction de la largeur d'écran (notamment pour smartphones/tablettes) avec la possibilité d'éventuellement le laisser soit toujours soit jamais replié
  • présenter un menu replié sous la forme d'un texte ou celle d'une icône
  • ouvrir ou non les sous-menus automatiquement au survol de la souris sans que le visiteur ait besoin de cliquer

Liens supplémentaires dans le menu du site

Depuis TOWeb V7 il est également possible d'ajouter des liens supplémentaires dans le menu de votre site, des liens directs vers un ou plusieurs paragraphes précis d'une rubrique en activant l'option "Liens supplémentaires" (option uniquement disponible pour des rubriques de type "Page", cela ne s'applique pas aux albums ni aux catalogues). En choississant cela vous pourrez activer ou désactiver les liens supplémentaires directs vers les paragraphes de votre choix pour les faire apparaitre ou non dans le menu général de votre site. Un double-clic sur les noms figurant dans la liste des paragraphes vous permettra alors de les éditer et mettre les noms de votre choix qui apparaitront dans votre menu, à coté de celui principal de votre rubrique. N'oubliez pas également d'attribuer des noms de signets au niveau des paragraphes vers lesquels vous mettez des liens afin que les URLs apparaissent affichée de manière bien claire dans les navigateurs web des internautes.

Utiliser des liens supplémentaires peut être particulièrement utile :

  • si vous désirez réaliser un site web monopage (une page pouvant avoir un assez long contenu) mais avec malgré tout un menu permettant d'accéder directement aux principales sections de votre page
  • si vous avez un site web ayant peu de rubriques et que vous souhaitez que la navigation s'effectue principalement via la page d'accueil de votre site (cela en mettant vous même des boutons ou liens vers d'autres pages et gérant ainsi par vous même la navigation par vos liens)
Remarque : Si vous désirez effectuer un site monopage (ou ayant une page d'accueil donnant l'apparence d'un site monopage), vous pouvez également considérer la solution consistant à appliquer un menu local à votre rubrique d'accueil.

Pieds de page et barre latérale comme complément ou alternative au menu

Afin de rester simple et clair pour vos visiteurs, le menu de votre site ne pourra contenir qu'un seul niveau de sous-menu. Si vous deviez avoir besoin de plus alors vous devrez envisager d'utiliser une ou plusieurs des alternatives suivantes :

  • ajouter des panneaux latéraux ( ) dans une barre latérale de vos pages de manière à pouvoir y placer des listes de liens et/ou des boutons vers des rubriques que vous n'aurez pas rendues visibles dans le menu de votre site. De cette manière votre rubrique contiendra elle-même ses propres "sous-menus" dans ses panneaux.
  • ajouter une liste de liens dans le pied de page de votre thème, celui petit et/ou celui large. Tout comme votre menu, ils deviendront présents sur toutes les pages de votre site mais en bas de page (et non pas au haut de page comme votre menu). Ceci peut vous permettre "délester" et simplifier le menu de votre site en plaçant de cette manière les sujets les plus essentiels dans votre menu et ceux plus secondaires dans votre pied de page large ou pied de page petit (comme c'est généralement le cas par exemple pour des rubriques telles que les conditions générale de ventes ou politique de confidentialité).
  • ajouter des articles ou des groupements de rubriques à votre menu.

Articles

Un article est un ensemble de pages ordonnées et liées entre elles par un système de navigation. TOWeb propose différents systèmes de navigation automatisés pouvant être utilisés dans les pages d'un article : la navigation sous forme de sommaire (liste de liens), celle sous forme d'une liste déroulante des pages et celle sous forme de simples boutons précédent/suivant. Un système de navigation de votre choix peut être placé en début de chaque page et un autre système de navigation peut également être placé en fin de chaque page si vous le désirez. La création d'un article peut s'effectuer de manière manuelle depuis la fenêtre de gestion de votre menu par glisser/déposer de vos pages dedans votre article afin de les ajouter ou les sortir de votre article ou d'en changer leur ordre. Vous pouvez également ajouter un article de manière assistée depuis le bouton (  ) ajout d'une nouvelle rubrique. Dans TOWeb, en édition d'une rubrique contenue dans un article, une barre d'outils apparait au survol du système de navigation afin de permettre d'éditer ou de supprimer l'article mais aussi de rajouter directement une nouvelle page dedans votre article ou bien pour effectuer une suppression complète ou partielle des pages de votre article.

Groupes de rubriques

Un groupement de rubriques (ou groupe) est une page de couverture qui sera créée de manière automatique par TOWeb et qui contiendra une brève présentation de toutes les rubriques qu'elle regroupe avec à chaque fois les liens pour y accéder. 
Une rubrique groupe peut être créée et modifiée manuellement depuis la fenêtre de gestion de votre menu en effectuant des glisser/déposer de vos rubriques dedans votre groupe pour les ajouter ou les sortir du groupe. Vous pouvez également ajouter un groupe de manière assistée depuis l'écran (  ) ajout d'une nouvelle rubrique.
Une rubrique groupe (aux textes personnalisables) peut vous aider à créer rapidement des pages web de type "portail" en vous évitant ainsi d'avoir à créer par vous même tous les liens, en vous aidant également à avoir un contenu de base pré-rempli (images & textes) pour présenter vos rubriques et en vous évitant ainsi d'avoir à gérer leur non-visibilité dans le menu du site. Car les rubriques ainsi groupées ne seront plus directement affichées dans le menu de votre site. Seul le nom du groupe des rubriques apparaitra, ce qui peut vous permettre de réduire et simplifier ainsi votre menu si jamais celui-ci devenez trop important.

Rubriques sans navigation

Cette option, située au niveau des propriétés de chaque rubrique, permet d'afficher le contenu de votre rubrique sans aucun des éléments de navigation de votre site (ni menu, ni champ de recherche, ni pied de page, ni panier d'achat, etc). Cette fonction peut être utilisée par exemple dans le cas où vous désirez créer une page de présentation avec une navigation uniquement restreinte aux seuls liens présents dans les paragraphes de votre rubrique ou bien si vous désirez créer une page de consentement et/ou d'introduction de votre site.

Retour en haut de page

Activé par défaut sur votre site, ce bouton s'affiche automatiquement en surimpression dans le coin inférieur droit dès que l'internaute effectue un défilement assez conséquent d'une page de votre site, lui permettant ainsi de revenir rapidement au tout début de page et notamment bien sûr au menu de votre site pour en faciliter sa navigation. Vous pouvez désactiver ou activer ce fonctionnement sur votre site à partir de l'étape "Options > Navigation du site" et en personnaliser ses options (le seuil de déclenchement, le choix de l'icône du bouton ainsi que sa taille).

Remarque: le style du bouton permettant de remonter en haut d'une page que vous chosissez sera aussi le même que celui permettant de descendre dans des rubriques ayant à la fois un menu local et leur premier paragraphe avec l'option "pleine hauteur" activée. De plus, si vous désactivez l'affichage du bouton de retour en haut de page sur votre site alors vous désactiverez également automatiquement tous les éventuels boutons permettant de descendre (et inversement si vous l'activez).

Conseil : pour le seuil de déclenchement, il est conseillé de fixer une valeur qui correspondra à celle de début du contenu de vos rubriques de manière à ce que le bouton n'apparaisse qu'une fois que l'internaute aient fait défifer suffisment vos pages pour que le menu de votre site ne soit plus visible. De cette manière le retour au menu de votre site n'en sera que plus aisé et cela sans afficher ce bouton inutilement de manière trop prématurée dans vos pages.

Réseaux sociaux

TOWeb fournit 2 types de boutons pour les réseaux sociaux :

  • les boutons affichés dans les pages de votre site au niveau du Thème
  • ceux pouvant être placés au niveau des paragraphes de vos rubriques en utilisant l'option "Afficher les boutons de partage" située dans les propriétés de chaque rubrique. En activant cette option il vous sera ensuite demandé de les configurer.

Menu local à une rubrique

Un menu local à une rubrique est un menu uniquement constitué de liens vers les paragraphes qu'elle contient. Appliquez un menu local à une rubrique implique de ne pas utiliser ni le thème du site ni le menu général. C'est pourquoi au niveau des options de la rubrique, il vous faudra activer les 2 options "Sans navigation" et "Sans thème" pour ensuite pouvoir l'utiliser et le configurer. Les liens vers les paragraphes de votre pages apparaitront alors à coté du titre de votre page dans une barre de menu local aux styles personnalisables (mais différents et plus basiques comparés à un menu global de site utilisant l'éditeur CSS de l'étape Thème). 
En dehors des styles applicables au contenu des paragraphes d'une page, le seul élément du thème pouvant être conservé dans une page utilisant un menu local est le pied de page (sauf si vous cochez l'option "Sans pied de page"). Conserver le pied de page peut etre utile si vous désirez pouvoir y placer et conserver ainsi dedans par exemples des liens vers d'autres rubriques en fin de page et/ou si vous désirez pouvoir afficher certains éléments de votre thème (boutons sociaux, champs de recherche du site, les différentes langues du site, etc) à condition bien sûr d'avoir déplacé ces éléments là au niveau du pied de page de votre thème (s'ils n'y figurent pas déjà).  

Utiliser un menu local peut être particulièrement utile :

  • si vous désirez réaliser un site web monopage (une page pouvant avoir un assez long contenu) mais avec malgré tout un menu permettant d'accéder directement aux principales sections de votre page
  • si vous avez un site avec un thème très simple/sobre mais désirez avoir une page d'accueil différente (plus moderne, plus élaborée, etc)
  • si avez du mal à utiliser ou personnaliser votre thème comme vous le voulez avec l'éditeur CSS et préférez ne pas nécessairement respecter de thème général bien précis mais des pages ayant chacune leurs propres styles (basée sur des images de fond par exemple) et avec une navigation "page par page" ) à l'aide de vos propres liens/boutons placés dans vos paragraphes (et/ou dans votre dans votre pied si vous l'utilisez)

Remarque 1 : Si vous désirez effectuer un site monopage (ou ayant une page d'accueil ayant la présentation de site monopage), vous pouvez également également considéré la solution consistant à ajouter des liens supplémentaires au niveau du menu de votre site. Les 2 méthodes apportant leurs options et avantages, la principale différence étant que celle des liens locaux supplémentaires utilisera le menu global ainsi que le thème de votre site dans son intégralité alors que la solution d'un menu local n'utilisera ni le menu global de votre site, ni ses éventuelles bordures et images, ni non plus le moindre entête de site susceptible de contenir des élements de thème (boutons sociaux, champ de recherche sur le site,  panier d'achats, etc) à moins que vous ne les placiez dans le pied de page et que vous n'ayez pas coché l'option "Sans pied de page".

Remarque 2 : Vous pouvez activer le menu du site sans pour autant laisser le moindre lien vers un paragraphes de votre rubrique. Le titre de votre rubrique se retrouvera alors seul dans la barre de menu local, et vous permettra ainsi d'avoir avec les différentes de présentation offertes (choix de la couleur de fond avec ou sans transparence, bordure avec ombre, etc).