Aide-mémoire : Créer un site Internet avec Joomla!

Sommaire

Introduction

À qui s’adresse cet aide-mémoire ?

Il m’arrive de former des webmasters amateurs intéressés par Joomla!, ce document me sert alors de support de cours. Cet aide-mémoire pour Joomla! 1.5 est presque un tutoriel, il a pour but de « mettre en selle » un webmaster qui débute en allant à l’essentiel.

Pourquoi un CMS ?

La création d’une page Web demande des connaissances techniques qui ne sont pas maîtrisées par la plupart des propriétaires de sites Internet. Le webmaster peut créer depuis zéro toutes les pages qu’il faut pour le site de son client, le site est alors dit « statique » et le client est dépendant du webmaster pour changer la moindre virgule. Il est aussi possible de développer, à grand renfort de programmation, des interfaces d’administration pour permettre au client de manipuler lui-même les éléments de son site Internet, mais il s’agit alors de projets longs et coûteux à la portée de juste les plus grandes entreprises. Les CMS résolvent ce problème. Ces logiciels fournissent des interfaces d’administration « préfabriquées » pour des sites Internet, avec une gestion intégrée et solide des droits des utilisateurs. La partie technique du travail de création d’un site Internet se fait alors en deux temps : il faut d’abord configurer le CMS, il faut ensuite développer un « template » sur mesure, c’est-à-dire un modèle de page Web, afin de rendre l’apparence du site unique.

Pourquoi Joomla! ?

Joomla! est un CMS libre qui peut donc être utilisé gratuitement. Joomla! est limité et certains besoins le dépasseront, mais il est robuste et simple. Avec ce CMS, le webmaster travaille vite et bien.

Installations préalables

Consultez au besoin la procédure d’installation (pour Windows) des logiciels nécessaires et du serveur Web local.

Un webmaster travaillant sous Linux utilisera les paquets par défaut de son système, ou encore Xampp Server.

CMS Content Management System. Un système de gestion de contenu est un logiciel qui sert d’infrastructure pour créer des sites Web ; un CMS est lui-même un site Web.
Joomla! Joomla! est un CMS, fait en PHP, il s’appuie sur le serveur de bases de données MySQL. Joomla! est un logiciel libre.

I – Installation du CMS Joomla!

Une base de données (vide) doit être créée et qui sera ensuite utilisée par Joomla! :

  1. Cliquer sur la demi-lune de WampServer et lancer PhpMyAdmin. Cela ouvre la page Web d’une instance locale de PhpMyAdmin.
  2. Créer une nouvelle base de données dont le nom est « monpremiersite ».

Voici maintenant la procédure pour installer une instance de Joomla! :

  • dézipper Joomla! dans le sous-dossier « c:\wamp\www\monpremiersite\ » ;
  • vérifier que WampServer est actif ;
  • depuis un navigateur, accéder à la page « http://localhost/monpremiersite/ » ;
  • suivre la procédure d’installation. Attention :
    ne pas installer les données de test dans la base de données. Pour les informations de connexion à la base de données, utiliser le serveur « localhost », la base « monpremiersite », le login « root », laisser le mot de passe vide.

Le dossier des médias, destiné à stocker les images, fichiers PDF et autres, devrait être vidé. Depuis un explorateur de fichiers, supprimer toutes les images et sous-dossiers du dossier « c:\wamp\www\monpremiersite\images\stories\ », à l’exception du fichier « index.html ».

Au besoin, voici comment ajouter la traduction en langue française :

  1. Se connecter au panneau d’administration de Joomla! (cf ci-dessous), aller dans « Extensions → Installer », cliquer dans le champ « Archive » et sélectionner le fichier de la traduction en langue française.
  2. Aller dans « Extensions → Language manager ». Sélectionner la ligne « French (FR) » et cliquer sur le bouton « Default » en haut à gauche de l’écran.
  3. Cliquer sur l’onglet « Administrator » et faire de même.

