Liens divers

• Validation HTML – W3c Validator https://validator.w3.org/
• Google Speed https://developers.google.com/speed/
• Google Analytics https://analytics.google.com/
• WordPress Org https://fr.wordpress.org/
• Thème Divi https://www.elegantthemes.com/layouts/
• Thème Magazine Extra https://www.elegantthemes.com/gallery/extra/​
• Free PIK https://fr.freepik.com/
• Unsplash https://unsplash.com/
• Pexels https://www.pexels.com/fr-fr/
• Pixabay https://pixabay.com/fr/
• Couleur https://color.adobe.com/
• Logo Tailor brands https://www.tailorbrands.com/
• Logo Adobe  https://www.adobe.com/fr/express/create/logo
• Logo Wix  https://fr.wix.com/logo/creer-logo
• Google Font https://fonts.google.com/

Publier un article sur WordPress

Master 1 Communication numérique
Objectif général : savoir rédiger, enrichir, optimiser et publier un contenu complet dans WordPress.

Votre mission

Vous allez publier sur le site du cours un article consacré à votre dernier coup de cœur musical.

Choisissez un artiste, un groupe ou un projet musical que vous avez découvert récemment et que vous avez réellement envie de faire découvrir.

L’objectif n’est pas de produire une fiche Wikipédia. Vous devez avoir un angle et raconter pourquoi cette musique mérite notre attention.

1. Créer votre compte

Créez un compte Auteur sur le site :

https://musique.agence-oz.fr/

Connectez-vous ensuite à l’administration WordPress.

2. Rédiger votre article

Créez un nouvel article consacré à votre coup de cœur musical.

Votre article doit comporter :

• un titre clair et attractif ;
• une introduction qui donne envie de poursuivre la lecture ;
• plusieurs paragraphes structurés ;
• des intertitres ;
• une présentation de l’artiste ou du projet ;
• une explication personnelle de votre choix : pourquoi avez-vous envie de nous faire écouter cet artiste ?

Ajouter des liens

Votre texte doit contenir au minimum 3 liens sortants pertinents vers des sites extérieurs.

Par exemple :

• une interview de l’artiste ;
• un média musical ;
• un article permettant d’approfondir le sujet ;
• une salle ou un festival ;
• un label ;
• une source utilisée pour rédiger votre article.

Les liens doivent être intégrés naturellement dans le texte sur des mots ou expressions explicites.

Évitez les formulations du type « cliquez ici ». Le lecteur et les moteurs de recherche aiment généralement savoir où un lien va les envoyer. Concept révolutionnaire.

Ajoutez également un bouton d’appel à l’action à un endroit pertinent de votre article.

Ce bouton doit renvoyer vers :

• le site officiel de l’artiste, s’il existe ;
• ou le compte Instagram officiel de l’artiste.

Le texte du bouton doit être explicite, par exemple : « Découvrir le site de l’artiste » ou « Suivre l’artiste sur Instagram ».

3. Trouver et optimiser les visuels

Trouvez des images utilisables légalement, par exemple sur Wikimedia Commons, Wikipédia ou d’autres banques d’images gratuites proposant des licences adaptées.

Votre article doit comporter :

• 1 image à la une au format 16:9 ;
• au minimum 2 visuels supplémentaires dans le corps de l’article.

Chaque image doit être :

• librement réutilisable ou utilisée conformément à sa licence ;
• redimensionnée à une taille adaptée au Web ;
• compressée ;
• enregistrée de préférence en WebP ou AVIF, éventuellement en JPEG ;
• nommée avec un nom de fichier descriptif ;
• accompagnée d’un texte alternatif (ALT) pertinent ;
• créditée lorsque la licence l’exige.

4. Structurer correctement le contenu

Utilisez l’éditeur WordPress pour construire un article sémantiquement structuré et facile à lire.

Vous devez utiliser différents types de blocs et de contenus :

• titres et intertitres ;
• paragraphes ;
• citation ;
• liste à puces ou numérotée ;
• tableau, lorsque cela est pertinent ;
• emphase ;
• liens hypertextes ;
• bouton.

Utilisez également la mise en gras (strong) intelligemment.

Une personne qui parcourt rapidement votre article sans tout lire doit pouvoir comprendre les principales informations simplement en regardant les titres et les éléments mis en valeur.

5. Permettre d’écouter l’artiste

Intégrez directement dans l’article un morceau, un album ou une playlist Spotify correspondant à l’artiste présenté.

