Concevoir son site WordPress - bonne nouvelle

13
Bonnenouvelle.fr > Concevoir son site > Outils de communication web - 08/10/2019 - 1 / 32 Concevoir son site WordPress > Structurer son équipe et son site ORGANISER L’EQUIPE ET LA PUBLICATION 2 CATEGORISER LES CONTENUS 7 CREER L’ARBORESCENCE DU SITE 11 Support de formation de Bonnenouvelle.fr Cette première partie du support de la formation « Concevoir son site » de Bonnenouvelle.fr est conçue pour vous aider à organiser votre équipe web, la publication et la mise à jour du site, à choisir le bon format de publications WordPress selon le type de contenus utilisés, à créer l’arborescence du site, des menus jusqu’au plan détaillé et la répartition du contenu à rédiger.

Transcript of Concevoir son site WordPress - bonne nouvelle

Page 1: Concevoir son site WordPress - bonne nouvelle

Bonnenouvelle.fr > Concevoir son site > Outils de communication web - 08/10/2019 - 1 / 32

Concevoir son site WordPress > Structurer son équipe et son site

ORGANISER L’EQUIPE ET LA PUBLICATION 2

CATEGORISER LES CONTENUS 7

CREER L’ARBORESCENCE DU SITE 11

Support de formation de Bonnenouvelle.fr

Cette première partie du support de la formation « Concevoir son site » de Bonnenouvelle.fr est conçue pour vous aider à organiser votre équipe web, la publication et la mise à jour du site, à choisir le bon format de publications WordPress selon le type de contenus utilisés, à créer l’arborescence du site, des menus jusqu’au plan détaillé et la répartition du contenu à rédiger.

Page 2: Concevoir son site WordPress - bonne nouvelle

Bonnenouvelle.fr > Concevoir son site > Outils de communication web - 08/10/2019 - 2 / 32

Organiser l’équipe et la publication Les rôles de WordPress, les missions et le profil des membres de l’équipe web, l’organisation de l’animation du site et de l’équipe, le rétroplanning avant le lancement du site. Le succès d’un site dépend avant tout de la qualité de son contenu et de la régularité de sa mise à jour ! C’est plus facile d’avoir un site vivant s’il est animé à plusieurs.

Différents rôles sur WordPress

Administrateur : A accès à toutes les fonctionnalités de l'administration WordPress : réservé à Bonnenouvelle.fr pour des raisons de sécurité. 1. Webmaster : Peut modifier l’apparence du site, les menus, les blocs (widgets) sur l’accueil

et la barre latérale des pages, ajouter ou modifier un utilisateur. Par défaut, votre responsable est webmaster du site.

2. Editeur : Peut publier et gérer les pages ainsi que celles des autres utilisateurs 3. Auteur : Peut publier et gérer ses propres articles uniquement 4. Contributeur : Peut écrire et gérer ses propres articles mais ne peut pas les publier 5. Abonné : Peut uniquement gérer son profil

Page 3: Concevoir son site WordPress - bonne nouvelle

Bonnenouvelle.fr > Concevoir son site > Outils de communication web - 08/10/2019 - 3 / 32

Une équipe Internet où chacun a sa place

Avec une équipe web de 4-5 personnes, compter une demi-heure par semaine pour la mise à jour, les jeunes mères de famille et secrétaires de paroisse sont les contributeurs les plus fidèles. Une personne peut cumuler différents rôles.

L’équipe web idéale Dans certaines paroisses comme à Sceaux (92), l’équipe web est devenue l’équipe de communication de la paroisse. Elle a aussi en charge la rédaction du guide, la cohérence de la charte graphique, la mise en page des documents imprimés : feuille d’infos, tracts et affiches, la signalétique des bâtiments, les relations avec la presse locale. 1 Le responsable éditorial ou rédac chef Garant du fond, avec une vision globale de l’organisation, il assure un peu le rôle d’un directeur de rédaction. Il suit ou met en ligne les informations, s’assure de leur actualité, de leur renouvellement et archivage et de leur cohérence avec la charte éditoriale du site. Il suit la fréquentation, évalue le suivi et l’attractivité du site et encourage les autres contributeurs. Ayant le statut de webmaster, il met à jour la page d’accueil, compose et envoie la newsletter. Il est l’interlocuteur principal de Bonnenouvelle.fr. Le profil du contributeur idéal : un journaliste

