1.Ethique
Afin de ne pas faire les jeux des influenceurs, nous nous devons d’être honnête et préciser si un produit nous a été offert en test par une marque.
Si le produit est vraiment mauvais, nous discuterons avec ladite marque et proposerons plutôt une absence d’articles ou attendrons une mise à jour solutions par leur développeur. Sans réponse de la part de la marque, nous discuterons en équipe de la pertinence de la publication de l’article
2. Création d’un Article
Youdom a une certaine charte graphique reproductible pour que notre site soit reconnaissable parmi milles
Tout d’abord on va sur www.youdom.net/master puis on va dans article et ajouter
![](https://youdom.net/wp-content/uploads/2023/07/image.png)
Un nouvel article est créé.
Création d’un Nom d’article
le titre doit comporter domotique et système open source utilisé (HA ou Jeedom)
![](https://youdom.net/wp-content/uploads/2023/07/image-2.png)
Créations d’un tag
On clique dans l’espace saisir
On vérifie que l’on est bien en paragraphe, définir les tags de l’article puis définir la taille de la typographie (S pour les tags)
il serve a l’indexation il doivent integrer modele protocole type de système et domotique , c’est votre requete yoast
![](https://youdom.net/wp-content/uploads/2023/07/image-3.png)
S’il y a un bon plan d’une marque on l’insère après les TAGS
Création d’une table des matières
On insère également la table des matières qui référence nos titres dans un système d’arborescence via + ajouter un bloc
![](https://youdom.net/wp-content/uploads/2023/07/image-4.png)
Création d’un titre
Ajouter un bloc titre via
![](https://youdom.net/wp-content/uploads/2023/07/image-5.png)
On insère un titre H2 principale Nommé 0.Contexte le but est d’expliquer dans quel contexte on fait l’article, racontez-vous ! Immédiatement le titre apparait dans la table des matières
![](https://youdom.net/wp-content/uploads/2023/07/image-6.png)
Création d’un paragraphe
En dessous de contexte, on insère un paragraphe via
![](https://youdom.net/wp-content/uploads/2023/07/image-7.png)
Voilà, vous avez fait la première rubrique de votre article, Félicitation
On peut alors créer d’autre titre, paragraphes etc …
Création d’un sous-titre
Les sous-titres permettent de retrouver un sujet, plus facilement, que ce soit dans le référencement que pour les utilisateurs, ils sont hyper important !
Pour la procédure, on fait de même qu’avec le titre. Cependant, on se met en h3 si c’est une première sous-partie et l’on augmente la taille du H plus c’est une sous partie d’une sous partie etc…
![](https://youdom.net/wp-content/uploads/2023/07/image-9.png)
Pour un bon article, il faudrait au minimum les partie suivant : Contexte, présentation du matériel et/ou plugin/logiciel, Si possible un exemple d’utilisation via l’application de la marque, Intégration jeedom ou HA, Exemple d’utilisation avec un scénario, routine etc… et une conclusion. N’oubliez pas de signer
Intégration d’une photo
via upload
Pour intégrer un bloc image on clique sur le plus et on sélectionne image ( si cela n’apparaît pas on peut rechercher un terme )
![](https://youdom.net/wp-content/uploads/2023/07/image-10.png)
Via coller
Si vous venez de copier l’image vous pouver utiliser directement ctrl-v
Gérer taille d’une photo
On sélectionne la photo et définit sur la droite sa taille (pas besoin de phot immense !)
![](https://youdom.net/wp-content/uploads/2023/07/image-20.png)
Lien hypertexte
Pour intégrer un lien hypertexte, rien de bien complexe
On sélectionne le texte que l’on veut rediriger vers un lien et on clique sur lien
![](https://youdom.net/wp-content/uploads/2023/07/image-11.png)
Apparaissent alors les options importantes
Le plus important l’adresse de redirection et bien cliquer sur ouvrir dans un nouvel onglet ! Pour valider il faut cliquer sur la fleche retour dans l’adresse de redirection!
![](https://youdom.net/wp-content/uploads/2023/07/image-13.png)
S’il s’agit d’un lien sponsorisé, la législation nous demande de le signifier sponsored !
Code
Pour afficher par exmple de fonction json a caractère spéciaux et ermettre de les copier dans un editeur il est conseiller de les mettre en bloc code
![](https://youdom.net/wp-content/uploads/2023/07/image-14.png)
Vidéo Youtube
Une vidéo peut être un complément, mais ne dois pas remplacer l’article détailler, car ce sont deux audiences différentes et pas toujours complémentaires !
![](https://youdom.net/wp-content/uploads/2023/07/image-15.png)
En parallèle, on va chercher url de son lien
![](https://youdom.net/wp-content/uploads/2023/07/image-16.png)
et on l’ajoute au nouveau bloc youtube et on clique sur embarquer
![](https://youdom.net/wp-content/uploads/2023/07/image-17.png)
voila le rendu
![](https://youdom.net/wp-content/uploads/2023/07/image-18.png)
Voilà on a fait le tour des principaux blocs
Conclusion
pour cloturer l’article il est important de le signer de faire apparaitre les points forts et axe d’amélioration ou ressenti puis la bannière facebook ( on la trouve dans mediatheque sous le nom entraide), puis un lien vers entraide jeedom ou entraide HA
![](https://youdom.net/wp-content/uploads/2024/03/image.png)
Bon maintenant on va taper dans la partie Relou a faire
3.Seo et Lisibilité
En haut de votre article, vous avez cette icône
![](https://youdom.net/wp-content/uploads/2023/07/image-21.png)
Il faut que les deux soit en vert
Tout en bas de l’article, nous avons donc l’onglet SEO et lisibilité
Le Seo
Il permet le référencement du site rien que cela !
![](https://youdom.net/wp-content/uploads/2023/07/image-23.png)
Requete cible : de préférence utiliser les mots clef de votre tags (il faut impérativement que ces mots clefs soit dans votre titre principal)
Titre seo : il doit avoir la requete cible également et au minimum – Youdom
Slug: le nom de l’article sur le lien google
Meta description : là encore les mots de la requête doivent ressortir, utiliser l’ia !
![](https://youdom.net/wp-content/uploads/2023/07/image-24.png)
Si le Yoast reste orange, vous avez les indications plus bas
La tolérance est de deux rouges et 2 oranges
![](https://youdom.net/wp-content/uploads/2023/07/image-25.png)
Lisibilité
Dans lisibilité, il faut faire attention aux répétitions, de varier les mots de transition, et de mélanger mode descriptif et impératif, par exemple au lieu de mettre, on ouvre le plugin, mettre Ouvrez le plugin
![](https://youdom.net/wp-content/uploads/2023/07/image-26.png)
4. Réglages divers
Sur la gauche de l’écran se trouve les différents réglages
Celui qui permet de choisir la photo de couverture est celui-ci
![](https://youdom.net/wp-content/uploads/2023/07/image-27.png)
Cette partie permet de classer l’article dans une catégorie
![](https://youdom.net/wp-content/uploads/2023/07/image-28.png)
En cliquant sur modèle par défaut cela permet de noter le niveau de difficulté de l’article
![](https://youdom.net/wp-content/uploads/2023/07/image-29.png)
Et, donc de le signifier à la fin de votre article
![](https://youdom.net/wp-content/uploads/2023/07/image-30.png)
C’est bon, vous avez tenu le coup ?
5. Création de la photo de Couverture
Tout d’abord, on ouvre le drive pour chercher le PSD correspondant en fonction de si l’article est Jeedom, Home assistant ou du DIY et on le télécharge
https://drive.google.com/drive/folders/1MZC5aK1indnGgHEjqdZB—CVmSBsDG8?usp=sharing
On ouvre le fichier avec photoshop
![](https://youdom.net/wp-content/uploads/2023/07/image-31.png)
Dans le calque en bas à droite, on identifie le calque correspondant à l’objet mis en lumière (MQTT)
Dans notre cas, c’est le calque 13
Imaginons-nous voulons faire un article sur la tesla, je vais chercher un fichier PNG transparent sur Google image et je télécharge ma photo au format png
![](https://youdom.net/wp-content/uploads/2023/07/image-32.png)
J’ouvre ce fichier sur photoshop
![](https://youdom.net/wp-content/uploads/2023/07/image-33.png)
puis j »attrape la photo tesla et je viens la placer sur mon projet youdom
![](https://youdom.net/wp-content/uploads/2023/07/image-34.png)
et voila
![](https://youdom.net/wp-content/uploads/2023/07/image-35.png)
Maintenant, on va déplacer les ombrages d’un calque à un autre
Je prends les effets du calque 13 pour les mettre au calque 15
![](https://youdom.net/wp-content/uploads/2023/07/image-36.png)
Ce qui nous donne cela
![](https://youdom.net/wp-content/uploads/2023/07/image-37.png)
Il ne nous reste plus qu’a supprimé le calque 12 et placer correctement la tesla.
On en profite également pour changer le titre (Sans changer la couleur ni le type d’écriture)
![](https://youdom.net/wp-content/uploads/2023/07/image-38.png)
Quand l’affiche vous convient, il suffit d’enregistrer le projet (penser à changer le nom) et de faire une exportation web pour youdom
![](https://youdom.net/wp-content/uploads/2023/07/image-39.png)
Enregistrer en Jpeg
![](https://youdom.net/wp-content/uploads/2023/07/image-40.png)
Il ne reste plus qu’à insérer l’image dans « image mise en avant » sur votre article
BINGO votre article est fini, plus qu’à me le signaler pour que je valide celui-ci et convienne avec vous d’une date de publication
Il vous restera à faire une publication sur Youdom : Entraide jeedom afin de promouvoir votre travail !
Bravo vous êtes Pigiste chez Youdom !
Ici, on rigole, on s’amuse et l’on n’oublie pas que la vie est une fête
Si vous avez besoin, faits signes à l’un des membres du bureau Youdom , on vous aidera volontiers !
![](https://youdom.net/wp-content/uploads/2021/01/phoenix.png)