Le lecteur doit pouvoir lancer l’écoute directement depuis votre article.

6. Intégrer une vidéo

Ajoutez au minimum une vidéo en rapport avec votre sujet :

• clip officiel ;
• live ;
• session ;
• interview ;
• autre contenu pertinent.

Privilégiez l’intégration d’une vidéo hébergée sur une plateforme comme YouTube ou Vimeo plutôt que l’envoi du fichier vidéo directement dans WordPress.

7. Catégorie et étiquettes

Votre article doit appartenir à une catégorie correspondant au style musical de l’artiste.

Vérifiez d’abord si une catégorie adaptée existe déjà. Si elle existe, utilisez-la. Si elle n’existe pas, créez-en une.

Créer 3 étiquettes

Vous devez également créer et attribuer 3 étiquettes pertinentes à votre article.

Ces étiquettes doivent permettre de créer des liens entre votre article et de futurs contenus du site.

Elles peuvent correspondre, par exemple, à :

• un sous-genre musical ;
• une scène musicale ;
• une ville ou un pays ;
• une époque ;
• un mouvement culturel ;
• une caractéristique pertinente de l’artiste.

Exemple :

Artiste : Fred again..
Catégorie : Musique électronique
Étiquettes : House / Royaume-Uni / Musique live

Avant de créer vos étiquettes, vérifiez néanmoins si une étiquette identique existe déjà afin d’éviter les doublons inutiles.

8. Optimiser le référencement avec Rank Math

Utilisez Rank Math pour travailler le référencement naturel de votre article.

Vous devez notamment renseigner et vérifier :

• le mot-clé principal ;
• le titre SEO ;
• l’URL de l’article ;
• la méta-description ;
• la présence du mot-clé dans les zones importantes ;
• la lisibilité du contenu ;
• les liens internes et externes.

Configurez également l’aperçu de votre publication pour les réseaux sociaux :

• titre ;
• description ;
• image de partage.

Ne cherchez pas uniquement à obtenir un score élevé dans Rank Math. Votre contenu doit d’abord être écrit pour des humains.

9. Vérifier et publier

Avant de publier, vérifiez :

• l’orthographe ;
• les 3 liens sortants ;
• le bouton vers le site ou l’Instagram officiel ;
• les images et leurs textes ALT ;
• l’affichage de Spotify ;
• l’affichage de la vidéo ;
• la catégorie ;
• les 3 étiquettes ;
• Rank Math ;
• l’affichage sur ordinateur et sur mobile.

Lorsque tout fonctionne :

publiez immédiatement votre article.

Il ne doit pas rester en brouillon.

10. Participer aux commentaires

Une fois votre article publié :

1. choisissez l’article d’un autre étudiant et publiez un commentaire pertinent ;
2. vérifiez les commentaires reçus sous votre propre article ;
3. répondez à au moins un commentaire.

Si personne n’a encore commenté votre article, demandez à un autre étudiant de le faire.

11. Tester les performances

Copiez l’URL de votre article publié et testez-la avec Google PageSpeed Insights :

https://pagespeed.web.dev/?hl=fr

Effectuez notamment le test sur mobile.

Observez les résultats concernant :

• les performances ;
• l’accessibilité ;
• les bonnes pratiques ;
• le SEO.

Identifiez au moins un élément qui pourrait être amélioré sur votre page.

Livrable final

Votre article publié doit obligatoirement contenir :

• un titre et un texte correctement structurés ;
• une image à la une 16:9 ;
• 2 visuels minimum dans l’article ;
• des images optimisées et des balises ALT ;
• 3 liens sortants intégrés au texte ;
• 1 bouton vers le site officiel ou l’Instagram de l’artiste ;
• une intégration Spotify ;
• une vidéo ;
• une catégorie musicale ;
• 3 étiquettes créées et attribuées ;
• une optimisation avec Rank Math ;
• un aperçu optimisé pour les réseaux sociaux ;
• un commentaire publié sur l’article d’un autre étudiant ;
• une réponse à un commentaire sur votre article ;
• un test Google PageSpeed Insights.

Objectif final

Maîtriser l’ensemble du cycle de publication d’un contenu dans WordPress :

rédiger → structurer → illustrer → créer des liens → intégrer → catégoriser → étiqueter → optimiser → publier → interagir → tester.

Vous devrez ensuite réaliser ces 2 QCM