II – Administration de Joomla!

Le panneau d’administration de Joomla! est accessible depuis la page « http://localhost/monpremiersite/administrator/ ». Se connecter avec l’identifiant « admin » et le mot de passe saisi lors de la procédure d’installation de Joomla!.

La structure du contenu : les sections et les catégories

Avec Joomla!, le contenu est stocké au sein d’une hiérarchie de deux niveaux : les sections sont au niveau le plus haut ; chaque section contient des catégories ; chaque catégorie contient des articles. Les catégories sont pour la plupart destinées à devenir des rubriques du site. L’unité de contenu est appelée « article » ; à chaque article accessible sur le site correspond une page Web dédiée.

Les sections ne correspondent pas nécessairement à quelque chose de visible sur la partie publique du site, elles servent surtout à grouper les catégories afin de faciliter la gestion du contenu.

Les rubriques du site : le menu principal

Il ne suffit pas d’enregistrer correctement un article dans une catégorie pour l’afficher sur le site. Le contenu des catégories ne devient visible sur le site Web que lorsqu’il apparaît dans l’une des rubriques du site.

Les rubriques, avec Joomla!, sont en fait des items dans le menu principal (dont le nom est par défaut en anglais : « Main Menu »).

La gestion du menu principal est accessible depuis « Menus → Main Menu ».

Le type d’une rubrique est choisi lors de sa création. On choisira le plus souvent le type « Articles/Catégorie/Articles d’une catégorie donnée en blog » afin de relier la rubrique aux articles d’une catégorie, ou le type « Articles/Article/Un article » pour la relier à un unique article. Le titre doit alors être renseigné et, dans le premier cas, la catégorie désignée. Une éventuelle hiérarchie des rubriques et sous-rubriques est créée via le champ « Élément parent ».

Chaque rubrique se configure au moyen de ses nombreux paramètres : notamment, le nombre des articles affichés sur toute la largeur (« principal ») et ceux affichés en colonnes (« Intro » et « Colonnes »). Mieux vaut mettre à zéro le nombre de « Liens ». L’ordonnancement des articles est configurable dans les paramètres « Avancés ». L’affichage des champs associés aux articles est configurable dans les paramètres « Composant ».

Le menu principal d’une installation fraîche de Joomla! contient d’office une rubrique « Home » qui représente la page d’accueil du site. Depuis la Gestion de ce menu, cliquer sur cet item et le traduire en français. Effacer l’« alias » afin qu’il soit regénéré. Un mécanisme dédié existe pour gérer la page d’accueil : lorsqu’un site Web est très actif, le responsable du contenu y trouvera avantage en réorganisant ainsi régulièrement sa page d’accueil à partir des introductions d’articles récents. Dans le cas d’un site moins actif, je recommande de remplacer cette gestion dédiée par l’utilisation d’un simple article. Cliquer sur le bouton « Changer le type » et choisir « Un article ». Dans le champ « Sélection article », choisir l’article (qu’il aura donc fallu créer auparavant) qui servira désormais de page d’accueil.

Nota. – L’affichage d’un menu est géré par un module de menu.

La réécriture des URLs

La « réécriture d’URLs » est le mécanisme du serveur Apache qui permet d’avoir des adresses de pages Web plus lisibles. Cela permet entre autres d’améliorer le référencement du site dans les moteurs de recherche. Voici comment l’activer :

  1. Dans le menu « Site », cliquer sur « Configuration générale ».
  2. Dans les « Paramètres SEO », activez « URLs explicites (SEF) » et « Utiliser le module Apachemod_rewrite ».
  3. Depuis un explorateur de fichiers Windows, éditer le fichier « c:\wamp\www\monpremiersite\htaccess.txt ».
  4. Sous la ligne « # RewriteBase / », ajouter la ligne suivante (sans dièse) :
    RewriteBase /monpremiersite/
  5. Enregistrer le fichier sous le nom « .htaccess » (avec un point au début et sans l’extension « .txt ») et fermer.
  6. Depuis le navigateur, tester si les pages du site s’affichent correctement.

