Programme d’utilisation Saytup

Découverte

  • saytup
  • Module de base

Sommaire

Connexion à l’administration Saytup

http://www.votre-site.com/manage/

Une fois sur l’écran de connexion, loguez-vous avec les identifiants fournis par votre agence.

Lorsque vous êtes connecté, le tableau de bord de l’administration se charge :

Gestion des rubriques

Colonne vertébrale de votre site, un ensemble de rubriques vous donne la possibilité de hiérarchiser votre contenu selon les priorités et l’ergonomie que vous désirez attribuer à votre site.

Il est important de bien définir cette étape afin d’optimiser la navigation de l’ensemble des internautes se rendant sur votre site.

Ces rubriques élaborent votre menu mais permettent bien d’autres fonctionnalités que nous aborderons tout au long de ce tutoriel.

Créer une rubrique et choisir sa méthode de publication

Commençons par créer une rubrique afin d’obtenir le premier élément de notre menu. En cliquant sur l’onglet « Contenu » j’accède à l’ensemble des possibilités allouées, à la gestion des rubriques ainsi qu’à leur arborescence.

Créer une rubrique

Dans la colonne “Mon arborescence”, en passant votre souris sur une rubrique (“Sommaire”, par exemple), une liste d’outils apparaît :

Vous pouvez alors ajouter une sous-rubrique à ce dossier, en cliquant sur l’icône +.

Choisir une méthode de publication

Créer une rubrique nécessite de définir le contenu pour lequel elle sera destinée. En cliquant sur l’icône de création de rubrique, un nouveau panneau apparaît. Ce panneau, affiché ci-dessous, vous propose les différentes méthodes de publication disponibles :

  • Aucune méthode de publication : Créer une rubrique sans méthode de publication (peut être utilisé afin de grouper plusieurs sous-rubriques sous un même dossier)
  • Publier un blog : permet de publier des actualités, des articles de blog, etc.
  • Publier du contenu : permet de publier une page article, avec la possibilité d’y insérer différents éléments : formulaire, diaporama, texte, carte Google Map, audio, vidéo…
  • Rediriger vers une autre page : permet de créer une redirection vers une autre rubrique du site, ou vers une page d’un site externe.
  • Ajouter un modèle de contenu : permet de créer un squelette / une structure de page prédéfini(e), afin d’afficher une mise en page différente des autres rubriques.

Lorsque vous cliquez sur une des méthodes de publication, vous allez pouvoir indiquer le titre de votre rubrique, et choisir de la rendre visible ou non : seule une rubrique “visible” apparaîtra dans le menu de navigation de votre site.

Paramétrer une rubrique

En cliquant sur le bouton “Paramètres” ou sur la petite roue crantée lorsque vous passez la souris sur la rubrique, vous avez accès à différents paramètres de configuration.

Commentaires et notations

Dans l’onglet “Commentaires et notations”, vous avez la possibilité d’activer la saisie de notes et de commentaires par les utilisateurs de votre site.

Vous pouvez configurer le nombre de commentaires visibles par page (sans pagination), modérer les commentaires, etc.

Référencement

Une fois votre rubrique créée, vous pouvez saisir les éléments relatifs au référencement de celle-ci, via les paramètres, en vous rendant dans l’onglet “Référencement” :

  1. Indiquez une URL optimisée avec des mots-clés pertinents

Quelques conseils pour optimiser l’adresse de votre rubrique :

  • Achetez un nom de domaine (.com, .fr, .net...), sans système de redirection.
  • Insérez un ou deux mots importants pour votre activité dans le nom de domaine : votre nom, votre activité, etc.
  • Séparez les mots importants par des tirets dans les énoncés de vos noms de domaine.
  • Utilisez un tiret (-) pour séparer les mots dans l'url des pages et pas d'underscore (_).
  • Insérez, si cela est possible, des mots clés importants et intelligibles dans l'intitulé complet de vos URLs (www.votresite.com/epicerie/condiments/sel.html).
  • Le plus important : agissez toujours avec loyauté et évitez tout spam, jamais payant à court, moyen ou long terme, sur les moteurs !
  1. Indiquez un titre unique et spécifique à votre rubrique.

