Votre Guide d utilisation

Transcription

1 Votre Guide d utilisation

2 Comment accéder au Gestionnaire de Contenu (CMS)? Le Gestionnaire de Contenu (CMS) a été optimisé pour être utilisé avec le fureteur Google Chrome. Vous pouvez aussi utiliser Safari (Systèmes Mac), Mozilla Firefox ou Opera. Si l un de ces navigateurs est déjà installé sur votre ordinateur, veuillez passer à la section suivante, sinon veuillez l installer avec les liens figurant au bas de votre site. Il est aussi possible que vous deviez installer Flash Player si nécessaire, rendez-vous à cette adresse: Cliquez sur «Accepter et Installer dès maintenant» IMPORTANT : Avant de débuter l installation de Flash player fermer toutes les fenêtres du navigateur Note: Le gestionnaire de contenu Optimeasy n est pas compatible avec Internet Explorer. Il n est pas encore possible non plus d éditer votre contenu à partir de votre unité mobile (ipad, iphone, Téléphone intelligent) wacker neuson2k12 Pour accéder au Gestionnaire de Contenu de OptimEasy, veuillez taper «/admin» à la fin de l url de votre site pour que la barre d adresse de votre navigateur affiche votre adresse comme présenté sur l image ci-dessus. Cette fenêtre s ouvrira : Ajouter le nom d utilisateur ainsi que votre mot de passe qui vous ont été fournis et cliquer sur «Se connecter» Vous venez d accéder au Gestionnaire de Contenu de votre site Internet.

3 Gestionnaire de Contenu (CMS) CMS est l abréviation de l expression anglaise «Content Management System» qui désigne un système de gestion de contenu. OptimEasy est doté d un Gestionnaire de Contenu qui vous assure une autonomie complète dans la gestion de tous les éléments de votre site Internet. Le présent manuel décrit en détail les multiples possibilités offertes par votre Gestionnaire de Contenu. Gérer votre site Le menu de contrôle du Gestionnaire de Contenu sert à assurer l organisation des données à l intérieur du site Internet et en faciliter l intégration de contenu. Afin de répondre à l objectif de vous offrir un système simple d utilisation, nous vous proposons une plateforme à 2 niveaux constitués d une barre de navigation au bas de la page ainsi qu un «éditeur de contenu» convivial accessible par un simple clic-droit. Le menu du bas est rétractable en appuyant sur la flèche pour assurer une visibilité accrue en bas de page.

4 Modifier les informations du site Aller dans Option du site, situé dans la barre de navigation au bas de votre page afin d aller renommer votre site, d ajouter ou d en modifier les motsclés ainsi que la description. Le titre est le nom désiré pour votre site web, les mots clés et la description augmentent vos performances d optimisation sur les moteurs de recherche. Les mots clés et la description* peuvent être personnalisé pour chaque page, par contre si vous n en inscrivez pas, ceux du site seront pris par défaut. Note: Changer le nom du site ne changera pas le nom de domaine

5 Ajouter des pages Votre site Internet OptimEasy a été conçu pour vous permettre d ajouter à votre guise le nombre de pages que vous souhaitez par sections prédéfinies. Une fois crées, les «Pages» se retrouvent automatiquement dans une colonne ou en menu déroulant sous la section sélectionnée. Les «Pages» sont ajoutées et supprimées sous l option Options de la section de votre système OptimEasy. Afin d avoir un effet de menu déroulant (dropdown), vous devez avoir créé un minimum de 2 pages. Vous cliquez sur Options de la section et ensuite sur Ajouter une page ou vous pouvez aussi y accéder d un simple clic-droit sur le site (en évitant la zone éditable). * Pour plus d informations sur les mots-clés et descriptions, vous référez à la section Optimisation à la fin du document. Le titre est le nom désiré pour votre page. Supprimer des pages Rendez-vous dans Options de la section et localisez dans le champ déroulant «supprimer des pages» le nom de la page que vous souhaitez supprimer. ATTENTION : Après avoir appuyé sur Effacer, vous perdrez tout le contenu de cette page.