Lorsque la réécriture d’URL est activée, Joomla! crée les URL en assemblant des alias. Les alias sont par défaut construits à partir des titres pour chaque article et rubrique du site, on peut aussi les définir manuellement.

La gestion des utilisateurs

Il est plus propre de créer un deuxième compte utilisateur pour l’interface d’administration de Joomla!. Le responsable du contenu du site, en temps normal, n’a pas besoin d’avoir accès aux mêmes opérations que le développeur du site. On lui évitera des fausses manipulations en lui créant un compte dédié :

  1. Menu « Site → Gestion des utilisateurs », cliquer sur « Nouveau ».
  2. Renseigner les champs et attribuer le niveau d’accès « Gestionnaire ».
  3. Cliquer sur « Sauver ».

Lors de la création du site, tous les articles devraient ensuite être ajoutés depuis (ou affectés à) ce compte utilisateur.

Si la partie publique du site ne propose pas l’enregistrement de nouveaux contributeurs, alors autant l’interdire : depuis « Site → Configuration générale → Système », affecter « non » au champ « Autoriser l’enregistrement des utilisateurs ».

Le contenu : la gestion des articles et la gestion des médias

Le webmaster doit maîtriser la gestion des articles et celle des médias (images et fichiers PDF) afin d’ajouter les pages initiales du site qu’il crée. Une fois le site déployé, le client ajoutera lui-même son contenu, et il faudra pour cela le former (voir aussi l’annexe A).

Le webmaster configure l’affichage des articles d’une manière générale depuis le bouton « Paramètres » au dessus de la liste dans l’écran « Gestion des articles ». Mes conseils : montrer « Titres cliquables », masquer « Date et heure de création », masquer « Icône PDF », et passer l’option de syndication « Pour chaque élément de fils » à « Texte complet ».

Les dossiers dans lesquels seront stockés les images, PDF et autres médias utilisés dans les articles, doivent être ajoutés depuis la Gestion des médias avant l’upload des fichiers utilisés dans les articles.

Ajouter des extensions : composants, plug-ins et modules

Joomla! distingue plusieurs catégories d’extensions : un plug-in apporte une fonctionnalité « backend », dans le moteur de Joomla!. Un module est un « morceau » de page Web, le webmaster en crée des instances et les affecte à telle ou telle rubrique du site. Un composant est un ensemble de plug-ins et de types de module.

La procédure d’installation est la même pour toutes les extensions : depuis le menu « Extensions », choisir « Installer/Désinstaller ». Attention : un plug-in nouvellement installé est toujours désactivé par défaut. Il faut donc l’activer. Depuis le menu « Extensions », choisir « Gestion des plug-ins » et activer ce qui doit l’être.

L’éditeur TinyMCE, utilisé pour modifier les articles, est configurable depuis cette même Gestion des plug-ins : « menu Extensions → Gestion des plug-ins », cliquer sur « Editor – TinyMCE » et vérifier que le « Mode de l’éditeur » est bien « Étendu ».

Les modules et le positionnement

Avec Joomla, une page Web est l’assemblage d’un contenu principal (un article ou une liste d’introductions d’articles) et de multiples modules dans l’en-tête, le pied de page et les panneaux latéraux.

Pour chaque module instancié, on définit dans quelle zone du template le module ira s’afficher (c’est la « position »), puis on l’affecte à une ou plusieurs rubriques du site.