Quelques conseils pour optimiser votre titre :

  • Un titre de page web est avant tout DESCRIPTIF du contenu de la page en question. Evitez les titres du style "Bienvenue sur notre site web"...
  • Insérez le plus possible de mots clés déterminants et caractéristiques de votre activité.
  • Ne dépassez pas les 10 mots par titre (hors "mots vides" comme "le", "la", etc.).
  • Pas de titre bilingue ou trilingue, etc.
  • Le titre doit parfaitement résumer le contenu de la page.
  • Le titre d'une page d'accueil est, par nature, générique et se précise au fil de l'arborescence.
  • Chaque page de votre site doit avoir un titre qui lui est propre (et qui doit être optimisé).

      3.   Indiquez une description de votre page, qui apparaîtra sur les moteurs de recherche.

Quelques conseils pour bien optimiser les descriptions de vos pages :

  • Les balises "description" sont importantes pour mieux maîtriser la façon dont les moteurs affichent les résumés de vos pages.
  • Une "bonne" description développe le titre de la page et en résume son contenu textuel. Une taille moyenne est de 150 à 200 caractères.
  • Idéalement, chaque page doit proposer une description qui lui est propre.

      4.   Insérez des mots-clés en rapport avec le contenu de votre rubrique.

Quelques conseils pour bien optimiser les mots clés de vos pages :

  • Les balises "keywords" permettent notamment d'indiquer plusieurs formes de mots importants (pluriel/singulier, masculin/féminin, et éventuellement minsucules/majuscules et accentuation) aux moteurs qui prennent en compte leur contenu.
  • N'oubliez pas les éventuelles fautes de frappe et d'orthographe qu'il est toujours intéressant d'insérer dans les mots clés.
  • L'indication d'une trentaine, voire une cinquantaine au maximum, de mots clés est la plupart du temps suffisante.
  • Attention : les balises "keywords" ne sont aujourd'hui prises en compte par quasiment aucun moteur de recherche majeur.

Créer une sous-rubrique

Afin de pouvoir affiner les rubriques de votre menu et hiérarchiser votre information, Il vous est possible de créer une sous-rubrique pour chacune d’entre elles.

Il vous suffit de répéter l’opération de création de rubrique précédente en ayant soin de

sélectionner au préalable votre rubrique principale dans votre arborescence.

Modifier une rubrique

Vous pouvez à tout moment changer la méthode de publication d’une rubrique, en la sélectionnant et en cliquant sur le bouton “Paramétrer”, ou en cliquant sur la petite roue crantée lorsque vous passez la souris sur la rubrique

Supprimer une rubrique

Modifier l’ordre des rubriques

Vous pouvez réorganiser vos rubriques à tout moment, par simple glisser-déposer : cliquez et maintenez la rubrique à déplacer, puis glissez-la à l’endroit où vous souhaitez la réorganiser, suivant les 2 exemples ci-dessous (observez bien la position des traits bleus) :

Déplacer une rubrique au même niveau

En déplaçant une rubrique tout en restant au même niveau, l’ordre des rubriques sera simplement modifié.

Déplacer une rubrique dans une autre rubrique

En déplaçant une rubrique dans une autre rubrique, vous créez une sous-rubrique.

Gestion du contenu

Publier du contenu

Pour modifier ou ajouter du contenu à vos pages, cliquez sur la rubrique correspondante, puis sur le bouton “Modifier la page” :

Le panneau de gestion de contenu s’affiche, avec toutes les options disponibles pour votre page :

Faisons un tour des différentes options disponibles :

  • Titre : permet de créer un titre pour votre page. Les titres se déclinent en 6 niveaux (h1, h2,... h6), h1 étant le titre le plus important, h6 le moins important.
  • Paragraphe : permet d’ajouter du contenu texte et des images à votre page, via un éditeur de texte avancé (WYSIWYG*).
  • Image : permet d’ajouter une image, que vous pouvez sélectionner depuis le centre de ressources, ou importer à la volée depuis votre ordinateur.
  • Galerie : permet de créer une galerie d’images, ou un diaporama.
  • Audio & Vidéo : permettent d’ajouter du son et de la vidéo.
  • Carte : permet d’ajouter une carte Google Map.
  • Formulaire : permet d’ajouter un formulaire (de contact, par exemple) à votre page.
  • Séparateur : crée un séparateur dans votre page
  • Code : permet d’ajouter du code HTML personnalisé (iframe, …)
  • Lien : permet d’ajouter un lien vers une autre rubrique du site, ou vers une page externe.