Pour animer un site, mieux vaut un bon rédacteur et un tempérament communicatif qu’un informaticien chevronné !

2 Le technicien A l’aise avec la technique et la mise en ligne du contenu, il sait tout sur le paramétrage du site et ses options. Il crée les nouveaux utilisateurs sur l’administration et vos adresses e-mail chez Gandi avec votre nom de domaine et encourage les membres de votre structure à les utiliser. Avec également le rôle de webmaster, il peut envoyer la newsletter pendant les vacances. 3 Le ou la secrétaire de rédaction Le secrétaire de rédaction a le sens du détail : il vérifie que chaque page est composée d’un résumé, d’intertitres, d’un texte et d’une illustration attractive. il corrige si besoin la mise en forme, la syntaxe, l’orthographe et la ponctuation. Compétences souvent maitrisées par les secrétaires. Il ou elle a le rôle d’éditeur.

Page 4: Concevoir son site WordPress - bonne nouvelle

Bonnenouvelle.fr > Concevoir son site > Outils de communication web - 08/10/2019 - 4 / 32

4 Le ou les éditeurs Il peut être en charge d’un onglet, c’est-à-dire d’une partie du site et aider à mettre en ligne du contenu.

En lien avec l’équipe Le photographe Il n’y a pas plus attractif qu’une belle photo pour donner envie de lire une page, présenter votre église et les membres de votre communauté. Le (ou les) photographe couvre la plupart des évènements. Il met les photos au format web pour la mise à jour du site et les partage aux membres de l’équipe, par exemple avec le service gratuit Dropbox. Il pourra être nommé et remercié dans la page Mentions légales du site au paragraphe Crédits. Le cameraman Il anime votre chaîne de partage de vidéos YouTube et enregistre les conférences et homélies au format MP3 pour les partager via Soudclound.com. L’animateur de réseaux sociaux A l’aise sur les réseaux sociaux, il connaît votre ligne éditoriale et maitrise vos éléments de langage. Il promeut vos évènements et en partage les coulisses sur votre page Facebook et votre compte Twitter. Les rédacteurs Votre équipe peut faire appel à des contributeurs externes pour préparer du contenu grâce au partage de conseils de rédaction et de mise en forme des textes. Leurs expliquer que leurs textes sont susceptibles d’être modifiés pour respecter la ligne éditoriale de votre organisation.

Page 5: Concevoir son site WordPress - bonne nouvelle

Bonnenouvelle.fr > Concevoir son site > Outils de communication web - 08/10/2019 - 5 / 32

Rencontres de l’équipe et rétroplanning

Pendant la création du site 15 jours après la première formation Prévoir une réunion de deux heures entre vous pour : 1. Finir le choix de vos mots-clés, l’arborescence et les menus du site 2. Répartir la rédaction des textes et la préparation des photos entre vous 3. Compléter les choix techniques de création de votre site 4. Personnaliser votre charte éditoriale et vos règles de fonctionnement du site 1 semaine après la deuxième formation Prévoir une réunion de deux-trois heures entre vous avec chacun un ordinateur pour finir la mise en ligne du contenu et vous aider mutuellement. 1 semaine avant le lancement du site : Op promotion Nous vous invitions à : • Echanger des liens sur votre site avec

des sites proches de votre organisation, puis les prévenir par mail.

• Préparer un édito-communiqué de presse sur votre site et l’envoyer par mail aux journalistes et à votre diocèse.

• Faire connaître l’adresse de votre nouveau site avec sur vos feuilles d’infos, tracts et affiches.

• Organiser une fête pour votre équipe élargie et les journalistes de la presse locale en projetant votre site sur grand écran.

Page 6: Concevoir son site WordPress - bonne nouvelle

Bonnenouvelle.fr > Concevoir son site > Outils de communication web - 08/10/2019 - 6 / 32

Après le lancement du site La première année, l’équipe Internet peut se réunir une fois par mois pour : • Finaliser la charte éditoriale et les règles de fonctionnement du site • voir les actualités et prochains évènements • les sujets de fond à traiter sur le site et à valoriser sur la newsletter • déchiffrer les statistiques de visite, les demandes reçues par courriel, par téléphone et les