Plusieurs types de module sont préinstallés dans Joomla!. En voici quelques-uns :

  • HTML personnalisé affiche le contenu tel que créé par le webmaster ;
  • Flash d’information affiche les introductions des articles d’une catégorie. Soit un tiré au hasard, soit les plus récents ;
  • Dernières actualités affiche une liste de liens vers les articles les plus récents de section(s) et/ou de catégorie(s) ;
  • Syndication affiche un lien vers un flux Atom ou RSS ;
  • Recherche affiche un champ de recherche qui mène à la fonctionnalité de recherche des sites Joomla! ;
  • Image au hasard affiche une image tirée au hasard parmi les fichiers d’images d’un dossier des médias ;
  • Fils d’Ariane affiche un fil d’ariane ;
  • Contenu le plus lu affiche une liste de liens vers les articles les plus lus de section(s) et/ou de catégorie(s).

Depuis la gestion des modules d’un Joomla! fraîchement installé, un module « main menu » existe déjà. Ce module est chargé de l’affichage du menu du même nom, celui qu’on retrouve dans le menu « Menus » de l’administration de Joomla!. Mon conseil : traduire son titre et annuler l’option « Montrer le titre ».

Voyons aussi un exemple de création d’un module. Le contenu du pied de page est un module. Pour le créer, depuis la gestion des modules, cliquer sur « Nouveau » et choisir le type « HTML personnalisé ». Donner un titre en rapport, par exemple « Pied de page » et annuler l’option « Montrer le titre ». Choisir la position « footer ». Laisser sur « Tous » l’affectation aux menus (c’est-à-dire aux rubriques du site). Dans la zone de texte, en bas, écrire le contenu du pied de page.

Atom, RSS Atom et RSS 2 sont deux formats de syndication concurrents. Atom est destiné à devenir la norme officielle, mais RSS est encore le plus répandu. À ce jour, les lecteurs de flux de syndication reconnaissent indifféremment ces deux formats, on peut donc choisir Atom. Les flux de syndication permettent à l’internaute de s’abonner à des rubriques du site. Des logiciels spécialisés existent à cet effet.

Le cas des pages autonomes

Certains articles du site font l’objet d’un affichage à part, en dehors des rubriques du site. Il s’agit le plus souvent de la page d’accueil, la page de contact, la page éventuelle du webmaster.

Nous avons vu ci-dessus, dans « Les rubriques du site », comment configurer la page d’accueil. Mais des rubriques dans le menu principal pour la page de contact ou celle du webmaster ne se justifient pas toujours. De simples liens depuis le module de pied de page seraient plus élégants. Cependant, dans le fonctionnement de Joomla!, une URL n’est affectée à un article que si ce dernier est situé dans une rubrique du site. La solution est de créer des « rubriques cachées » dans un « menu caché ». Voici comment procéder :

  1. Créer un article « Contact », soit en tant que « non catégorisé », soit dans une catégorie non affichée.
  2. Cliquer sur « Menus → Gestion des menus ». Créer un nouveau menu et saisir quatre fois « Backend-menu » dans les quatre champs demandés.
  3. Cette opération a créé un nouveau menu, ainsi qu’un nouveau module pour afficher ce menu. Dans un premier temps, activons ce dernier. Depuis la Gestion des modules (menu « Extensions »), cliquer sur la petite icône rouge et blanche de la colonne « Activé » sur la ligne « Backend-menu ». L’icône devient verte.
  4. Ouvrir ensuite le gestionnaire du nouveau menu (« Menus → Backend-menu »).
  5. Cliquer sur « Nouveau » et choisir le type « Articles/Un article ». Dans le champ « Sélection article », choisir l’article « Contact ». Enregistrer.
  6. Rafraîchir le site visible. Le module du nouveau menu « Backend-menu » apparaît. On y trouve le lien vers l’article « Contact ». C’est ce lien qu’il faudra utiliser dans le texte du module de pied de page.
  7. Une fois les liens récupérés, le module du « Backend-menu » n’a plus lieu d’être affiché. Depuis la Gestion des modules, cliquer à nouveau sur l’icône d’activation du module « Backend-menu ». L’icône devient rouge : le module est désactivé.