6 Ajouter une entrée de données (Texte, images, etc.) 1. Votre site Internet a été conçu pour vous permettre d assurer vous-même l entrée du contenu de vos pages. Pour ajouter du contenu, vous devez tout d abord être dans la page où vous désirez intégrer du contenu, ensuite, vous pouvez soit cliquer sur Ajouter une entrée pour accéder à l outil ou le faire via le clic-droit du menu site. 1 2 Donnez un titre à votre entrée ainsi que des mots clés et une description*. Choisissez ensuite l alignement du titre de votre entrée (à gauche, centré ou à droite). L alignement, par défaut, est à gauche. Si vous ne désirez pas que le titre apparaisse sur la page, vous n avez qu à ne pas mettre de titre puis cliquez sur enregistrer et votre entrée sera tout de même créé. Vous aurez alors une petite notification écrite en rouge qui disparaîtra dès que vous y aurez ajouté du contenu (cet avertissement n apparaît seulement qu en mode administrateur, elle n est pas visible sur le site) 2. Votre entrée est créée, vous pouvez maintenant y ajouter du contenu. Supprimer une entrée Clic-droit sur l Entrée ou sur un élément de contenu et lorsque la fenêtre de modification sera visible, appuyez sur «supprimer» ATTENTION : vous perdrez toutes les données de cette entrée. * Pour plus d informations sur les mots-clés et descriptions, vous référez à la section Optimisation à la fin du document.

7 Supprimer une entrée Il est possible d ajouter plusieurs types de contenu sur votre site Internet OptimEasy. Lorsque votre entrée est créée, accédez au menu entrée à l aide d un clic-droit sur le titre ou sur la notification en rouge (si vous n avez pas donné de titre à votre entrée). Ce menu entrée vous offre plusieurs options Éditer: Permet de modifier le titre de l entrée ou d en faire une nouvelle ou même d en faire un événement du calendrier Ajouter: Permet d ajouter du texte, des images, des galeries d images, des pdf, des tableaux et du code html. Supprimer: Permet de supprimer cette entrée. Affichage: Permet de choisir si cette entrée doit apparaître sur le site web uniquement, sur le site mobile uniquement ou sur les deux.

8 Ajouter du contenu texte Clic-droit sur le titre de l Entrée, puis sur Ajouter et enfin sur Texte Cette fenêtre s ouvrira : L administrateur est similaire à un environnement Word de Microsoft Office. Note: Les paragraphes se séparent automatiquement en boîtes de contenu séparées à chaque fois que vous cliquez sur enter. Pour éviter ceci, appuyez sur SHIFT + ENTER simultanément et créez ainsi un retour de ligne.

9 Faire un lien hyper texte Le gestionnaire de contenu texte vous permet de créer des liens vers d autres pages de votre site ou vers un autre site internet. Sélectionnez le ou les mots sur lequel le lien s appliquera. Cliquez sur l icône hyperlien (Comme illustré) Entrez l adresse de la page ou du site internet en lien (Link URL) Choisissez la cible de votre lien (Target) Inscrivez un titre (Title) à votre lien en but avec votre objectif de positionnement. Cliquez sur «Insert» pour enregistrer.

10 Ajouter des images Accéder au menu entrée à l aide d un clic-droit sur le titre ou sur la notification en rouge (si vous n avez pas donné de titre à votre entrée). Clic-droit sur le titre de l Entrée, puis sur Ajouter et enfin sur Image Vous pouvez soit télécharger de nouvelles images dans votre site OptimEasy, ou sélectionner celles qui s y trouvent déjà. Important: L image peut être en.jpg, en.png, en.gif ou en.gif animé, et d une taille maximale de 5 Mo et de 2500px en largeur ou en haut. L Image se redimensionnera automatiquement à un maximum de 800px en hauteur ou en largeur. L alignement, par défaut, est à gauche. Voici un site utile pour redimensionner vos images en quelques étapes : Une fois le téléchargement effectué, configurez les paramètres de l image. image boite image Possibilité 1 PopUP Cette fonction vous permet d isoler l image en taille réelle (maximum 800px). Dans ce cas-ci, la description sera affichée sous l image Possibilité 2 URL Vous permet de faire un hyperlien vers une page de votre site ou vers un autre site internet. Possibilité 3 Image fixe Sélectionnez la case URL mais n inscrivez aucune adresse dans ce champs. Float : Permet de placer le texte à droite ou à gauche de votre image. Si vous ne cochez pas cette option, le texte sera placé au-dessus ou en dessous l image et non à côté. Dimension : déterminez la largeur de votre image. Inscrivez «0» pour que votre image occupe toute la largeur. Important : Cliquez sur Enregistrer pour que le redimensionnement s applique. Note: Vous pouvez aussi insérer les images en groupe ATTENTION: Avant d ajouter des images à votre site, assurez-vous d en avoir les droits de diffusion

11 Ajouter une galerie d images Accéder au menu entrée à l aide d un clic-droit sur le titre ou sur la notification en rouge (si vous n avez pas donné de titre à votre entrée). Clic-droit sur le titre de l Entrée, puis sur Ajouter et enfin sur Galerie L ajout d une galerie de photos est semblable à l ajout d une image. Téléchargez de nouvelles images ou sélectionnez des images sur le serveur. Choisissez l alignement de la galerie. Recadrez les images si désiré Important : cliquez sur «Enregistrer» pour valider la modification. Cette fonction permet d afficher les images dans une même dimension et de faire un zoom sur un élément clé de votre photo. Cliquez sur enregistrer pour poursuivre Notez que le type de lien de l image en galerie est en PopUp uniquement et que l image se redimensionne à 150 pixels de large. Des mesures différentes peuvent être configurées, le recadrage va en tenir compte. ATTENTION: Avant d ajouter des images à votre site, assurez-vous d en avoir les droits de diffusion Note: Vous pouvez aussi insérer les images en groupe