*Note : WYSIWYG est l'acronyme de la locution anglaise What you see is what you get, signifiant littéralement en français « ce que vous voyez est ce que vous obtenez » ou de façon plus concise « tel affichage, tel résultat ».

Ajouter un bloc à la page

Il vous suffit de glisser-déposer l’élément que vous souhaitez créer, dans la zone de gauche, afin de le créer et le configurer, comme démontré ci-dessous :

Sauvegardez, puis répétez la procédure pour tous les autres types de contenus que vous souhaitez créer.

Exemple : ajout d’un bloc de type Paragraphe

En ajoutant un bloc de type paragraphe, vous avez accès à un éditeur de texte avancé (WYSIWYG). En passant la souris sur les différentes icônes de l’éditeur, une infobulle vous indiquera leurs fonctions.

Vous pouvez également, sur ce même écran, attribuer une image à ce bloc, en utilisant l’outil prévu à cet effet (visuel ci-dessous).

Vous pouvez importer une image directement depuis votre ordinateur en cliquant sur “Créer un nouveau média”, ou l’importer depuis le Centre des Ressources de votre site, via le bouton “Choisir un média existant”.

Exemple : ajout d’un bloc de type Galerie

Création d’un diaporama

Cliquez sur le bouton “Diaporama”. Vous pouvez, là encore, choisir de créer un nouveau diaporama, ou d’en importer un depuis le Centre de Ressources.

Si vous souhaitez créer un nouveau diaporama, cliquez sur le bouton “Créer une nouvelle ressource”. Le panneau de création du diaporama apparaît.

Indiquez le nom de votre diaporama, choisissez les langues de votre site pour lesquelles il doit être disponible, puis cliquez sur le bouton “Suivant”.

Dans le panneau suivant, cliquez sur “Ajouter un élément” :

Chaque “élément” est une diapositive de votre diaporama. Pour chaque élément, vous allez pouvoir attribuer :

  • une image ;
  • un titre ;
  • un texte de description ;
  • un lien au clic sur l’image (vers une rubrique, ou vers une page externe).

Conseil : choisissez si possible des images de même taille, ou de même proportion, afin de rendre votre diaporama plus attractif.

La liste de vos diapositives vient s’ajouter à la colonne centrale :

Il reste une dernière étape pour finaliser la configuration de votre diaporama : les effets de transition.

Rendez-vous dans l’onglet “Visualisation et effets” (capture d’écran ci-dessus), vous avez ainsi accès aux différentes options de votre diaporama :

Sauvegardez votre diaporama, puis retournez sur votre article, en cliquant sur le lien de retour comme indiqué sur la capture d’écran ci-dessous, puis sauvegardez votre article avant de le publier.

Création d’une galerie d’images

Lorsque vous ajoutez un bloc de type “Galerie”, cliquez sur le bouton “Galerie d’images”, puis sur le bouton “Choisir des médias”, afin de sélectionner les visuels à ajouter dans votre galerie.

Vous pouvez alors sélectionner plusieurs visuels de votre centre de ressources, puis cliquer sur le bouton “Utiliser” (ou importer de nouveaux visuels en cliquant sur le bouton “Créer” en haut de l’écran) :

La liste de vos visuels s’ajoute à l’écran de votre galerie. Vous pouvez ensuite choisir parmi 2 options :

  • Afficher les images en tant que vignettes : affiche les images dans un format plus petit, avec un lien vers l’image d’origine, afin d’optimiser le chargement de votre page
  • Lightbox : ouvre l’image originale dans une fenêtre par-dessus votre site, avec un effet de transition.

Sauvegardez votre galerie.

Exemple : ajout d’un bloc de type Formulaire