III – Création d’un template Joomla!

Notions générales

Le design d’un site demande un travail sur-mesure de la part du créateur de site Internet. Avec Joomla!, l’ensemble de l’apparence se trouve dans le « template » des pages du site. La conception d’un template requiert de solides connaissances en XHTML et en CSS, ainsi que des notions de JavaScript et de PHP. Le novice en ces matières est invité à consulter ce document.

Il importe de bien faire la différence entre les traitements s’effectuant côté serveur et ceux s’effectuant côté client. Le serveur, c’est le serveur Web Apache qui crée la page Web à partir de diverses ressources (fichiers HTML, programmes PHP et base de données MySQL). Le langage de programmation PHP s’exécute donc côté serveur. Par opposition, les documents XHTML, les feuilles de styles CSS et les scripts en JavaScript sont traités côté client par le navigateur Web. Le « client », en langage technique, c’est le navigateur.

HTML, XHTML (XML) HyperText Markup Language. HTML et XHTML sont semblables, le second héritant du XML une plus grande rigueur. Ce n’est pas un langage de programmation, c’est en revanche le « langage à balises » dans lequel sont écrites les pages Web. Les logiciels capables d’afficher les documents HTML sont les navigateurs Web.
CSS Cascading StyleSheets. Ce sont les feuilles de styles utilisées par les documents HTML.
JavaScript JavaScript est un langage de programmation qui s’exécute sur le navigateur. Les scripts JavaScript sont incorporés dans le HTML ou réunis dans des fichiers dédiés.

Créer un template à partir du template sémantique « beez »

Pour créer un template Joomla! sémantique, voici la procédure :

  1. Dupliquer le dossier du template « beez » et donner à la copie le nom (sans accents ni espaces) que l’on souhaite. Par exemple, dans le dossier « c:\wamp\www\monpremiersite\templates\ », dupliquer le sous-dossier « beez » et lui donner le nom « monpremiertemplate ».
  2. Dans le dossier du nouveau template, éditer le fichier « templateDetails.xml » et modifier les valeurs des éléments suivants :
    • « name » : devrait contenir le même nom que celui du dossier du template. Ici : « monpremiertemplate » ;
    • « creationDate » : mettre la date de création en chaîne de caractère (c’est du texte libre) ;
    • « author » : le nom du créateur du template (le webmaster) ;
    • « authorEmail » : laisser ce champ vide afin d’éviter les robots spammeurs ;
    • « authorUrl » : mettre ici le site du créateur du template (le webmaster) ;
    • « copyright » : mettre ici le nom du propriétaire du site Web (le client) ;
    • « license » : laisser ce champ vide.
  3. Dans un navigateur, depuis l’interface d’administration de Joomla!, se reporter au menu « Extensions → Gestion des templates ». Sélectionner « monpremiertemplate » et cliquer sur le bouton « Défaut ».

Le travail de développement du template commence ici.

Nota. – Nous nous appuyons, dans la création de notre nouveau template, sur le template « beez » qui est sous la licence GPL. La licence GPL est une licence libre « contaminante », cela signifie qu’elle s’applique aussi à notre template. Cela n’empêche pas de l’utiliser, mais implique par exemple qu’une éventuelle distribution du nouveau template s’accompagnerait d’une publication gratuite de son code source.

Bonnes pratiques

En Afrique, de nombreux internautes naviguent avec le navigateur Internet Explorer 6 sur de vieux écrans dont la résolution est en 800×600. Il importe donc de s’assurer que le template s’affiche lisiblement sur cette résolution et ce navigateur. Il faut en outre estimer la largeur maximum des images incluses dans les articles pour un affichage correct avec cette résolution, et l’indiquer ensuite au responsable du contenu.

Mieux vaut définir aussi une largeur maximale afin que le site reste lisible sur les écrans les plus grands.