12 Ajouter des PDF Accéder au menu entrée à l aide d un clic-droit sur le titre ou sur la notification en rouge (si vous n avez pas donné de titre à votre entrée). Clic-droit sur le titre de l Entrée, puis sur Ajouter et enfin sur PDF Tout comme l ajout d image, vous pouvez soit télécharger un pdf ou en sélectionner un sur le serveur. Donnez un titre à votre PDF et une description Le titre sera visible dans le site. Ajouter des HTML ATTENTION: Un mauvais code peut détruire le «look» du site et peut occasionner une perte de contenu. Il est très important de s assurer que le code inséré soit complet et standard. Accéder au menu entrée à l aide d un clic-droit sur le titre ou sur la notification en rouge (si vous n avez pas donné de titre à votre entrée). Clic-droit sur le titre de l Entrée, puis sur Ajouter et enfin sur HTML Coller dans cet espace le code HTML généré par Youtube ou GoogleMap ou tout autre code HTML. Choisissez l alignement

13 Ajouter un tableau Dans le but de créer une mise en page plus complexe, il est possible et recommandé d utiliser les tableaux. Les tableaux sont des grilles composés de colonnes et de lignes qui permettent de mieux organiser l information. Chacune des cellules du tableau est éditable ainsi que son apparence. Il est aussi possible d en modifier la largeur totale ainsi que les proportions Accéder au menu entrée à l aide d un clic-droit sur le titre ou sur la notification en rouge (si vous n avez pas donné de titre à votre entrée). Clic-droit sur le titre de l Entrée, puis sur Ajouter et enfin sur Tableau Déterminez les dimensions de votre tableau, le nombre de colonnes et le nombre de lignes Cliquez sur enregistrer.

14 Ajouter du contenu dans le tableau Clic-droit sur l une des cellules (Assurez-vous d être dans Menu Tableau). Vous pouvez insérer n importe quel type de contenu. La largeur de ce contenu sera limitée selon la largeur de la colonne de votre tableau. Modifier l apparence du tableau Une fois le tableau créé, il est possible d en modifier la structure: Clic-droit sur le tableau (Assurez-vous d être dans Menu Tableau) Ce Menu Tableau vous offre plusieurs options:

15 Modifier l apparence du tableau (suite) Éditer la table 2 options différentes avec ce sous-menu: En cliquant directement dessus, vous pouvez éditer l apparence du tableau entier (voir Éditer la cellule) À l aide d un clic-droit, vous accédez à un autre sous-menu qui vous permet d ajouter et de supprimer des colonnes et des lignes Éditer la cellule Cette option vous permet de styliser chacune des cellules de votre tableau: Arrière-plan: Ajouter une couleur d arrière-plan / Enlever la couleur d arrière-plan Style des bordures: différents styles, épaisseurs et couleur que vous pouvez ajouter à chacun des côtés de la cellule ou seulement sur certaines arêtes. (en sélectionnant celle-ci à gauche) Alignement vertical : Vous permet de déterminer l alignement vertical du contenu de cette cellule Alignement horizontal : Vous permet de déterminer l alignement horizontal du contenu de cette cellule Appliquer à : Vous pouvez décider d appliquer ces changements au nombre de cellules désirées

16 Modifier l apparence du tableau (suite) Ajouter du contenu Ajouter du contenu à cette cellule (même un autre tableau) Supprimer la table Affichage Cette option est seulement visible si votre site comporte aussi une version mobile Vous pouvez aussi modifier la largeur d une colonne avec l aide des taquets verts situés au haut du tableau. Cette option est seulement visible si votre site comporte aussi une version mobile

17 Ajouter un vidéo Avec l option «Ajout de vidéo», il est possible pour vous d intégrer facilement des vidéos à partir de plusieurs sites. (Cliquez sur le point d interrogation vert afin de connaître les sites supportés) Afin d intégrer une vidéo, copiez simplement le lien de la page de votre vidéo. Exemple : Pour intégrer un vidéo YouTube, simplement copier le site et le coller dans la boîte. Cliquez par la suite sur «Mettre à jour l aperçu» afin de visualiser votre vidéo. Il est aussi possible d ajuster les dimensions du vidéo ou de choisir parmi les différentes dimensions prédéterminées.