commentaires postés sur le site pour correspondre aux attentes des visiteurs Vous pouvez créer un planning éditorial avec la liste des éditeurs, les dates et sujets ou actions à traiter sur le court ou moyen terme, à répartir en fonction des goûts et talents de chacun. Exemple de calendrier éditorial à adapter

-> Calendrier à télécharger sur https://ridigio.com/calendrier-editorial/ Ensuite, vous réunir tous les deux ou trois mois.

Page 7: Concevoir son site WordPress - bonne nouvelle

Bonnenouvelle.fr > Concevoir son site > Outils de communication web - 08/10/2019 - 7 / 32

Catégoriser les contenus Comment catégoriser vos contenus en choisissant entre Page et Article, puis entre Articles et autres formats de Publications en fonction de l’objectif de vos contenus ? Quelles sont les fonctionnalités des modèles de Pages, des Articles et autres formats de Publications ? Tout ce que vous avez besoin de savoir avant de créer votre arborescence et vos menus. Votre modèle de site WordPress propose plusieurs formats de Publications. La première chose à faire est de choisir entre Page et Article. Nous vous invitons à visiter les plans de nos sites-modèles pour les découvrir : • Rosace Rosace.maparoisse.fr/plan-du-site • Parvis Parvis.maparoisse.fr/plan-du-site

Différences entre une Page et un Article

A quoi sert une Page? • Une Page représente un contenu fixe, stable, alors

qu’un Article représente un contenu éphémère, de type Brève, Petite annonce ou News. Ø Exemple de Page : Notice historique Ø Exemple d’Article : Sortie d’un film

• Une Page peut être enracinée dans un parent avec un numéro d’ordre, qui ordonne les menus.

Exemple d’un bloc vers une Page ->

A quoi sert un Article ou un Post ? • Un Article peut être classé dans une Catégorie d’Articles

et un Évènement dans une Catégorie d’Évènements. • Un Article a aussi un Extrait, une Date et un Auteur. • Les blocs sur l’accueil affichant des Articles, Évènements

ou leurs Catégories sont automatiquement mis à jour. Exemple d’un Article et de son Extrait ->

Page 8: Concevoir son site WordPress - bonne nouvelle

Bonnenouvelle.fr > Concevoir son site > Outils de communication web - 08/10/2019 - 8 / 32

Principaux modèles de Pages et fonctionnalités

La présentation du contenu varie selon le modèle de Page utilisé. Chaque modèle de Page a des fonctionnalités spécifiques. Nous vous aidons à choisir le modèle de Page le plus adapté selon le type d’informations à publier.

Modèle de page Exemple Fonctionnalités Abréviation Modèle par défaut

Bienvenue sur notre site

Page par défaut, page de dernier niveau

P : Page

Page avec enfants Infos pratiques

Page-parent qui affiche ses Pages-enfants

PE : Page avec enfants

Blog Nouvelles Liste les derniers articles dans leur ordre ante-chronologique

B : blog

Évènements futurs Rendez-vous

Liste les événements à venir en commençant par le plus prochain

E : Évènement futur

Évènements passés

Évènements marquants

Liste les événements passés du plus récent au plus ancien

EP : Évènement passé

Calendrier Calendrier de la paroisse

Affiche tous les événements dans un calendrier mensuel

EC : Tous les évènements s’affichent dans le calendrier

Galerie-photos Galeries-photos Affiche automatiquement les dernières galeries

GP : Galerie-photo

Emplacements Lieux Liste tous les Emplacements EM : Emplacement

Personnes Equipe Liste toutes les Personnes PER : Personnes

Médiathèque Homélies Liste les dernières Prédications o PR : Prédication

Page 9: Concevoir son site WordPress - bonne nouvelle

Bonnenouvelle.fr > Concevoir son site > Outils de communication web - 08/10/2019 - 9 / 32

Choisir entre les Articles et les autres formats de Publications En plus des Articles, votre modèle de site comprend d’autres formats de Publications ou types de Post comme les Évènements. Chaque format de Publication a des fonctionnalités spécifiques. La présentation du contenu varie selon le format de Publication utilisé, qui appelle des champs spécifiques comme la date et le lieu pour un Évènement. Le choix du format de Publication se fait donc en fonction de l’objectif de votre contenu et des fonctionnalités attendues, par exemple un téléphone et une adresse mail pour une Personne. Nous vous aidons à choisir le format de Publication le plus adapté à vos contenus.