Le contenu devrait être le plus sémantique possible. Cela nécessite une bonne séparation du fond (le contenu en XHTML) et de la forme (la présentation en CSS). L’ancienne façon de positionner les éléments d’une page avec des tableaux devrait être abandonnée au profit d’un positionnement en CSS, et c’est pourquoi nous nous appuyons de préférence sur le template « beez » et non pas sur celui par défaut qui est une véritable antiquité. Un contenu sémantique améliore le référencement, l’accessibilité, la transposition sur divers supports, la pérennité du contenu. De plus, un code sémantique est plus compréhensible pour le webmaster, il simplifie la maintenance future.

Un conseil en design : attention au mélange des couleurs « chaudes » (orange, rouge, marron) et des couleurs « froides » (bleu, vert), le résultat est en effet souvent malheureux.

IV – Enregistrement du nom de domaine et hébergement

Un site Internet a un nom de domaine (du type « LeNomDuSite.com ») qui est réservé auprès d’un registar (bureau d’enregistrement). La réservation est temporaire mais indéfiniment renouvelable. Par contre il faut y penser avant terme car, lorsque le nom de domaine n’est plus réservé, il peut être pris (puis indéfiniment renouvelé) par n’importe qui. Le « www » est un sous-domaine créé par l’hébergeur.

Une bonne pratique : le nom de domaine doit être enregistré au nom du client ! De la même manière qu’une voiture n’est pas immatriculée au nom du concessionnaire…

Les fichiers qui composent un site Internet sont hébergés par un hébergeur. C’est une entreprise qui dispose d’ordinateurs (dits « serveurs ») connectés à Internet en permanence, et qui loue des espaces sur ces ordinateurs. Les fichiers et données du site Internet sont donc physiquement sur un espace loué dans l’un des ordinateurs de l’hébergeur. L’accès aux fichiers techniques du site Web se fait par le protocole FTP, il faut donc un logiciel « client FTP » (FileZilla par exemple) pour les déployer, les mettre à jour ou les récupérer. L’hébergeur doit aussi fournir une base de données MySQL.

V – Déploiement

Le déploiement se fait en plusieurs étapes :

  1. Depuis un gestionnaire de fichiers, dupliquer le dossier où Joomla!, avec ses extensions et ses templates, est installé. La copie sera la version mise en ligne. Positionnons-nous dedans.
  2. Éditer le fichier « configuration.php » et remplacer les valeurs des variables par celles données par l’hébergeur :
    • « $log_path » et « $tmp_path » : les chemins dans le système de fichiers sur le serveur de l’hébergeur. Vous ne pouvez pas deviner quel est le chemin vers le dossier du site Web chez l’hébergeur, vous l’obtiendrez au moyen d’un petit fichier PHP (d’extension « .php ») contenant le code suivant :
      <?php echo dirname(__FILE__); ?>
    • « $host » : le nom du serveur MySQL de l’hébergeur ;
    • « $db » : le nom de la base de données MySQL.
    • « $user » : le login (nom d’utilisateur) utilisé pour accéder à la base MySQL ;
    • « $password » : le mot de passe pour accéder à la base MySQL ;
  3. Si la réécriture d’URL de Joomla! est activée, alors éditer le fichier « .htaccess ». Se reporter à la ligne contenant « RewriteBase » et la changer en « RewriteBase / » (sans dièse). Notre copie du dossier Joomla! est à présent prête à être mise en ligne.
  4. Depuis le PhpMyAdmin installé par WampServer sur le poste du webmaster, faire une sauvegarde (aussi appelée « export », « dump » ou « backup ») de la base de données MySQL locale utilisée par Joomla!.
  5. Depuis le PhpMyAdmin de l’hébergeur, restaurer la base de données MySQL dont la sauvegarde vient d’être faite. La base de données est désormais déployée.
  6. Ouvrir le logiciel FileZilla. Depuis FileZilla, ouvrir une connexion FTP au serveur de l’hébergeur. Vérifier que l’option qui force l’affichage des fichiers cachés est activée (cf menu « Serveur »). Puis, transférer l’intégralité du contenu du dossier Joomla! préalablement préparé à la mise en ligne.
  7. Depuis un navigateur, tester le site Web.

