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.

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 ?

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

Usage des champs d'un article avec SoyezCréateurs

2012-09-22T07:52:46Z

Champs indispensables de SoyezCréateurs

Ils sont nécessaires au confort de lecture de vos visiteurs.

Titre

Le titre est la première chose qui apparaît pour vos lecteurs. Et cela, aussi bien dans la navigation du site que dans les résultats des moteurs de recherche.

Il est donc essentiel que vos titres soient :

courts : regardez les résultats dans les moteurs de recherche : trop long, ils sont tronqués.
→ maximum 8 à 10 mots
concis : évitez tous les mots inutiles, en particuliers, les articles
clairs : vos titres doivent être compréhensibles du premier regard
non ambigus : évitez tout ce qui peut être compris de plusieurs manières
unique dans tous le site
tous publics : évitez les private joke : blagues qui ne sauraient être comprises que d'un public d'initiés

Bulle d'aide

Dans SoyezCréateurs, le champ bulle d'aide a un quadruple usage :

dans les menus de navigation, il est affiché en bulle d'aide au survol du titre de l'article
dans une page de rubrique, si la liste des articles est affichée au centre [1], elle est affichée en dessous du titre de l'article si le chapeau est vide
dans une page article, elle est affichée si le chapeau est vide
de plus, le contenu de la bulle d'aide est stocké dans la meta description de la page article [2]. Cette description peut, parfois, être affichée dans la page de résultat d'un moteur de recherche. Elle sera aussi utilisée par un partage sur Facebook et sur les réseaux sociaux en général (Twitter, LinkedIn…)
⇒ Voir : Publications de qualité sur les réseaux sociaux avec SoyezCréateurs

Dans tous les cas, le texte de la bulle d'aide doit donner à vos lecteurs l'envie d'en savoir plus, et donc, de lire votre article !

Ne pas dépasser 2 lignes de texte (160 caractères espaces compris).

Texte

Le texte est, évidement, l'élément principal de votre article.

Il ne devrait traiter que de ce qui a été annoncé dans le titre de l'article.

C'est en principe la partie la plus longue de votre article.

Champs facultatifs d'usage courant

Sans être obligatoire, leur usage est vivement conseillé !

Chapeau

Tout comme la bulle d'aide, le chapeau doit donner à vos lecteurs l'envie d'approfondir en lisant l'article en entier.

Les journalistes écrivent dans le chapeau la conclusion de l'article.

À vous de voir si votre article doit être présenté comme dans un journal, ou si vous juger plus pertinent d'écrire une introduction.