Principaux formats de Publications et fonctionnalités

Format de Publication Exemple Fonctionnalités Abréviation

Article Soutien... News, annonce, brève A : Article

Catégorie d’Article Edito Classer les Articles CA : Catégorie d’article

Sous-Catégorie d’Article > Edito de …

Sous-classement des Articles

SCA : Sous-Catégorie d’article

Evénement futur Apéritif… Prochaine date, horaires, lieu, adresse, géolocalisation

E : Évènement futur

Catégorie d’Évènement Enfants Classer les Évènements

CE : Catégorie d’évènement

Personne Père Curé Photo, fonction, téléphone, mail, adresse, réseaux sociaux

PER : Personnes

Groupe A votre service Trombinoscope/Annuaire G : Groupes

Sous-Groupe Equipe pastorale

Hiérarchiser les groupes SG : Sous-Groupes

Emplacement Eglise-Saint Téléphone, mail, horaires, géolocalisation

EM : Emplacement

Multimédia Chants

Lecteur vidéo, audio, podcast, lien vers le PDF, sujet, livre biblique, série, orateur, mot-clé

PR : Prédication

Page 10: Concevoir son site WordPress - bonne nouvelle

Bonnenouvelle.fr > Concevoir son site > Outils de communication web - 08/10/2019 - 10 / 32

Important ! Rassembler les différents types de Publications autour de leur modèle de Page dans un seul menu Chaque format de Publication est lié à un modèle de Page, identique sur tout le site. Par exemple, sur n’importe quel Article du site, on remonte par le chemin de navigation : Accueil > Nouvelles à la liste de tous les Articles, en cliquant sur Nouvelles, qui utilise le modèle de Page Blog du site. La Page Blog a le même bandeau et la même présentation sur tout le site, quelque soit l’endroit où l’Article est placé dans le menu. De même, le chemin de navigation de n’importe quel Évènement : Accueil > Évènements remonte à la Page Évènements qui liste tous les Évènements futurs du site. Le modèle de Page Évènements a le même bandeau et la même présentation sur tout le site. Pareil pour les Emplacements, Groupes et Personnes. Dans la mesure du possible, pour ne pas déstabiliser l’internaute, nous vous conseillons de ne pas disperser les différents formats de Publications dans plusieurs menus et de les rassembler dans un seul sous-menu comme le présentent nos sites-modèles, par exemple tous les Articles ou Catégories d’Articles dans Nouvelles, tous les Évènements ou Catégories d’Évènements dans Évènements, tous les groupes dans Equipes ou tous les Emplacements dans Lieux…

Page 11: Concevoir son site WordPress - bonne nouvelle

Bonnenouvelle.fr > Concevoir son site > Outils de communication web - 08/10/2019 - 11 / 32

Créer l’arborescence du site Quels sont les principes de navigation d’un site web ? Comment créer l’arborescence de votre site en trois étapes pour arriver au plan détaillé avec la répartition du contenu à préparer entre vous ?

Etudier des sites inspirants

Nous vous invitons à consulter des sites proches de votre activité. Sites de paroisse

• Notredamedelagare.fr • Paroisselechesnay.com • Paroisse-boisdarcy.fr

Paroisses multi-clochers • Paroisses-sarreguemines.fr • Paroisses-pontoise.fr

Sites associatifs • Agape-lepuy.fr

Sites d’établissement scolaire • Lycee-beausejour.com • Ecolesaintlouis.fr

Principes de navigation

L’arborescence des menus et le plan du site sont déterminants pour la qualité du site car ils définissent la navigation qui doit être logique pour un néophyte qui vous découvre.

Deux principes de base 1. Tout contenu doit être enraciné dans un onglet, soit une page avec enfants, appelée page-

parent. 2. Un contenu n’apparaît qu’à un seul endroit, preuve que la navigation est bien conçue.

Astuce ! Donner un numéro d’ordre aux pages organise automatiquement les menus et les pages dans l’ordre donné.

Pour une bonne navigation, éviter plus de trois clics L’arborescence idéale : 1. Onglet : N0, 0 clic

