Accroche de 150/300 caractères qu'on retrouve dans les évènements en mode liste (à la une ou dans la liste des évènements) : Les différents éléments d'un article chartés
Quelques règles :
- Idéalement l'article doit faire entre 1 500 et 2 000 mots.
- L'écriture doit être simple et pertinente.
- Ne jamais sauter de niveau de titre (comme dans une feuille de style sous word)
- Les mots clés importants doivent être dans les titres et le haut de page.
- Il faut aérer un maximum les pages (espace après un paragraphe, listes à puces...)
- Rappel pour le portage, toujours indiquer : Bibliothèque x, gérée par la Communauté de communes du Pays d'Ancenis
Les titres | Les liens | Liste à puces | Les fiches contact | Les encadrés | Les citations | Intégration documents
Les titres - niveau 2
Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.
Titre de niveau 3
Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.
Titre de niveau 4
Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.
Titre de niveau 5
Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.
Titre de niveau 6
Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.
Les listes à puces
On sépare les éléments visuellement par un espace (shift + entrée) quand il y a des sous-éléments.
Une liste à puces :
- Mon premier élément (pas de virgules, ni de points-virgules)
- Un sous-élément
- Un sous-sous élément
- Un sous-élément
- Un 2e élément
- Un sous élément
- Un sous élément
- Un 3e élément
- Un sous-élément
- Un sous élément
- Un sous élément
Une liste numérotée : à faire évoluer avec des lettres pour les sous-éléments...
- Un élément
- Sous-élément
- Sous-sous élément
- Sous-sous élément
- Sous-élément
- Sous-élément
- Sous-élément
- Un élément
- Un élément
- Un élément
Les liens
Règles de base :
- 4-5 mots clés maximum
- Compréhensible, incitatif et pertinent
- Il faut renseigner
- la balise titre (destination, action)
- la cible (comportement du lien)
- le format/poids dans cadre d'un fichier
- Sous la forme d'un bouton quand il s'agit de l'objectif de la page (call to action / incitation au clic)
- Au moins 1 lien interne (maillage)
Lien vers une page interne
- Mentionner le nom de la page dans la balise titre
- Ouverture du lien dans la même fenêtre
- Exemple : Lien vers une page interne
Lien vers une page externe :
- Mentionner le nom du site vers lequel pointe le lien + (Nouvelle fenêtre) dans la balise titre
- Ouverture du lien dans une nouvelle fenêtre : Lien page externe
Lien vers un numéro de téléphone :
- Dans le texte :
- Indiquer "Tél." devant le numéro
- Les chiffres doivent être séparés par 2 sans point entre chaque paire
- Le lien doit s'ouvrir dans une nouvelle fenêtre
- La balise titre doit indiquer "Appeler untel (Nouvelle fenêtre) "
- Pour activer l'appel, il faut indiquer tel:+33240963189 dans le champ URL
- Exemple : Tél. 02 40 96 31 89
Lien vers un courriel :
- Dans le texte : remplacer le @par (at)
- Dans le paramétrage d'url, saisir le courriel et indiquer le sujet du courriel pour le destinataire
- Le lien doit s'ouvrir dans une nouvelle fenêtre
- Dans la balise titre, indiquer à qui on envoie le message + (Nouvelle fenêtre)
- Exemple :
Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.
Lien vers un fichier téléchargeable : Nom du fichier - pdf 1 Mo (il faut indiquer le nom du fichier, un tiret du 6, le format en minuscule et la taille du fichier en Mo ou Go
Liens objectifs de page :
CTA bouton bleu CTA Bouton danger CTA Bouton défaut CTA Bouton secondaire CTA Bouton succes
Fiches contact
Contact : Médiathèque de ma ville
- Dans un gabarit de mise en page encadré jaune "alerte defaut"
- Titre Contact
- Nom de l'organisation à contacter en gras
- Trait
- Adresse CP Commune
- CTA bouton secondaire Téléphone orange (avec style CSS téléphone)
- CTA bouton défaut courriel
- CTA bouton succès vert site Internet
- CTA bouton bleu pour les réseaux sociaux
- CTA jaune Voir les horaires
- CTA rouge pour contact webmaster
Contact
Lulu prêt - Ludothèque associative
69 Rue des Genêts 44440 Trans-sur-Erdre
02 40 96 31 89 compa(at)pays-ancenis.com pays-ancenis.com @compa
Les encadrés
Titre encadré alerte danger (rouge)
Généralement, on utilise un texte en faux latin (le texte ne veut rien dire, il a été modifié), le Lorem ipsum ou Lipsum, qui permet donc de faire office de texte d'attente. L'avantage de le mettre en latin est que l'opérateur sait au premier coup d'oeil que la page contenant ces lignes n'est pas valide, et surtout l'attention du client n'est pas dérangée par le contenu, il demeure concentré seulement sur l'aspect graphique.
Du texte supplémentaire avec bouton danger CTA rouge pour Bouton danger
Titre de l'alerte secondaire (orange)
Généralement, on utilise un texte en faux latin (le texte ne veut rien dire, il a été modifié), le Lorem ipsum ou Lipsum, qui permet donc de faire office de texte d'attente. L'avantage de le mettre en latin est que l'opérateur sait au premier coup d'oeil que la page contenant ces lignes n'est pas valide, et surtout l'attention du client n'est pas dérangée par le contenu, il demeure concentré seulement sur l'aspect graphique.
Du texte supplémentaire avec bouton secondaire CTA orange Bouton secondaire
Titre de l'alerte succès (vert)
Généralement, on utilise un texte en faux latin (le texte ne veut rien dire, il a été modifié), le Lorem ipsum ou Lipsum, qui permet donc de faire office de texte d'attente. L'avantage de le mettre en latin est que l'opérateur sait au premier coup d'oeil que la page contenant ces lignes n'est pas valide, et surtout l'attention du client n'est pas dérangée par le contenu, il demeure concentré seulement sur l'aspect graphique.
Du texte supplémentaire Bouton succès
Titre de la carte
Citations
Une citation, contenue dans un bloc citation.
Auteur Titre de la source
Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.