18 Annexe / Modules supplémentaires Carrousel Le carrousel ou rotator est une galerie d images défilantes. Grâce à cette option, vous pouvez ajouter ou supprimer les images de votre carrousel (il est possible d avoir plus d un carrousel) Pour y accéder, allez dans Options du carrousel, choisir le carrousel à éditer, ou clic-droit sur le carrousel devant être modifié. Ajouter/effacer les images du carrousel et déterminer où celles-ci doivent s afficher (afin d avoir l effet «slideshow» il faut un minimum de 2 images) Il est aussi possible de créer des liens sur ces images Il est possible de mettre les images dans l ordre que vous le désirez. Le champ «Rang» fontionne de 0 à l infini, 0 étant le premier élément. S il y a deux images avec le même rang, l image la plus récente va être affichée en premier. Attention: avant d ajouter des images à votre carrousel, demander le format que celles-ci doivent avoir. ATTENTION: Avant d ajouter des images à votre site, assurez-vous d en avoir les droits de diffusion Les dimensions de votre caroussel sont : 1920 px X 600 px

19 Optimisation Maintenant que vous êtes en mesure de gérer votre site OptimEasy, voici quelques rappels importants sur l Optimisation de votre contenu. Qu est-ce que l optimisation (SEO)? L optimisation de moteurs de recherche, ou SEO Search Engine Optimization - consiste à développer des stratégies et des solutions de positionnement de portails marketing et e-commerce sur Internet. Cette nouvelle science consiste à optimiser les portails marketing pour faciliter leur reconnaissance par les moteurs de recherche et ainsi augmenter leur performance. Le SEO contribue à augmenter la valeur des activités promotionnelles en matière de commerce électronique et constitue la clé du succès de toutes les solutions marketing dirigées sur le Web. Ce n est pas par hasard qu on se retrouve en première page de www. google.com. Internet est un environnement concurrentiel ouvert à tous et la dynamique qui l anime est en ébullition. L impact des décisions tactiques et des stratégies de positionnement des sociétés œuvrant sur Internet ont des répercussions sur des millions de clients potentiels et compétiteurs et, par conséquent, représente des millions de dollars annuellement pour ces sociétés. On doit donc comprendre et apprivoiser Internet pour arriver à en tirer le maximum tout en offrant aux «moteurs de recherche» ce qu ils désirent. utilise un algorithme de plusieurs centaines de paramètres qui permettent aux responsables du «moteur de recherche» d évaluer le mérite d un site Internet à se retrouver à une place de choix dans la fenêtre de résultats de recherche. Afin de parvenir à cette évaluation ponctuelle, envoie, tous les jours et sur une base récurrente des «robots» ou des programmes espions qui visualisent la structure des sites qui composent Internet et attribuent une note aux sites quant à leur performance.

20 Optimisation (suite) Titre (T) Le «Title» doit contenir les mots clés les plus importants, vous identifier peut offrir une référence géographique. Description (D) La description d un site web est très importante puisqu elle fournit, dans la fenêtre de retour de recherche des différents moteurs de recherche, un complément d information au «Title» qui influence le désir de l internaute à fréquenter le site web. Elle doit appuyer les mots clés utilisés dans la rédaction du «Title». Elle ne doit pas compter plus de 250 caractères. Cette description est généralement affichée dans les moteurs de recherche. Note: En cas d absence de description dans une page, la description de son parent le remplace. Description (D) Qu est-ce qu un mot clé? Le mot clé (keyword en anglais) est un mot pertinent caractérisant un thème traité par le site internet. Un groupe de mot clé permet de définir le ou les sujet(s) principal(aux) du site internet afin d améliorer le référencement de votre site dans les moteurs de recherche tel Il est important choisir des mots clés potentiellement saisis par l utilisateur des moteurs de recherche afin de trouver votre site. Les mots communs, tel les articles et les conjonctions (a, un, une, le, la, et, ou, mais, etc ) ne sont pas traités comme mots clés. Il peut être pertinent d y inscrire un lieu, un domaine globalisant votre sujet, et des synonymes. On doit identifier les mots clés qui correspondent aux activités de l entreprise et aux recherches telles qu effectuées par les internautes. Dans tous les éléments de contenu de votre site, on doit afficher une «densité» des mots clés de 5 à 7 %. Il est conseillé d ajouter au bas de vos pages un paragraphe contenant tous les mots clés de votre page. Vous pouvez créer une liste de ces mots et composer un texte avec ceux-ci. (Voir l exemple plus bas) Pour des fins d optimisation, nous vous conseillons d éviter tout accent.

21 Vos accès Nom de domaine: Administration du site: wacker Mot de passe : neuson2k12 Google Analytics : Mot de passe : StatCounter : Mot de passe :