Pyrat.net – Création de sites Internet

Protection par défaut contre les IA dans SoyezCréateurs

2025-07-02T14:13:56Z

La version 6.4.18 de SoyezCréateurs inclus un nouveau mot clef : tdm-reservation.

Ce mot clef contient dans son texte la valeur « 1 » qui déclare aux IA que le site ne doit pas les nourrir (sous réserve qu'elles respectent ce signal).

Si vous souhaitez au contraire explicitement autoriser les IA à se délecter de votre contenu, remplacez la valeur 1 par la valeur 0.

Voir en ligne : Fouilles de données sur le web, comment s'en protéger

Mode d'emploi SoyezCréateurs intégré à l'admin du site

2025-05-08T10:37:42Z

Une aide intégrée

Nouveauté de la dernière version de SoyezCréateurs : l'intégration du plugin Manuel Site afin de disposer en permanence d'un mode d'emploi des principales fonctionnalités et bonnes pratiques qui vous aideront à faire de votre site votre meilleur ambassadeur.

Ce plugin installe une icône d'aide — en haut à droite de l'espace d'administration — permettant d'afficher depuis n'importe quelle page de l'espace privé le manuel de rédaction du site.

Vous pouvez consulter ce manuel ici.

Une aide personnalisable

Méthode : à l'aide de 3 pages uniques facultatives :

manuelsiteintro : affichée en tout début de cette aide
manuelsitecomplement : affichée avec la section avertissement (il est conseillé de commencer par un titre de premier niveau dans cette page)
manuelsitecomplementavertissement : affichée à la toute fin

Ne modifiez pas cette aide dans votre site, elle est susceptible d'être mise à jour par une future version de SoyezCréateurs.

Configuration SPIP pour un envoi de mails efficace

2024-03-28T11:49:40Z

Un peu de théorie : SPF, DKIM, DMARC

SPF : sert à déclarer depuis quels serveurs le nom de domaine est explicitement autorisé à envoyer des mails
⇒ détails avec Wikipedia SPF
DKIM : mécanisme de signature des mails pour en vérifier l'authenticité
⇒ détails avec Wikipedia DKIM
DMARC : indique que faire si un mail n'est pas conforme
⇒ détails avec Wikipedia DMARC

Aujourd'hui, un mail envoyé sans respecter ces normes a toutes les chances d'être classé comme SPAM [1].

Et pour votre culture générale, vous apprécierez sur le site de l'AFNIC : Faire héberger son courrier électronique avec son propre nom de domaine

En pratique avec SPIP

Il faut utiliser le plugin Facteur.

Ce dernier permet de configurer l'usage d'un SMTP.

Ce dernier doit être correctement configuré SPF, DKIM, DMARC dans vos DNS [2].

Généralement, ce sera un email de même domaine que celui du site web.

Facteur permet d'utiliser aussi des outils tels que Mailjet, spécialisés dans l'envoi de mails valides.

Il faut impérativement cocher dans la configuration du Facteur : Forcer cette adresse d'envoi quand le From n'est pas sur le même domaine afin de n'expédier qu'avec cette adresse. L'envoi depuis une autre adresse positionnera le champ Reply-to du mail expédié de manière à permettre de répondre à la bonne adresse [3]

Vérifier que ça marche ?

Facteur vous offre en bas du formulaire de configuration le moyen d'envoyer un mail de test.

Nous vous conseillons de Testez l'indésirabilité (spam) de vos emails avec Mail-tester.com.

[1] Et le respect de ces normes n'est pas non plus une garantie de ne pas tomber dans les SPAM…

[2] Voir cet article d'AlsaCréation : Utiliser SPF, DKIM, DMARC pour vos e-mails.

[3] Particulièrement utile avec le plugin Formidable.

Vous ne savez pas faire tout cela ? Confiez-le nous !

SoyezCréateurs : logos largeur minimum 1920px

2022-11-23T13:53:23Z

Contexte

Définition de pixels (px)

Les images que vous voyez sur un écran d'ordinateur sont composées de petits points disposés les uns à côté des autres. Comme le mot « point » est déjà utilisé en anglais pour mesurer des distances, une unité de mesure spécifique a été créée pour désigner la taille des images : les pixels. Les pixels sont donc l'unité de mesure utilisée pour déterminer la largeur et la hauteur d'une image à l'écran.

Quand SPIP vous dit que l'image doit faire au minimum 1920 × 0, ça veut dire :

une largeur d'au minimum 1920 px
une hauteur d'au minimum 0 px (toute valeur plus grande que 0 est donc valable)

En pratique, une image en Full HD (1920 × 1080, la résolution des Blu-ray) est parfaitement adaptée à toutes les situations.

Logos

Dans SPIP, les logos sont un élément particulièrement important pour accompagner la publication d'un contenu.

Avec le squelette SoyezCréateurs, c'est d'autant plus important que les logos peuvent être affichés sur toute la largeur de l'écran et dans les réseaux sociaux (cf : Publications de qualité sur les réseaux sociaux avec SoyezCréateurs ).

⇒ C'est pourquoi, dans un souci de direction artistique, SoyezCréateurs force désormais la taille minimum des logos à 1920 pixels (px) de large.

Images

Pour les images, pas de taille minimum, mais un redimensionnement automatique des images plus grandes que 3840 px.

Où trouver des images de 1920 px ?

Ma principale source d'images libres de droit de cette taille est Pixabay.

Par exemple, le logo de cet article est disponible ici.

Vous pouvez consulter une liste de sites fournissant des images libres de droit.

Et si je veux agrandir ma petite image ?

Avec un logiciel de retouche d'image

Pour cela, il faut utiliser un logiciel de retouche d'image [1].

Et il faut trouver avec ce logiciel les commandes :

« redimensionner » l'image
en « conservant les proportions »
et en fixant une « largeur » à 1920 px

Selon la méthode de redimensionnement (échantillonnage), vous obtiendrez alors une image :

floue/moins nette
pixelisée (les pixels originaux auront été grossis et leur aspect carré saute alors aux yeux)

⇒ Faites ça si vous ne pouvez vraiment pas faire autrement.

Avec un logiciel dédié à l'agrandissement intelligent d'images

Vous pouvez aussi utiliser

Upscayl basé sur des outils d'intelligence artificielle et capable d'inventer des détails crédibles en l'agrandissant.
Ou SuperImage (idem)

⇒ Résultats impressionnants, mais calcul long !

Indiquer le point d'intérêt de l'image

En mode Cognac, SoyezCréateurs pourra afficher le logo :

en mode portrait recadré sur la page d'accueil :
en mode panorama en haut de l'article :

Il est donc important de spécifier le point d'intérêt de l'image qui sera conservé quel que soit le recadrage.

C'est à ça que sert la petite croix affichée par-dessus toutes les images que vous joignez à un article (logo et illustrations) :

L'image dans l'interface d'administration avec la croix de positionnement du centre d'intérêt

Il suffit de maintenir cliqué sur cette croix pour la déplacer à l'endroit voulu.

Mais est-ce que ça n'est pas un problème d'envoyer de trop grosses images au navigateur ?

Avec SPIP, l'image envoyée au navigateur est celle de la bonne taille, redimensionnée et recadrée du côté du serveur avant d'être envoyé au navigateur.

Donc, vous avez tout intérêt à avoir de grandes images, réduites pour l'affichage par SPIP, mais stockées de grande qualité pour permettre de faciliter les évolutions futures de votre site.

Choisir quand même une qualité inférieure ?

Oui, c'est possible depuis la version 5.2.42 de SoyezCréateurs qui fournit une option [2] pour pouvoir dégrader la qualité des logos en choisissant d'en mettre de plus petits.

Cette possibilité est cependant vivement déconseillée.

Nouveautés imposées par SPIP 4

Cela fait partie des pertes et profits de la version 4 de SPIP : la perte de la distinction entre illustrations et portfolio.

Maintenant, tout ce qui n'est pas inséré dans le texte par un appel ou est dans la galerie en bas des articles.

⇒ Toutefois, SoyezCréateurs a quand même gardé une différence de comportement entre :

img : pas de légende
doc : le titre et descriptif en légende (documentant l'image).

Et a retrouvé la distinction entre Porfolio et Illustrations !

[1] J'utilise pour ma part Paint.net dans sa version gratuite (free).

[2] Cachée tout en bas de l'onglet positionnement de la configuration de SoyezCréateurs.

Publications de qualité sur les réseaux sociaux avec SoyezCréateurs

2019-11-24T12:21:24Z

De quoi un réseau social a-t-il besoin ?

Que ce soit Facebook, LinkedIn, Twitter… Tous les réseaux sociaux cherchent à afficher une présentation engageante et à stimuler la curiosité.

Pour cela, à partir de l'URL de la page partagée, ils cherchent à récupérer :

un titre : le sujet de l'article
un descriptif : un court texte destiné à donner envie d'en savoir plus
une image d'illustration : pour attirer l'œil et donner un sentiment de qualité

Dans SoyezCréateurs, ces informations sont incluses dans le mode d'emploi : Usage des champs d'un article avec SoyezCréateurs

Rester simple avec SoyezCréateurs !

Alors que dans beaucoup de CMS, les informations concernant le SEO et les réseaux sociaux sont saisies à part du contenu lu par les visiteurs, dans SoyezCréateurs, tout ce qui est écrit est destiné à être lu, d'une part dans le site et aussi sur les réseaux sociaux.

Et cela avec une unique saisie, sans avoir à réfléchir 2 fois, ni à se creuser la tête sur ce qui sera le plus efficace en termes de SEO ou de réseaux sociaux.

Écrivez pour vos lecteurs et cela vous sera rendu au centuple.

Comment procéder avec SoyezCréateurs ?

Renseignez :

le titre
la bulle d'aide
le logo [1] (1920 px de large minimum ; bien positionner la croix sur le centre d'intérêt du sujet pour un recadrage optimal)

Et les réseaux sociaux reprendront automatiquement ces informations à chaque partage de la page.

Est-ce qu'on peut tester le résultat ?

Deux sites à connaître :

Meta Tags preview
Outil de débug Open Graph de Facebook (permet en particulier de rafraîchir le cache de Facebook après une modification de votre site)

Voir aussi : Usage des champs d'un article avec SoyezCréateurs

[1] Si vous ne renseignez pas le logo, alors, ce sera le logo de la rubrique ou de la branche, sinon le logo de rubrique par défaut, sinon l'image de l'avion au-dessus du champ de blé

Qualité, simplicité, que demander de plus ?

Les champs d'un article (exercice)

2019-11-13T16:45:22Z

Ceci est un chapo. Le chapo doit donner envie de lire l'article.

On peut mettre dans un chapo :

une introduction
une conclusion (écriture de type journalistique)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tristique rutrum mauris, ac ornare libero lobortis eget. Pellentesque sed turpis cursus sem ornare volutpat. Nullam eget ligula mattis, condimentum ligula a, facilisis elit. In purus tellus, condimentum quis mauris nec, ornare mattis elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien massa, imperdiet eu neque vel, ultrices tincidunt nisl. Nunc faucibus, orci a maximus semper, libero lectus volutpat erat, in scelerisque ex lectus non risus. Quisque laoreet a ante non pulvinar.

Integer a faucibus eros. Quisque velit lacus, commodo in lacinia sit amet, imperdiet vitae lorem. Curabitur quis aliquet tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget diam vel dolor tempus varius in a diam. Nulla eget mattis eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin quis leo non mi fermentum suscipit pulvinar id enim. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras vel neque dui. Nam id bibendum justo. In quis ligula ut felis sollicitudin scelerisque in eget sapien. Nam ac molestie eros. Nullam purus nunc, efficitur in ex nec, scelerisque lacinia elit. Donec tristique et nunc vitae ultricies.

Nam turpis purus, euismod vel mi eget, lobortis congue ligula. Etiam at felis sed sem sodales fermentum ut vel sem. Phasellus ac quam sed leo tristique maximus. In in ex neque. In gravida in ligula nec dapibus. Sed eu mattis ipsum. Nulla facilisi. Aenean vulputate sem non purus tempus, in pellentesque eros hendrerit. Ut ut neque tortor. Phasellus iaculis mattis ligula, ut faucibus metus fermentum id.

Proin maximus felis sed suscipit vestibulum. Aliquam pulvinar suscipit enim. Vestibulum non massa iaculis elit mollis viverra. Curabitur posuere dolor ac blandit mollis. Duis ut dictum tortor, at eleifend magna. Aliquam in ligula rutrum lorem dapibus pretium suscipit eu odio. Donec id augue ac ante faucibus vestibulum. Donec commodo massa non neque vehicula, at aliquet eros vulputate. Donec sed mauris justo.

Suspendisse potenti. Nam a urna dui. Maecenas ac odio sit amet dolor elementum vestibulum vel a dolor. Ut elementum, eros eget laoreet efficitur, massa tellus sollicitudin odio, at placerat tortor nulla ac sapien. In luctus lectus quis turpis varius accumsan vitae a est. Pellentesque gravida velit dui, et pretium neque pharetra eget. Aliquam in quam ex. Duis eu tempus mi, in vestibulum dolor. Quisque rutrum ante ac erat bibendum mattis. Quisque in imperdiet metus, ut ornare eros. Vivamus eget aliquet lorem. Aliquam erat volutpat. Etiam finibus sollicitudin tellus at vestibulum. Phasellus a fringilla urna. Praesent luctus bibendum nisl, id pellentesque metus ullamcorper ac. Fusce ultricies elit diam, vestibulum lobortis dui pretium non.

Texte généré via le site Lorem Ipsum

Voir en ligne : Usage des champs d'un article avec SoyezCréateurs

Le PS sert pour l'appel à agir, suite à la lecture de l'article

Images (exercice)

2019-11-13T16:41:54Z

Barage sur la Loue, Moulin de la Jaury

Texte généré via le site Lorem Ipsum

Voir en ligne : Comment insérer une image avec SPIP ?

Aide mémoire pour agir sur un site SPIP + SoyezCréateurs

2015-12-14T09:00:00Z

Dans le site pyrat.net, de nombreux articles vous expliquent comment administrer telle ou telle partie de votre site, comment ajouter des images, comment rédiger un article…

Cette page a pour objectif d'être un « pense-bête » et vous remémorer les bases.

Étape 1 : Vous identifier sur votre site

Pour vous identifier : dans la barre d'adresse de votre site, après www.votre-nom-de-domaine.tld/, saisissez le mot ecrire (sans accent).
⇒ www.votre-nom-de-domaine.tld/ecrire

Vous arriverez à cette fenêtre d'identification ci-dessous dans laquelle vous renseignez votre login et votre mot de passe.

Si vous utilisez votre ordinateur personnel, vous pouvez cocher la case « rester identifié quelques jours ». De cette manière, si vous devez y revenir fréquemment, ça vous épargnera de la peine. En validant, vous arriverez dans votre site côté administration, c'est-à-dire l'espace pour rédiger, rectifier, compléter tous les articles de votre site web.

Étape 2 : intervenir sur un article

Principes généraux

Maintenant que vous êtes identifié, vous pouvez rapidement passer du site public à l'espace d'administration et vice-versa.

En haut à droite de l'espace d'administration, Voir le site public vous permet de voir à quoi ressemble votre site « côté public ».

Dans l'espace public, les boutons d'administration (surlignés ci-dessous) vous permettent de vérifier que vous êtes bien « identifié » sur votre site en mode administrateur.

En cliquant sur le bouton « espace privé », vous revenez sur la page d'accueil de l'administration de votre site (et vice versa avec le « voir le site public » )

Lorsque vous êtes sur une page interne de votre site (n'importe quelle page autre que la page d'accueil), vous avez un affichage qui vous indique le numéro de l'article que vous êtes en train de consulter (ici le n°38), ainsi que des statistiques de visite, et le bouton « recalculer la page » si les modifications que vous venez de faire et d'enregistrer sur la page n'apparaissent pas encore…

Édition de l'article via l'interface d'administration

Côté administrateur : vous choisissez l'article désiré et vous cliquez sur le bouton Modifier cet article vous disposez alors de la possibilité

de corriger,
amender
et ajouter ce qui vous convient mieux.

N'oubliez jamais d'enregistrer à la fin

N'hésitez pas à enregistrer au fur et à mesure de vos modifications, ça vous évitera de « perdre » vos changements et autres modifications.

Édition avec les crayons sur le site public

Côté visiteurs : vous avez la possibilité de modifier chaque cadre de votre page.

Pour cela, il faut passer la souris lentement sur la ligne souhaitée, un petit logo (représentant un crayon) apparaît à l'extrême droite de la première ligne de texte, en cliquant sur ce logo on passe en mode modification du texte. Il est aussi possible de passer en mode édition en double cliquant sur le texte à modifier.

Vous pouvez ainsi modifier juste une faute de frappe, ou un mot.

N'oubliez pas d'enregistrer avec la coche verte (ou d'annuler la modification avec la croix rouge).

Pour approfondir :

SoyezCréateurs sous SPIP 3 !

2015-08-14T16:05:03Z

Passage à SPIP 3.0

C'est lors de la rencontre SPIP toulousaine [1] qu'a commencé le passage de SoyezCréateurs à SPIP 3.

Rapidement, les premières bases ont été posées, l'essentiel des bugs trouvés.

Un groupe privé a été créé sur Facebook pour partager avec les premiers beta testeurs et les curieux.

Passage à SPIP 3.1 beta

SPIP 3.1 étant en cours de finalisation, il nous a paru judicieux de tester SoyezCréateurs avec ce dernier.

Ainsi, nous allions pouvoir contribuer à ce que cette édition de SPIP soit la mieux déboguée possible et soit disponible avec une grande quantité de plugins validés pour cette version.

Qu'est-ce que ça apporte ?

Côté public

HTML5 : SoyezCréateurs utilise désormais un balisage HTML5 avec des sections [2]
Le plugin de cartographie GIS permet de gérer des clusters : affichage groupé de points sur une carte quand il y en a trop proches les uns des autres
GIS gère aussi le choix de fond de carte par le visiteur
GIS gère enfin l'affichage en plein écran
Amélioration de la présentation par défaut du site

Côté administration du site

l'interface d'administration de SPIP 3.1 affiche des logos plus gros
en mode édition d'un article, un bouton permet de travailler en plein écran avec le texte à gauche et son rendu à droite
possibilité d'utiliser des plugins développés exclusivement pour SPIP 3+ [3]
Exemple : LinkCheck qui permet de tester la validité des liens utilisés dans le site
gestion facilitée des plugins [4]
quelques paramétrages de plus pour la gestion de l'apparence du site (ombrages)
…

Quelques sites passés (ou créés) sous SPIP 3.1 beta + SoyezCréateurs

www.pyrat.net
www.passamour.org
www.transports-charrieras.com (intéressant pour sa cartographie)
www.poeles-cheminees-limousin.fr (anciennement site PagesJaunes)

Ce qu'il reste à faire ?

continuer à améliorer ce squelette débuté en mai 2003
peaufiner l'affichage des formulaires
remplacer CleverMail par le groupe de plugins de Newsletter spécifiquement développés pour SPIP 3
…

[1] Merci à tcharlss de m'avoir donné l'impulsion initiale !

[2] Ça ne devrait rien changer pour vous, mais c'est un gage de pérennité

[3] Plugins qui n'étaient donc pas disponibles avec SPIP 2.1.

[4] Dans le cadre d'une installation non mutualisée de SPIP.

Et bien sûr, passer à SPIP 3.1 tous nos clients dans le cadre de notre Hébergement spécialisé de tout repos : SPIP+SoyezCréateurs à partir de 240€ HT/an.

SoyezCréateurs est RWD (adapté aux mobiles)

2015-04-23T07:53:21Z

De quoi parle-t-on ?

Tout le monde en parle : Google vient de modifier ses résultats pour avantager les sites adaptés aux mobiles.

Différence d'affichage entre un site adapté ou non aux mobiles

⇒ Testez si votre site passe les tests de Google !

Pour approfondir le sujet :

l'annonce officielle de Google en anglais
Un article pour réfléchir : « Mobile-friendly » : Google dicte sa nouvelle loi à Internet

Pourquoi Google fait ça ?

Le modèle économique de Google, c'est :

de réussir à obtenir de l'argent
en donnant des réponses à des internautes qui recherchent quelque chose

Si Google fournissait des réponses décevantes, les gens finiraient par se tourner vers d'autres moteurs.

Donc, Google est obligé d'améliorer ses résultats pour les rendre de plus en plus pertinents.

Or, aujourd'hui, 25% de la navigation sur Internet se fait via des terminaux mobiles [1].

Il est donc nécessaire de mettre en avant pour ces utilisateurs les sites qui seront plus agréables à utiliser avec leur téléphone mobile.

SoyezCréateurs met en œuvre les bonnes pratiques

Depuis 2003, SoyezCréateurs a été développé avec l'objectif constant de mettre en œuvre les bonnes pratiques :

accessibilité
ergonomie

C'est pourquoi, SoyezCréateurs est adapté aux mobiles depuis janvier 2012.

C'est l'avantage d'un outil conçu pour durer, où chaque évolution est pensée pour s'inscrire dans un tout cohérent, afin de vous procurer robustesse et pérennité !

Bonus : SoyezCréateurs est aussi adapté aux tablettes !

[1] Des smartphones, source : Chiffres Internet – 2015.

Envie de bénéficier d'un hébergement où SoyezCréateurs est maintenu et mis-à-jour afin de vous permettre de vous concentrer sur votre contenu en toute tranquillité ?

⇒ Découvrez notre : Hébergement spécialisé de tout repos : SPIP+SoyezCréateurs à partir de 240€ HT/an