Le Avec Content Manager, prenez le contrôle de votre site web! Version 3.14 Content Manager est un système de gestion de contenus (CMS), qui vous permet de gérer des sites web hautement personnalisés. En moins d 1 jour de formation, devenez autonome pour : réaliser des contenus et des mises en pages haut de gamme intégrer des médias photos, vidéos et des outils web 2.0 optimiser votre référencement sur les moteurs tels que Google travailler à plusieurs, piloter vos indicateurs
Dans ce document 01 - Content Manager en quelques mots...2 02 - Pourquoi cet outil plutôt qu un autre?...3 03 - Et si on faisait simple?...4 04 - Mise à jour autonome 04.1 - Modifiez les contenus : textes et images...5 04.2 - Ajoutez, recherchez, modifiez des images et documents...6 04.3 - Les modèles avancés de mise en page...8 04.4 - Des médias dans vos pages : diaporamas, vidéos, widgets...9 04.5- Itinérance : intégrez des circuits dans vos pages...10 04.6 - Intégrez des objets dynamiques issus de vos bases de données et associez-les avec vos données statiques dans la même pagees...11 04.7 - Fonctions avancées pour gérer vos articles...12 04.8 - Créez, gérez les pages et les menus de votre site...13 04.9- Relatio : gestion des formulaires, commentaires...14 04.10 - Gérez et administrez plusieurs langues, plusieurs sites...15 05 - Google friendly : optimisez votre visibilité sur les moteurs de recherche...16 06 - Navigation générale : moteur de recherche interne, menus, plan du site...17 07 - Centralisez vos outils : référencement, web 2.0, statistiques, contrôle qualité...18 07.1 - Travailler à plusieurs (option) : le mode collaboratif de Content Manager...19 07.2 - Travailler à plusieurs (option) : La gestion des utilisateurs et leurs droits...20 08 - Aller plus loin avec Content Manager : formation, fonctionnalités avancées, performances... 1
01 - Content Manager en quelques mots L interface d administration de votre site. À quoi sert Content Manager? Content Manager assiste les webmestres dans le suivi et la mise à jour du site internet dont ils ont la charge. Il leur permet : De faire des mises à jour complexes plus rapidement. De faire des mises à jour plus sécurisées sans risque d erreurs. De permettre à de grandes ou petites équipes de modifier des contenus de pages sans connaissances HTML, via des formulaires de mises à jour dont les contenus s incluent dans les pages. D animer un réseau de contributeurs rédacteurs responsables, de suivre l état des mises à jour et des modifications. De bénéficier de méthodes de travail qui garantissent le respect des règles indispensables à un bon référencement dans les moteurs de recherche. De disposer d un lieu unique (un seul compte) pour gérer tous les outils de mise à jour, la gestion des utilisateurs, le suivi statistique et leurs comptes web 2.0 : Facebook, Twitter, Flickr, YouTube De pouvoir continuer à utiliser les outils d éditions HTML standards (Dreamweaver Contribute ) pour réaliser des contenus à forte valeur ajoutée. D avoir un site réellement optimisé pour son référencement et donc visible dans les moteurs de recherche. Un outil qui a fait ses preuves : + de 150 sites web actifs avec Laëtis Content Manager est implémenté sur des sites majeurs et maintenu de manière autonome par nos clients : Portails e-tourisme et territoires www.villefranche.com www.riviere-viaur.com www.haut-rouergue.com www.tourisme-cahors.com www.grand-rodez.com www.soho-solo-gers.com www.mairie-rodez.fr www.tourisme-aveyron.com Avec plug-in e-tourisme et fonctionnalités avancées www.audetourisme.com (site «démo» utilisé dans les pages suivantes) www.tourisme-midi-pyrenees. com www.tourisme-souillac.com www.tourisme-najac.com Sites de professionnels www.puech-maynade.com www.ethiquable.com www.sportselitejeunes.fr Petits sites www.grand-vabre.fr www.pompiers-aveyron.com Qualité, compatibilité, productivité, simplicité! Le temps moyen de formation constaté des webmestres est de 0,5 à 2 jours. Tous les nouveaux sites développés par Laëtis à ce jour respectent les standards W3C. Tous nos sites sont aussi testés sous PC et Mac : FireFox, IE, Safari, Chrome. Content Manager est implémenté depuis 6 ans chez nos clients (4 e version). Il a été adapté à chaque projet. Une fonction ne vous convient pas? nous l adaptons à votre méthode de travail. 2
02 - Pourquoi cet outil plutôt qu un autre? Une vraie souplesse graphique et ergonomique Nous utilisons l outil Content Manager pour réaliser des sites «graphiques», sur mesure et à forte valeur ajoutée. Avec d autres outils existants sur le marché (SPIP, Joomla ), le graphisme des sites doit souvent être adapté aux contraintes de l outil. Bien qu inspiré de ces outils, Content Manager s adapte totalement à chaque projet et à tous les graphismes, restant W3C et accessible. Quatre sites, quatre graphismes, quatre façons différentes de naviguer : www.puech-maynade.com www.aveyron.gouv.fr www.ethiquable.com www.audetourisme.com Une technologie open source Content Manager utilise des technologies open source. Il a été créé pour réaliser des sites «graphiques», sur mesure et à forte valeur ajoutée ils sont modulables à souhait pour satisfaire votre demande, ils sont sécurisés, ils ont des temps de réponse courts. Comparaison rapide avec des outils open source (SPIP, Joomla ) Souplesse graphique : le sur mesure est possible plus rapidement et à moindre coût. Il n impose pas des url compliquées, difficiles à référencer, du type : http://www.spip.net/fr_article901.html Il n oblige pas à stocker les contenus des pages à l intérieur de bases de données et peut ainsi se rendre indépendant de technologies superflues pour des contenus de type rédactionnel. Il n impose pas des outils d édition limités qui ne permettraient pas d élaborer des mises en pages pertinentes, adaptées aux contenus à présenter. Les + du produit : optimisation du référencement Content Manager impose naturellement une méthodologie de travail qui permet de concevoir un site avec des pages dont les titres, descriptifs et url sont explicites et contiennent les bons mots clés. Ceci permet une indexation efficace de toutes vos pages par les outils de recherche, moteurs et annuaires. Cet outil permet aussi de mettre automatiquement le site en conformité avec les prérequis du référencement : le fichier sitemap.xml utilisé par google est régénéré à chaque modification des menus, un check et une vérification des balises métas des pages sont aussi prévus. 3
03 - Et si on faisait simple? Accéder à la mise à jour des contenus simplement : naviguer dans le site en mode administration. «L interface d administration la plus simple à utiliser est bien celle qui se rapproche le plus de la navigation prévue pour l internaute grand public.» Content Manager est un des seul CMS où il suffit de visiter son site pour accéder aux blocs à mettre à jour. En mode administration (http://admin.nomdevotresite ), une télécommande d administration apparaît au-dessus des pages du site. En mode administration, il suffit de se déplacer dans le site via les menus de navigation grand public. On trouve donc la page à modifier de manière très intuitive et simple. Lorsqu on accède à une page, les zones modifiables apparaissent telles que sur le site. On peut les modifier, les déplacer, les rendre temporairement invisibles dans cette page, par exemple lorsque la rédaction n est pas terminée. Ici, on voit trois types de zones : le bandeau image haut de page, le pavé violet sommaire niveau 2 (sommaire automatique, texte libre), un article de page composé d un texte, d une image et d un diaporama Flickr. 4
04.1 - Mise à jour autonome, modifiez les contenus : textes et images Avec TinyMCE l éditeur HTML en ligne. Cet outil permet d ajouter et de mettre à jour des blocs de contenu complexes à l intérieur des pages. L éditeur HTML utilisé (i.e. le «Word» de l internet) est paramétré pour respecter les règles du web sémantique et faciliter un référencement efficace. Les styles de mise en forme proposés sont ceux prévus dans la charte graphique. Tous les autres styles sont «interdits» (impossibles à appliquer) afin d éviter des pertes de qualité graphique dans le temps. En ligne avec le navigateur web, après s être identifié et si l utilisateur est autorisé à modifier par le webmestre : la zone dynamique à modifier apparaît encadrée. L utilisateur peut cliquer pour la modifier ou ajouter une nouvelle zone modifiable. La modification du contenu se fait en ligne avec un navigateur web, aussi simplement que dans un traitement de texte. 5
04.2 - Mise à jour autonome, ajoutez, recherchez, modifiez des images et documents Choisissez les images qui sont sur votre serveur en ligne : Content Manager prévisualise les images disponibles. 1- Transférez des images vers vos dossiers en ligne. 2a- Demandez le transfert de l image en la redimensionnant et en l optimisant. 2b- Demandez le transfert de l image telle que proposée. Pour les liens vers des documents, des vidéos, des fichiers flash, des fichiers audio transférez n importe quel type Rechercher de fichier sur vos tout dossiers type en ligne de document dans sa bibliothèque (PDF, DOC, PPT, WAV, MP3, SWF, FLV, MOV, AVI). Avec le CMS, vous disposez de players diaporamas et médias, de zoom images. Ils vous permettent de lire tous ces fichiers à l intérieur de vos pages. (Voir document d aide Content Manager.) Pour les utilisateurs avancés, ces dossiers peuvent aussi être alimentés via une connexion FTP. 6
Insérer et mettre en page les images dans les blocs textes A - Charger une image, modifier ses paramètres. B - Appliquer le style «image à gauche» à l image pour obtenir la mise en page ci-dessus. 7
04.3 - Mise à jour autonome, les modèles avancés de mise en page Content Manager contient toute votre charte graphique! Des modèles de mise en page font gagner énormément de temps au webmestre qui construit ses pages en ajoutant des blocs modèles dont il modifie les contenus (exemples : article sur trois colonnes, article avec image à gauche, article sur trois colonnes avec trois images légendées ) 1 - Vous cliquez pour afficher les modèles de mise en page HTML définis par Laëtis. 2 - Vous choisissez et prévisualisez le modèle de votre choix. 3 Vous l insérez dans votre page. Puis vous remplacez juste le texte et les images. Différents modèles pour créer des pages rythmées, qui s adaptent aux contenus et respectent votre charte graphique. 8
04.4 - Mise à jour autonome, des médias dans vos pages : diaporamas, vidéos, widgets Intégrer tout type de contenus La barre de menu ci-dessous, dans sa version exhaustive, permet l intégration de tout type de contenu (images, textes ) et d appliquer et modifier des styles css. En appliquant des styles que Laëtis a rendus accessibles, l utilisateur habille son site. Ici, un lien hypertexte «en savoir +» devient bouton grâce au style prédéfini «lien en savoir plus». Intégrez du code HTML tiers : widgets, google maps, diaporamas flickr, vidéo YouTube, Circuits de France Insérez vos propres diaporamas ou animations flash. Les bandeaux animés flash du site peuvent être mis à jour via Content Manager. 9
04.5 - Itinérance : intégrez des circuits dans vos pages Avec notre et Circuits de France, vous pouvez intégrer dans vos pages des circuits créés par vous ou par d autres utilisateurs sur www.circuits-de-france.com. Le circuit «Circuits de France» dans votre site web avec du contenu référencé par Google à l intérieur de votre site. 3 façons de consommer le circuit : Impression de qualité, à mettre dans sa poche. Téléchargement sur mobile. Téléchargement du Gpx pour mon GPS. Sans abandonner la solution Circuits de France mais sans forcément dépendre d elle, nous pouvons vous proposer des pages itinéraires permettant une personnalisation graphique et ergonomique totale en relation avec vos bases de données. Personnalisation graphique complète, autonomie totale depuis le qui lit le fichier gpx de votre circuit pour l afficher à l écran. Content Manager lit votre circuit GPS et affiche autour de la trace les objets touristiques provenant du CMS ou de votre SIT. 10
04.6 - Intégrez des objets dynamiques issus de vos bases de données et associez-les avec vos données statiques dans la même page L utilisateur compose lui même sa page avec différentes sources de données. Il choisit des données issues du SIT (objets touristiques) pour la carte et le corps de pages. Il rédige des contenus statiques avec le CMS pour une partie de la page. Il choisit des extraits d articles issus de ses Blogs pour la colonne de droite. L utilisateur peut créer des articles qui mélangent des données statiques et dynamiques. A - L utilisateur choisit de créer un article généré par un objet du SIT. L article est créé. B - Dans cet article ci-contre, il peut modifier tout ce qui concerne la colonne de droite (photos et vidéos) via le CMS quand bon lui semble. C- la colonne de gauche reste connectée au SIT : l image et le texte de l adresse se mettent automatiquement à jour à chaque fois que le SIT est mis à jour. 11
04.7 - Mise à jour autonome, fonctions avancées pour gérer vos articles Données temporelles Vous pouvez choisir des dates associées à un article. Ceci peut être utilisé pour faire apparaître et disparaître automatiquement cet article aux visiteurs suivant la date, pour trier des articles chronologiquement Données spatiales Vous pouvez choisir des coordonnées géographiques associées à un article. Ceci permet de générer automatiquement : des fonds de cartes associés à l article, des sommaires cartographiques dans la page voulue, un module météo gratuit et graphiquement personnalisé Données thématiques Vous pouvez créer autant de thèmes que vous le souhaitez et les appliquer aux pages ou articles dans les pages. Ces thèmes permettent d exploiter des articles dans plusieurs pages différentes, d afficher ou de masquer des éléments graphiques encadrant l article, de classer les articles par thèmes à travers tout le site 12
04.8 - Mise à jour autonome, créez, gérez les pages et les menus de votre site Masquez des pages temporaires ou devenues fausses. Déplacez des pages dans le menu. Renommez les éléments de menu. Supprimez une page : fichier et item menu. Ajoutez des pages (dans le menu ou hors du menu de navigation). À chaque modification du menu, et de manière simultanée, les menus de navigation, le plan du site, les fils d Ariane et tous les liens impliqués dans la navigation arborescente sont mis à jour dans tout le site. 1- Vous cliquez sur «ajouter une page». 2- Vous créez une page : vous choisissez son titre, son descriptif, le modèle de page (hors du menu ou dans le menu), son nom de fichier, l endroit où elle va se trouver dans le menu ). Cet ordre méthodologique met l utilisateur en situation d optimiser son référencement. En jaune clair des aides et des conseils pour un référencement optimal. 3- Vous indiquez le texte qui doit apparaître dans le menu, vous indiquez l ordre de la page, vous choisissez de la rendre accessible ou non à l internaute. 13
04.9 - Relatio : gestion des formulaires, commentaires... 1- A partir de la page d accueil Content Manager, vous avez accès au module Relatio pour gérer vos formulaires, commentaires... 2- Créez et modifiez votre formulaire en ajoutant tout type de champs avec différents paramètres (obligatoire, format tél...) 3- Gérez les envois email de formulaires, les accusés de réception ainsi que leurs contenus et modèles associés 4- Intégrez vos formulaires créés, dans n importe quelle page de votre site via Content Manager 4- En plus de la réception par email, exploitez les données saisies par les utilisateurs dans les bases de données accessibles par Relatio. Exportez au format excel, pour une exploitation personnalisée 14
04.10 - Mise à jour autonome, gérez et administrez plusieurs langues, plusieurs sites Multilingue De nombreux outils natifs sont conçus pour gérer plusieurs langues dans le respect des normes internationales : code langue, stockage dans un sous-répertoire linguistique pour la cohérence des url, modèles de pages différents par langue. Possibilité d accéder à différentes langues. Différents modèles de pages html par langue. Simplifiez-vous les traductions : possibilité de dupliquer une langue (menus et articles) pour en faciliter la traduction. Multisite Avec une seule installation de Content Manager vous pouvez gérer plusieurs sites différents, sur plusieurs noms de domaine (exemple ci-dessous : site web grand public, site web destiné aux professionnels). Une seule formation, un seul logiciel, deux sites gérés pour le comité régional du tourisme du Limousin : http://www.tourismelimousin.com http://pro.tourismelimousin.com 15
05 - Google friendly : optimisez votre visibilité sur les moteurs de recherche Des moyens d optimisation donnés aux utilisateurs Content Manager impose naturellement une méthodologie de travail qui permet de concevoir un site avec des pages dont les titres, descriptifs et url sont explicites et contiennent les bons mots clés. Ceci permet une indexation efficace de toutes vos pages par les outils de recherche, moteurs et annuaires. Optimisez vos pages Pour chaque page vous pouvez optimiser tous les contenus qui influencent Google : le titre de la page, son descriptif, le nom du fichier de la page. Devenez un pro du référencement Content Manager vous donne, dans les encarts d aide jaunes accompagnant les zones de saisie, tous les conseils utiles pour optimiser votre référencement. Des résultats visibles Le fichier sitemap.xml est régénéré par Content Manager quand le site change. Les moteurs de recherche sont avertis du nouveau plan de votre site, ils peuvent le référencer plus rapidement. Des URL optimisées : de par sa conception, Content Manager génère des URL optimisées pour les moteurs. Les mots importants de la page sont répétés de manière logique et visible pour Google. Ces répétitions ne gênent pas l internaute. 16
06 - Navigation générale : moteur de recherche interne, menus, plan du site Génération automatisée des outils de recherche transversaux Depuis toute page du site, lancez la recherche par mots clés. Content Manager génère le plan de votre site en fonction des pages rendues visibles à l internaute. Content Manager utilise la technologie Google pour référencer les pages internes de votre site. Rapidité, pertinence, affichage de la portion de page contenant le mot clé, gestion des synonymes, du singulier / pluriel Tous les types de navigation, tous les types de menus 17
07 - Centralisez vos outils : référencement, web 2.0, statistiques, contrôle qualité Suivez votre référencement Un seul lieu pour accéder à tous vos outils sur les moteurs de Avec Content Manager, vous centralisez en un seul lieu l accès à tous vos outils Laëtis, recherche Google : contrôle ou autres qui servent à mieux gérer votre site. qualité, liens brisés, suivi de position des mots clés dans Google. Accélérez votre référencement sur les moteurs de recherche : génération de sitemap.xml Suivez vos statistiques de visites. Outils web 2.0 Augmentez votre popularité avec Twitter et Facebook, faites connaître vos médias, exploitez vos médias depuis Flickr, YouTube, DailyMotion, Google Maps 18
07.1 - Travailler à plusieurs (option) : le mode collaboratif de Content Manager Gestion collaborative pour les mises à jour autonomes, gestion des utilisateurs. Une philosophie adaptée aux compétences humaines et à l organisation de votre structure Principe : c est celui qui est au plus près de l information (au niveau de son service) qui a la responsabilité de valider toute demande de vérification ou de correction. Cela ne signifie pas qu il doive savoir effectuer la modification sur le plan technique. Suivant la hiérarchie, son temps disponible et son niveau de formation, il peut : soit corriger, vérifier et demander la réalisation technique au webmestre, soit soumettre les modifications à effectuer au comité de rédaction qui les étudie, les corrige, les valide et les transmet au webmestre, soit effectuer directement la modification technique. La personne responsable est identifiée au départ avec ses droits spécifiques de modification. Elle connaît donc les contenus dont elle est responsable et elle est relancée automatiquement par mail. Durée de formation d un contributeur sans droit de modification : 1 à 2 heures. Durée de formation d un webmestre-superviseur : 1 à 2 jours suivant le niveau. Principe d organisation Gérer collaborativement, de manière fiable, en respectant la hiérarchie, les mises à jour de contenus grâce à : L identification d un responsable par page. La définition de périodicité de mise à jour par page, qui permet de gérer des relances automatiques par e-mail et d établir le planning des mises à jour sans aucune ambiguïté. La définition de n utilisateurs avec des mots de passe différents, des accès différents, des responsabilités différentes. Des outils de supervision de la mise à jour pour le webmestre du site en indiquant : les documents obsolètes à vérifier, les documents non vérifiés, les corrections en cours. La possibilité pour tout utilisateur de faire des demandes de correction au responsable de la page. 19
Exemple de suivi et d animation de site avec Content Manager A - Page sur laquelle une demande de correction est en cours. B - Clic : on ouvre la page ci-dessous. C - La demande de correction au responsable de la page. On voit simultanément la page réelle que l on est en train de modifier. 20
07.2 - Travailler à plusieurs (option) : la gestion des utilisateurs et leurs droits Accès protégés par login et mot de passe, accès limités. Les utilisateurs sont créés manuellement ou via des formulaires d inscription de manière automatique. Le gestion d utilisateurs permet aussi de gérer des portions d arborescence qui leur sont réservées (intranet privés, espaces pro ) Alertes e-mails pour mieux gérer ses équipes Suivant leurs responsabilités des utilisateurs, des alertes email peuvent leur être envoyées pour qu ils modifient ou vérifient les contenus les concernant. Historique des modifications pour maîtriser les évolutions L historique des modifications est conservé : qui, quoi, quand + archive de l ancien contenu. 21
08 - Aller plus loin avec Content Manager : formation, fonctionnalités avancées, performances Content Manager est optimisé pour être rapide à l utilisation Les menus de navigation ne sont calculés et régénérés que via le back office lors de la modification de menus. Ils ne sont pas recalculés à chaque visite de votre site, cette technologie ne ralentit pas les visiteurs de votre site. Content Manager utilise aussi un système de mise en cache des contenus dynamiques pour des accès plus rapides aux contenus. La formation des administrateurs du site par un organisme de formation Content Manager est accompagné de nombreux conseils de conception (sur fond jaune clair : voir saisies d écran dans les pages qui précèdent). Il est accompagné d un manuel d aide et de formation. Laëtis est organisme de formation agréé et a assuré de nombreuses formations sur cet outil. N hésitez pas à demander la documentation de formation. Le temps moyen de formation constaté des webmestres est de 0,5 à 2 jours. L indépendance de nos clients, les standards du marché Édition HTML ou XHTML standard : pour la modification des contenus des pages, Content Manager peut aussi fonctionner avec les logiciels professionnels leaders du marché (Macromedia Dreamweaver et Contribute, compatibles Mac et PC). Il est donc compatible avec les éditeurs HTML standards. Néanmoins, grâce à son éditeur XHTML intégré il ne nécessite pas de licence spécifique sur les postes des utilisateurs. Accessibilité handicap Si l option est prévue dans votre offre, Content Manager vous permettra d intrégrer les recommandations pour l accessibilité du WAI (WCAG AAA) (www.w3.org/tr/wai-webcontent/). Les standards W3C / WAI et sémantiques pour le référencement peuvent être respectés et optimisés avec l outil. Content Manager permet par exemple de respecter les 47 critères Accessiweb niveau bronze : c est donc l ensemble de votre site qui respectera les règles d accessibilité demandées. Voir les règles : http://www.accessiweb.org/fr/label_accessibilite/criteres_accessiweb/47_accessiweb_bronze_lineaire. En ce qui concerne la labellisation en elle-même, contactez-nous ou consultez : http://www.accessiweb.org/fr/ Label_Accessibilite/contrat_tarifs/ Besoin de fonctionnalités absentes de ce document? Content Manager est hautement personnalisable et propose de nombreux plug-in : Plug-in e-tourisme : gestion de moteurs personnalisés par page, flux XML Tourinfrance, Gestion de formulaires (sondage, quizz, grc / contacts). Gestion de commentaires liés aux articles. Gestion de blocs d information en régie publicitaire. Gestion des flux rss, des newsletters, des passerelles twitter ou facebook. Demandez-nous la documentation spécifique à chaque plug-in!