Ø Sous-onglet : N-1, un clic Ø Page : N-2, un 2ème clic

Page 12: Concevoir son site WordPress - bonne nouvelle

Bonnenouvelle.fr > Concevoir son site > Outils de communication web - 08/10/2019 - 12 / 32

Créer l’arborescence du menu principal

Votre site utilise un menu principal, nommé 1-Menu horizontal à onglets. Ce menu n’a pas forcément à montrer toutes les pages du site. En revanche, il doit être transparent pour l’internaute et lui donner accès aux principaux contenus attendus et à tous les formats de publications utilisés afin de lui faire comprendre votre plan de site,

Arborescence du menu de 1er niveau : onglets Créer d’abord l’arborescence du menu de 1er niveau telle qu’elle apparaitra dans le menu horizontal à onglets. Vous pouvez utiliser des post-it :

• Un post-it par onglet • Une couleur de post-it par niveau

Exemple de menu de 1er niveau 1. Paroisse 2. Actualités 3. Vie chrétienne 4. Vie fraternelle 5. Pour tous

Arborescence du menu de 2e niveau : sous-onglets Créer ensuite l’arborescence du 2e niveau de menu telle qu’elle apparaitra dans le menu horizontal sous les onglets de 1er niveau. Vous pouvez vous aider de post-it d’une couleur identique pour le menu du 2e niveau. Exemple de menu de 2e niveau

1. Paroisse 1. Infos pratiques 2. Equipe à votre service 3. Lieux…

Créer le plan détaillé et répartir la préparation du contenu

Créer le plan détaillé Puis, créer le plan détaillé page à page du en ordonnant les Pages et en listant les Articles, Évènements, Emplacements, Personnes. Exemple : 3. Vie chrétienne

1. Connaître Dieu 1. Qui est Jésus ? 2. Questions de fond

Page 13: Concevoir son site WordPress - bonne nouvelle

Bonnenouvelle.fr > Concevoir son site > Outils de communication web - 08/10/2019 - 13 / 32

3. Le pape François sur Twitter 4. Le pape François sur Youtube

Répartir la préparation du contenu dans notre modèle de menus par onglet Pour créer votre site, nous avons besoin de vos menus MIS A JOUR dans LE TABLEAU sur LE document Word avec la mise en page (et les abréviations) de Bonnenouvelle.fr. Ce plan est à la fois le coeur et la mémoire de votre site et notre outil de fabrication. Nous vous conseillons de le mettre en ligne en accès protégé sur votre site. Ou utiliser l’outil en ligne gratuit https://www.gloomaps.com et y laisser nos codes couleurs correspondant aux formats de publication utilisés. Exemple de menu avec abréviation des Pages par onglet et sous-onglet

Nous vous invitons à faire figurer vos menus détaillés avec l’ordre choisi et le format de Page ou Publication en abréviation : 1 La Page parent ou grand-parent PE

1. Le titre de la Page-enfant P avec : 1. Le format de Page ou de Publication à valider avec

Bonnenouvelle.fr 2. Le n° d’ordre qui ordonne les menus par niveau 3. Les initiales du rédacteur et/ou de l’éditeur

Si besoin, vous pouvez aussi indiquer un degré de priorité au contenu : • indispensable pour la mise en ligne • (ultérieur)

et éventuellement : les médias choisis et la source.

Valider ce plan avec vos outils de communication existants Pour vérifier que vous n’avez rien oublié, revoir : 1. Plan du site actuel 2. Brochure, revue, tracts, affiches 3. Homélies, discours, annonces orales, prises de position, communiqués de presse

1. Paroisse PE avec enfants

2. Actualités PE 3. Vie chrétienne

4. Vie fraternelle

5. Enfants & Jeunes

1. Infos pratiques PE pages avec enfants 1. Bienvenue sur notre

site Page 2. Nouveau venu ? P 3. Horaires des messes P 4. Feuille d’informations

paroissiales P

1. Nouvelles Blog • A la Une

CA Catégorie d’Article liste tous les Articles de la catégorie

• Edito CA • Annonces CA

1. Connaître Dieu PE 1. Qui est Jésus

? P 2. Le pape

François sur Twitter P

3. Le pape François sur YouTube P

1. Entraide PE 1. Enfants PE