Dans SoyezCréateurs, si le chapeau est vide, c'est la bulle d'aide qui s'affiche à son emplacement. Dans le cas contraire, c'est le chapeau (et donc pas la bulle d'aide).

Conséquence : si vous souhaitez que le texte du chapeau soit précédé du texte de la bulle d'aide, il vous faudra copier/coller le texte de la bulle d'aide au début du chapeau [3].

PS

Les anglophones ont la notion de call to action : appel à agir.

Considérez que votre article donne des informations à vos lecteurs. Si après avoir lu ces informations, il peuvent faire quelque chose, il vaut mieux rassembler à la fin de l'article dans un cadre le mettant en avant les options qui s'offrent à eux [4].

Champs facultatifs d'usage exceptionnel

Leur usage est extrêmement rare.

Sur-titre et Sous-titre

Ils permettent de compléter la lecture du titre.

Mais ils ne doivent pas modifier le sens du titre !!!!!

Exemple :

Sur-titre : Lundi 12 décembre
Titre : Soirée loto de l'école primaire
Sous-titre : venez nombreux !

Lien hypertexte (référence, site à visiter…)

Ce double champ permet d'indiquer le nom de la page et son adresse.

L'usage préconisé par SPIP pour ce champ est de donner l'URL de la page ayant servi de source d'inspiration (voire même de copie pure et simple [5]) à votre article.

C'est aussi l'emplacement idéal pour créditer la source d'un article dont la copie est autorisée par une licence Creative Commons : création mise dans le pot commun de l'humanité, généralement associée à un devoir d'attribution de paternité.

Voir en ligne : Les champs d'un article (exercice)

[1] Donc, si le champ texte de la rubrique est vide.

[2] Faute de contenu dans la bulle d'aide, c'est le descriptif du site qui sera utilisé à la place

[3] Absolument sans danger de voir le texte de la bulle d'aide affiché 2 fois dans le public : c'est soit l'un, soit l'autre, jamais les 2 en même temps.

[4] Il est bien évidement inutile de rappeler sur chaque page du site que l'on peut faire appel à vos services…

[5] Vérifiez que l'auteur vous y autorise !

Google Panda et SoyezCréateurs/SPIP

2011-08-26T09:47:12Z

Google Panda ?

Google Panda est en service pour les recherches avec Google depuis 2 semaines en France (depuis le 12 août 2011).

Google Panda est un nouvel algorithme mis en place pour améliorer la pertinence des résultats dans les recherches des internautes.

Objectif : donner moins de visibilité aux contenus sans valeur ajoutée :

ferme de contenu [1]
agrégateurs de contenu bardés de pubs
…

SoyezCréateurs ?

SoyezCréateurs est le squelette SPIP Open Source développé par Pyrat.net depuis 2003 dans le souci constant du respect :

des normes d'accessibilité à tous
et des bonnes pratiques de la création de sites web.

Référencement ?

Il y a 2 approches pour le référencement :

SEO : étudier le fonctionnement des moteurs de recherche pour l'exploiter à son avantage.
→ Autrement dit, tricher avec les moteurs de recherche, qui eux, vont déployer des mesures anti-triche.
→ Cela peut être intéressant à court terme, mais sur le long terme, c'est comme mettre de l'eau dans un seau percé : c'est du gaspillage de temps, d'énergie et d'argent
Référencement naturel : il s'agit de se concentrer sur le contenu et de faire confiance aux moteurs pour guider les internautes vers le nôtre puisqu'il est intéressant !

Google Panda et SoyezCréateurs/SPIP ?

En étudiant les statistiques de plusieurs sites que j'ai pu mettre en place sous SPIP avec SoyezCréateurs, je constate que l'effet de Google Panda sur leur référencement est grosso-modo négligeable.

En particulier sur Pyrat.net où en plus du contenu éditorial, j'agrège de nombreux sites (clients, veille technologique…), l'incidence de Google Panda serait même à une très légère hausse.

[1] contenu surfant sur l'actualité se contentant d'utiliser les mots de l'actualité, mais sans réflexion intelligente : ces sites existent juste pour afficher des pubs…

C'est réjouissant de constater la robustesse de ces choix techniques et éditoriaux.

Possibilités des sites SoyezCréateurs

2010-09-14T23:24:07Z

Les sites SoyezCréateurs sont divisés en 5 grandes zones :

Schéma d'organisation d'une page de SoyezCréateurs

1^re zone : l'entête

Elle contient deux grand points :

Le titre du site
La date de mise à jour, celle-ci, contrairement aux idées reçues, est d'un très grand intérêts pour vous et vos visiteur :
- Pour les visiteurs, la date de mise en jour leur permet de les rassurer sur la vivacité et l'entretien régulier du site.
- Pour l'administrateur, cela permet de se rendre compte de la fréquence à laquelle vous entretenez votre site. De ce fait, la date de mise à jour devient un électrochoc dans certains cas.

L'entête peut également contenir un menu facultatif (le menu de gauche deviendra alors dépendant de celui-ci)

Schéma d'organisation d'une page de SoyezCréateurs avec menu haut

2^e zone : Le pied de page

Il contient plusieurs éléments :

Le copyright
Les mentions légales
La réalisation

3^e zone : la colonne de gauche

Différents éléments la compose :

L'accueil : donne accès aux différentes rubriques
Les rubriques et sous-rubriques : se hiérarchisent de façon automatique
Le plan du site : informe le visiteur sur les rubriques de façon hiérarchique ou anti-chronologiques selon le choix du navigateur (cela permet aussi à celui-ci de s'y retrouver).

4^e zone : La colonne de droite

Elle se compose de :

La citation
L'agenda : mise en valeurs des événements
Les différents sites liés
La géolocalisation
Des rubriques avec le nom des articles

5^e zone : Le contenu du site

Le strict minimum qui doit apparaître sur le contenu du site se compose de :

Le titre de l'article daté ou non (selon le choix de l'administrateur)
Le nom de l'auteur selon le choix de l'administrateur également
L'article en lui-même

Figure également sur le contenu du site :

Le « quoi de neuf ? » qui se traduit par les dernières nouveautés du site
Le « dans la même rubrique » qui annexe les articles figurant dans la même rubrique que celui-ci afin d'éviter au visiteur de nombreux clics inutiles.

Les sites SoyezCréateur sont malléables, il est possible de les réagencer.