VI – Sensibilisation du propriétaire du site Web

Le webmaster sensibilisera son client sur plusieurs points :

  • le Web est un média d’information avec ses us et coutumes ;
  • la fréquentation du site dépend, avec beaucoup d’inertie, du contenu ;
  • il importe de conserver en permanence une sauvegarde à jour du site.

Us et coutumes du Web

Un bon site Web est un site qui fournit des informations utiles à l’internaute. Des informations utiles sont des informations récentes, pertinentes, gratuites.

Le responsable du contenu doit faire de son mieux afin de ne pas modifier les adresses des pages et des autres ressources du site. Le propre du Web, ce sont les hyperliens. D’autres sites peuvent publier des liens pointant vers des pages de notre site. Si l’adresse d’une page change ou si son contenu est périodiquement écrasé, alors ces liens externes se périment. Respecter l’esprit du Web, cela demande de créer des liens permanents qui restent le plus stables possible.

Je recommande d’éviter les « pages en construction », elles agacent et découragent les internautes. Tant qu’un article ou une rubrique n’est pas prêt, gardons-le simplement hors ligne (dépublié).

La fréquentation du site

Des outils de statistiques fournis par l’hébergeur, ou encore Google Analytics, donnent au propriétaire du site des informations sur la fréquentation de son site.

On améliore la fréquentation du site avec, par exemple :

  • un bon référencement dans les moteurs de recherche ;
  • la diffusion sur tout support (y compris sur prospectus papier, à l’ancienne) de l’adresse du site ;
  • une lettre d’information (« newsletter ») envoyée à intervalle fixe par e-mail ;
  • des publicités Google AdSense.

Le référencement est le fait que le site soit bien ou mal positionné dans les résultats des moteurs de recherche de, principalement, Google, et, dans une moindre mesure, Bing (Microsoft) et Yahoo!. Le référencement peut s’améliorer à force d’efforts et de patience. Les algorithmes des moteurs de recherche sont gardés secrets. Mais on se doute qu’ils dépendent, entre autres, de :

  • le nombre de liens vers des pages de notre site depuis d’autres sites bien référencés ;
  • la quantité de contenu total ;
  • la fréquence des ajouts de contenu ;
  • les mots dans le nom de domaine, les titres et les URLs des pages, ainsi peut-être que les mot-clés des meta-informations ;
  • la rareté des URL périmées : mieux vaut éviter de déplacer ou supprimer des pages ;
  • l’inscription dans des annuaires de sites Web (notamment « www.dmoz.org ») ;
  • peut-être aussi si les internautes qui font des recherches sur le moteur de recherche cliquent et ne reviennent pas la seconde suivante pour suivre un autre lien.

Remarquons que tout ceci revient en premier lieu à fournir du contenu de qualité.

La sauvegarde du site

Un site Internet est composé des fichiers techniques du site (ceux de Joomla!, des extensions, du template) et du contenu (le texte, les images et autres médias). Les fichiers techniques peuvent se corrompre ou le contenu se perdre à cause d’une attaque, d’un problème chez l’hébergeur, d’un bug du logiciel Joomla! ou de l’une de ses extensions, d’une fausse manipulation du webmaster ou du client. Afin de conserver la capacité de restaurer le site, il faut sauvegarder le tout.

Le propriétaire du site devrait récupérer l’ensemble des fichiers techniques de son site après chaque modification, sous la forme d’un fichier compressé par exemple. Pensez à lui fournir ce fichier compressé à chaque fois que vous intervenez sur son site.