En ajoutant un bloc Formulaire à votre article, vous avez la possibilité d’importer un formulaire existant (dans le centre de ressources) ou d’en créer un nouveau.

Voici les étapes de création d’un formulaire :

  1. Cliquez sur le bouton “Créer un nouveau formulaire”.
  2. Dans la partie nommée “Général”, indiquez un nom pour votre formulaire, l’objet / le sujet de l’email envoyé, et indiquez les destinataires dans la case prévue.
  3. La partie “Messages du formulaire” permet de configurer les différents messages de notification visibles pour l’utilisateur (un en-tête, un pied, et un message de confirmation d’envoi). Ils sont optionnels, cependant il convient de compléter la partie “Confirmation d’envoi” afin de notifier l’utilisateur que son message a bien été envoyé.
  4. Vous pouvez activer un captcha (une question demandant à l’utilisateur de prouver qu’il est bien humain — permet de lutter contre le spam).
  5. Cliquez sur le bouton “Suivant”.

Vous avez maintenant accès aux différents champs disponibles pour votre formulaire, que vous pouvez glisser-déposer dans la colonne centrale afin de les ajouter et les configurer :

Note : Vous avez la possibilité de rendre chaque champ obligatoire ou non pour l’utilisateur.

Exemple : ajout d’un bloc de type Carte

En ajoutant un bloc Carte à votre article, vous avez la possibilité d’importer une carte existante (dans le centre de ressources) ou d’en créer une nouvelle.

Création d’une nouvelle carte

Dans la partie “Général”, indiquez un nom pour votre carte, puis cliquez sur le bouton “Suivant”.

L’écran de configuration de la carte apparaît. Entrez une adresse dans la barre de recherche, afin de centrer la carte sur ce point :

Dans la colonne de droite, configurez la taille (hauteur et largeur) de votre carte, choisissez le mode de centrage de la carte en fonction de vos besoins, et réglez le niveau de zoom par défaut.

Vous avez la possibilité de rajouter certaines options : bouton Street View, échelle de la carte, type de carte, réseau de transport public, etc.

Sauvegardez votre carte avant la dernière étape : les marqueurs.

Ajout d’un marqueur

Rendez-vous dans l’onglet “Marqueur” en haut de l’écran, puis entrez une adresse dans la barre de recherche, puis cliquez sur “Ajouter un marqueur” :

Vous pouvez maintenant configurer l’infobulle de votre marqueur :

  • choisissez une icône parmi celles disponibles par défaut dans Saytup ou importez la vôtre ;
  • donnez un titre à votre marqueur ;
  • vous pouvez ajouter un texte de description à votre marqueur.

Voici un exemple de marqueur configuré :

Sauvegardez votre carte, puis retournez dans l’article avec le lien de retour en haut de l’écran :

Publier un blog

Pour publier un blog, ou des actualités sur votre site, créez une nouvelle rubrique en utilisant la méthode de publication “Blog” :

Cliquez ensuite sur le bouton “Créer un billet”.

Vous pouvez à présent donner un titre à votre billet / votre actualité et insérer un court résumé qui apparaîtra dans la liste de vos billets.

Vous pouvez également attribuer une image à votre billet afin de le rendre plus attractif.

Insérez le contenu de votre billet dans la partie “Contenu”.

La colonne de droite permet de configurer les options relatives à votre billet :

  • Auteur
  • Catégories
  • Mots-clés / Tags

Gestion des widgets

Les widgets permettent d’ajouter des blocs de contenus supplémentaires à votre site.

Exemple : ajouter un widget Texte à votre site

Dans la colonne de droite sur l’écran des widgets, cliquez et déposer le widget “Texte” dans une des zones de la colonne centrale (En-tête, Gauche, Centre, Droite, ou Pied de page).

Configurez votre widget :

  1. indiquez un titre à votre widget ;
  2. dans la zone de contenu, insérez le contenu de votre widget
  3. vous pouvez déplier la zone “Options avancées” afin d’avoir accès des options supplémentaires : vous pouvez rendre visible votre widget pour certaines rubriques uniquement.

Une fois configuré, sauvegardez votre widget.

Lorsque vous créez un widget, il est par défaut désactivé sur le site. Afin de l’activer et de le rendre visible, cliquez sur l’icône verte en passant la souris sur le widget, comme sur l’écran ci-dessus.

Exemple : ajouter un widget Blog à votre site

Vous pouvez ajouter un widget permettant de remonter les derniers billets de votre blog. Ce widget est disponible dans la partie “Blog”, puis “Mise en avant de billets”.

Entrez le nom de votre widget, puis paramétrez les options de remontée de billets :

La partie “Blog associé” permet de lier le widget avec votre rubrique Blog.

Choisissez le nombre de billets à mettre en avant, vous pouvez également utiliser un filtre sur ces billets, parmis ceux-ci :

  • Les derniers publiés
  • Les derniers créés ou modifiés
  • Les mieux notés
  • Les plus commentés

Sauvegardez votre widget, et activez-le en passant la souris dessus, puis en cliquant sur l’icône verte.

Modifier un widget

Pour modifier un widget précédemment créé, passez la souris dessus dans la liste des widgets, puis cliquez sur l’icône en forme de crayon :

Désactiver un widget

Pour désactiver un widget et le rendre invisible sur votre site, passez la souris sur le widget en question, puis cliquez sur l’icône en forme de rond barré.

Supprimer un widget

Pour supprimer un widget, passez la souris sur le widget en question, puis cliquez sur l’icône en forme de poubelle.

Réorganiser l’ordre des widgets

De la même façon que pour les rubriques de votre site, vous pouvez réorganiser l’ordre des widgets, en utilisant la même procédure de glisser-déposer : cliquez sur un widget, maintenez la pression, et déplacez-le à l’endroit désiré :

Le Centre de ressources

Le Centre de ressources contient tous les éléments média de votre site : images, vidéos, diaporamas, formulaires, cartes, galeries d’images…

Vous pouvez le réorganiser comme bon vous semble, à la façon du dossier “Mes Documents” (Windows) ou d’un Finder (Mac), et ranger vos ressources dans différents dossiers.

Dans le menu de navigation de votre tableau de bord Saytup, cliquez sur le bouton “Ressources” afin d’accéder au Centre de ressources.

Analysons l’écran du centre de ressources :

1 : la liste des dossiers de votre centre de ressources. Vous pouvez à tout moment déplacer une ressources dans un dossier, sans que cela n’impacte le rendu sur votre site.

2 : la liste des ressources du dossier sélectionné (ici, le dossier “Toutes les ressources” affiche toutes les ressources du site, non triées).

3 : vous pouvez ajouter de nouvelles ressources en les important depuis votre ordinateur.

Ajouter une ressource

Le bouton de gauche permet d’importer des fichiers en masse depuis votre ordinateur.

En cliquant sur le bouton “Ajouter une ressource”, vous pouvez sélectionner le type de ressource à ajouter / à créer.

Exemple : Importer une nouvelle image

Dans l’écran ci-dessus, cliquez sur le bouton “Image” afin d’importer une nouvelle image depuis votre ordinateur.

Un panneau apparaît afin de configurer votre import :

  1. Donnez un nom à votre image dans le champ “Nom du fichier”
  2. Cliquez sur le bouton “Ajouter un fichier” afin d’aller chercher l’image sur votre ordinateur
  3. La partie “Taille de l’image” permet de configurer la taille de votre image parmi plusieurs dimensions prédéfinies :

        

Validez la procédure en cliquant sur le bouton “Créer” en bas de l’écran.

Gestion des dossiers du Centre de ressources

La gestion des dossiers du centre de ressources est la même que celle des rubriques de votre site : pour créer un nouveau dossier, utilisez l’icône en forme de + qui apparaît lorsque vous passez la souris sur un dossier :

Les statistiques de fréquentation

Dans le menu de navigation de votre tableau de bord Saytup, cliquez sur le bouton “Statistiques” afin d’accéder au module de statistiques.

Écran des statistiques de fréquentation :

En cliquant sur la date en haut de l’écran ci-dessus, vous accédez à une configuration avancée de l’affichage :