Ensuite, le contenu : tout le contenu textuel des pages Web est stocké dans la base de données. Le plus sage est d’inciter le responsable du contenu à sauvegarder la base de données après chaque ajout d’article. Joomla! ne propose pas en standard de fonctionnalité de sauvegarde, un plug-in spécifique devra donc être installé (JBackup ou LazyBackup par exemple). Le responsable du contenu devra aussi sauvegarder le contenu non textuel : une copie des images et autres médias utilisés dans les articles doit être faite manuellement dans un dossier local (créé sur son ordinateur) dédié aux sauvegardes, au fur et à mesure des uploads.

Annexe A – Gestion du contenu avec Joomla!

Ci-dessous la marche à suivre pour ajouter un nouvel article :

  1. Avec un traitement de texte, écrire l’article. Avec un logiciel adéquat, redimensionner les images (photos).
  2. Depuis la gestion des articles de l’interface d’administration de Joomla!, sélectionner éventuellement un filtre, puis cliquer sur le bouton « Nouveau ».
  3. Donner le titre, renseigner la section et la catégorie, puis copier/coller le contenu de l’article depuis le traitement de texte au moyen du bouton dédié « Coller depuis Word » visible si l’éditeur TinyMCE est configuré en mode étendu. Ou bien, en l’absence du bouton dédié, il faudra passer par le bloc-notes sous peine de perdre la maîtrise des styles, puis remplacer un par un les sauts de lignes par des changements de paragraphes.
  4. Pour uploader (mettre en ligne) une image (photo) :
    1. Cliquer sur le bouton « Image » en dessous de l’article.
    2. Sélectionner le dossier de médias qui recevra l’image.
    3. Dans le champ de transfert (ie. upload), en bas, cliquer et choisir le fichier localement présent sur l’ordinateur. Puis cliquer sur « Lancer le transfert ».
    4. En haut, cliquer sur l’image nouvellement uploadée. Choisir éventuellement un alignement. Écrire quelques mots dans le champ de description et les recopier dans le champ de titre. Laisser la légende décochée (ça ne fonctionne pas).
    5. Cliquer sur le bouton « Insérer » en haut à droite.
  5. Pour spécifier l’endroit où sera positionné le lien « Lire la suite » :
    1. Placer le curseur tout à la fin ou tout au début d’un paragraphe.
    2. Cliquer sur le lien « Lire la suite » en dessous de l’article.
  6. En bas à droite de l’éditeur d’article, dans les « informations des méta-données », écrire entre deux et huit mot-clés séparés par des virgules. Les mot-clés sont des mots importants utilisés dans l’article et dont on espère qu’ils seront utilisés depuis les moteurs de recherche d’Internet pour trouver l’article.
  7. Cliquer sur le bouton « Sauver ». Attention : la totalité de l’opération ne doit pas dépasser quelques minutes avant la sauvegarde, sous peine de déconnexion.
  8. Vérifier depuis le site que l’article s’affiche correctement et au bon endroit.

Dans certaines rubriques du site, l’ordre d’apparition des articles peut être changé. Voici comment procéder :

  1. Dans le panneau d’administration, se rendre à la gestion des articles de Joomla!
  2. Dans les filtres (au dessus de la liste d’articles), sélectionner une section ou une catégorie afin de ne faire apparaître que les articles de la rubrique à réordonner.
  3. Dans la colonne « ordre », changer les numéros d’apparition comme voulu.
  4. Cliquer sur la petite icône (représentant une disquette) dans le titre de la colonne « ordre ».

Pour gérer les images et autres médias :

  1. Aller dans la Gestion des médias. Les images des articles sont toutes stockées dans le dossier « Stories ». On ne peut pas déplacer une image. On peut uploader la même une deuxième fois au bon endroit, puis supprimer l’ancienne. Mais attention alors à penser à modifier les articles qui utilisaient l’image.

Leave a Reply

Your email address will not be published. Required fields are marked *

Mesure anti-spam. Merci de copier le code « OiuQq5 » dans le champ ci-dessous :