• Worried about WordPress and GDPR? Start Here
• GDPR: What Does the New Data Regulation Mean for Your Website, Business and Data?
• How to make a WordPress website compliant to GDPR
• Automattic and the General Data Protection Regulation (GDPR)
• GDPR Compliance and WordPress Forms: Everything You Need to Know

Bonne lecture !

A noter : je ne suis pas un avocat ou un juriste, mais tout cela résulte de mes lectures et de ma compréhension du sujet.

Déploiement

Cookies

Première étape (normalement cela devrait être fait depuis longtemps puisque c’est antérieur) : ajouter le message d’information aux nouveaux visiteurs pour les prévenir de la présence de cookies.

J’ai utilisé un plug-in tout simple (il y en a d’autres, bien sûr) : Cookie Notice par dFactory.

Avantages: il génère un message en français (et en anglais), il a été testé sur plus de 500.000 sites avant le mien, il s’installe en moins d’une minute.

Formulaire de contact

Pour un bon nombre de raisons, vous avez besoin d’avoir un formulaire de contact qui permette de transmettre des demandes diverses (dont les demandes liées à la RGPD). Je recommande d’utiliser un éditeur de formulaires très simple (et gratuit) comme Ninja Forms.

En deux minutes, il est possible d’avoir un formulaire de contact. Ne pas oublier d’ajouter la case à cocher  « En utilisant ce formulaire, vous acceptez que nous stockions vos données sur ce site web » (cela reviendra sur chaque formulaire).

Ensuite, il suffit de créer une page « Contact » dans WordPress. Il faudra y intégrer le code spécifique pour afficher le formulaire de contact créé par Ninja Forms avec le shortcode suivant :

Seule contrainte : plusieurs messages sont prévus en anglais, il faudra les traduire au mieux. Mais ce n’est pas trop compliqué.

Petite aide pour RGPD : les formulaires Ninja permettent aussi de préciser que l’on ne souhaite pas stocker les informations, ce qui permet de ne pas trop se préoccuper de cet aspect pour la plupart des formulaires les plus simples.

Mais à l’opposé, il faut faire attention à bien valider l’envoi du message de confirmation à l’auteur du commentaire (d’autant que l’envoi de ce message est signalé dans la réponse par défaut à la suite du formulaire).

En complément, si vous avez un système de commentaires sur votre site WordPress, je recommande d’installer le plugin WP GDPR Compliance par Van Ons. Bonus : il fait des recommandations (en anglais) sur divers aspects liés à la RGPD.

Délégué à la protection des données

Désigner une personne (et son adresse email) qui sera l’interface interne pour tous les sujets de protection des données. Ce n’est pas toujours obligatoire (surtout pour les petits sites), mais il est recommandé d’avoir un nom et un contact qui permettent aux visiteurs de savoir à qui s’adresser, surtout si le site n’est pas simplement personnel (dans ce cas, le délégué est évident, c’est vous).

Prévoir que cette personne soit joignable par le formulaire de contact global ou par un formulaire spécifique.

Charte de respect de la vie privée

Avant tout, vous devez vous préoccuper de comment présenter clairement vos intentions en matière de respect de la vie privée de vos visiteurs et de respect de la loi. Pour cela, il vous faut une page qui dit tout.

Tâchez de la rédiger à peu près bien du premier coup, parce que vous devrez informer vos utilisateurs à chaque mise à jour…

C’est une page WordPress, plutôt qu’un article (elle doit rester très accessible même après plusieurs années).

Je vous recommande de suivre à peu près les thèmes de la Loi RGPD :

• L’existence (ou non) d’un Délégué à la Protection des données, chargé de piloter le dispositif de protection des données
• La définition des processus de collecte, de traitement, de stockage, de transfert et de suppression des données
• La création d’un processus de notification des violations de données
• Le consentement explicite du client lors de la collecte de données
• Le droit d’accès et de suppression des données personnelles

Accès aux données personnelles

La loi vous impose de donner accès aux données personnelles d’un utilisateur telles qu’elles sont stockées sur le site. C’est faisable relativement simplement à l’aide d’un plugin (GDPR compliance par Scribit) et d’une page dans laquelle vous allez inscrire le seul shortcode :

[gdpruserdata]

Evidemment, il est facile d’ajouter des détails en se référant à la documentation du plugin pour être plus complet ou plus précis.

Il suffira de diriger les demandeurs sur cette page pour que s’affiche l’ensemble de leurs données personnelles. Comme ce n’est guère agréable à lire, je recommande de garder cela sur une page « masquée » (inutile d’apporter plus de confusion aux utilisateurs mais il faut pouvoir les diriger là-dessus sur simple demande).

Message d’annonce

Peut-être pas le plus compliqué, mais j’ai finalement ajouté un petit message sur le site lui-même pour annoncer le déploiement et la mise à disposition (c’est toujours mieux d’expliquer à ses visiteurs – surtout les habitués).

WordPress m’informe que ce simple upgrade pourrait améliorer la vitesse des sites dans un rapport de 2x à 3x. Cela valait donc la peine d’essayer.

Mis à part un vieux plug-in qui n’a pas voulu tolérer PHP7 (et que je n’utilisais déjà plus), l’upgrade s’est passé remarquablement bien : Je recommande l’énorme accélération des sites web. Cela sera positif pour mon Page Rank chez Google, bien sûr.

• On ne peut éviter de mentionner les Google webmaster tools. Ils contiennent beaucoup de choses utiles et une fonction de mesure de la performance mais elle est vraiment très simplifiée et vous ne pourrez pas agir sur la fréquence de mise à jour (entre plusieurs jours et plusieurs semaines en les mises à jour).
• Pingdom: Full Page Test a l’énorme avantage d’être à la fois précis et de ne pas demander plsu que d’ouvrir votre navigateur. Donnez-lui l’URL et il va vous dire ce qui est chargé et à quelle vitesse Très bien.
• Si vous utilisez Firefox, il y a un superbe plugin pour observer les temps de chargement et le détail de ce qui est chargé : Firebug. Il produira un affichage graphique similaire à celui qui est présenté ci-dessous.



• Mais si vous voulez aller plus loin, vous devriez compléter Firebug avec l’extension Google Page Speed qui vous fournira des recommandations précises sur les actions que vous devriez entreprendre pour améliorer les temps de chargement de vos pages.

Quand vous créez un site web, il arrive souvent d’avoir besoin de créer un diagramme, un graphique. Mais cela peut être une tâche ardue si vous ne voulez pas y passer toute la nuit et si vous ne voulez pas vous contenter des graphiques de base fournis par Excel (ou OpenOffice Draw, d’ailleurs). Alors, il vous faut un package de dessin de diagrammes et de graphiques.

J’en ai trouvé deux particulièrement intéressant à partager avec le plus grand nombre :

• amCharts est en fait un bel ensemble de diagramme en Flash pour les sites web et les produits reposant sur le web. AmCharts extrait ses données due fichiers CSV ou XML, ou ils peuvent lire des données générées dynamiquement par du PHP, .NET, Java, Ruby on Rails, Perl, ColdFusion, et plein d’autres langages de programmation. J’aime bien le look final même s’ils peuvent encore améliorer le résultat pour lui donner le designer touch.
• Chartle fournit des graphiques, des cartes, des plots et des diagrams simples et faciles à créer. Il est encore en beta à ce jour (début 2010) mais les résultats sont déjà pas mal du tout.

Voilà ce que j’ai dû faire pour parvenir à retrouver les fonctionnalités complètes :

• Vérifier que PHP était bien en mode safe_mode (pas évident, il faut avoir accès au serveur ou à son administrateur).
• M’assurer que les droits d’accès aux répertoires de chargement des images (wp-content/uploads/*) étaient bien fixés à 777 (là aussi, vous aurez besoin du soutien de l’administrateur ou d’un accès Telnet/SSH à votre compte sur le serveur).
• Comme je n’avais pas ré-installé WordPress mais transféré la configuration complète, je ne m’étais pas rendu compte que le réglage du répertoire de stockage des images était devenu faux (l’ancien répertoire n’était plus accessible). J’ai donc dû passer par l’interface d’administration de WordPress > Réglages > Divers et remettre wp-content/uploads comme répertoire de chargement (la première option à fournir sur cette page et l’information par défaut, comme indiqué juste en dessous).

J’espère que vous ne vous ferez pas piéger comme moi…

A bon entendeur, salut.

• Emplacement de PHP.INI
• Update des bibliothèques mysql et gd
• Compatibilité avec WP-cache

Donc, sans plus de chichis, voici le script PHP que j’utilise pour assurer cette redirection aléatoire dynamique:

<?PHP
	$address_list = array(
		"/404/404-01.php",
		"/404/404-02.php",
		"/404/404-03.php",
		"/404/404-04.php",
		"/404/404-05.php",
		"/404/404-06.php",
/*		"/404/404-07.php",	*/
		"/404/404-08.php",
		"/404/404-09.php",
		"/404/404-10.php",
		"/404/404-11.php",
		"/404/404-12.php",
		"/404/404-13.php",
		"/404/404-14.php",
		"/404/404-15.php",
		"/404/404-16.php",
		"/404/404-17.php",
		"/404/404-18.php",
		"/404/404-19.php",
		"/404/404-20.php",
		"/404/404-21.php",
		"/404/404-22.php",
		"/404/404-23.php",
		"/404/404-00.php"
	);
	srand((double)microtime()*1000000); 
	$randomtopic = rand(0,count($address_list));
	header('Location: '.$address_list[$randomtopic]);
	exit;
?>

Vous pouvez le copier et le ré-utiliser sur votre propre site web. C’est offert !

Par ailleurs, le problème du SPAM sur Internet est considérable : des programmes essayent à tout prix de se faire passer pour des êtres humains afin d’insérer de la publicité partout où un utilisateur peut écrire (dans les messages d’un forum, dans les commentaires d’un blog, etc.) Depuis quelques temps, il est devenu courant qu’un être humain doivent s’identifier comme humain par sa capacité à reconnaître un mot plus ou moins bien écrit/dessiné. Théoriquement, c’est un test de Turing efficace qui permet de différencier un humain d’une machine. En pratique, les compétences d’un programme automatique sont tout de même devenues telles que le SPAM ré-apparaît doucement dans les environnements même protégés par ce qu’on appelle les CAPTCHA (ces images qu’il s’agit de lire et de recopier pour pouvoir être autorisé à une action).

Le problème est ainsi posé : créer des CAPTCHA vraiment très difficiles à reconnaître par programme et, simultanment, utiliser des êtres humains pour scanner des documents très difficiles à lire par les programmes.

La solution : reCAPTCHA.

Il s’agit de fournir un service de type CAPTCHA à des milliers de blogueurs et de gestionnaires de forum (WordPress, phpBB, etc.) Les utilisateurs sont invités à reconnaître deux mots particulièrement difficiles à reconnaître visuellement (les programmes d’OCR professionnel y ont échoué lors de scan tentés par Carnegie Mellon University). L’utilisateur doit les reconnaître tous les deux. L’un sert à vérifier si c’est bien un utilisateur humain, l’autre à donner la traduction OCR qui enrichira la base de CAPTCHA pour le futur et qui améliorera le scan d’un document en cours de traitement par Carnegie Mellon. C’est le double effet K… : lutte contre les spammeurs et mise à disposition de millions d’être humains pour améliorer le scan de milliers de documents anciens (sans même recourir à l’esclavage de masse).

Example de scan difficile à reconnaître :

Une particularité des logiciels professionnels d’OCR est qu’ils sont presque toujours capables de signaler quand leur reconnaissance est impossible ou de très mauvaise qualité (grande incertitude).

10 – Utiliser une adresse IP

Plutôt que de se connecter par le nom de domaine (example.com), vous pourriez utiliser directement l’adresse IP correspondance (192.168.0.15). Si le réseau vous arrête au niveau DNS, cela vous permettra d’arriver au site cherché.

9 – Utiliser le cache Google

Comme vous le savez sûrement, le moteur de recherche Google présente des liens « en cache » derrière la plupart de ses résultats. Comme ce sont des copies situées sur le site Google, ça fonctionne très souvent.

8 – Utiliser Google mobile search

Google mobile search a été créé pour faciliter l’accés aux utilisateurs mobiles, mais n’est pas limité à ceux-là.

7 – Utiliser un anonymizer

Certaines sociétés offrent de faire l’intermédiaire entre vous et le site web que vous voulez visiter. Leur offre principale est de vous dissimuler, mais souvent un effet de bord est de contourner la censure locale.

6 – Traduire le site

Plusieurs outils font de la traduction automatique de site web. Utilisez les pour accéder à des sites qui vont sount dissimulés.

• Altavista BabelFish
• Google translate

5 – Utiliser un serveur proxy

Un proxy server est simplement un intermédiaire entre vous et le site que vous voulez visiter. Il peuvent parfois cacher votre identité comme les anonymizers, mais les censeurs risquent de voir quand même votre destination. Beaucoup sont publics. Beaucoup sont aussi connus des censeurs et donc eux-même interdits. Une longe liste sur Public proxy servers.

4 – Web by email

Quasiment « ancienne économie » et furieusement lent, vous pouvez demander à vous faire livrer la page web que vous voulez par courrier électronique. C’est lent, mais si vous savez où se trouve votre information, c’est quasiment imbattable.

• webgate@vancouver-webpages.com
• Accessing the Internet by Email FAQ

3 – Changer de fournisseur

Changez de pays ou d’entreprise pour aller à un endroit plus libre. Même si le seul accès Internet n’est pas forcément une bonne raison pour une mesure aussi drastique (et encore), vous aurez peut-être envie de changer de fournisseur d’accès Internet. Certains sont plus flexibles que d’autres.

2 – Utiliser TOR

TOR est un réseau distribué de proxy servers. Vous vous y connectez, votre requête passe ce réseau international et ressort anonyme. Vous pouvez aussi participer au réseau en y ajoutant votre PC (cela améliore aussi votre discrétion).

Problèmes principaux :

• Certains sites (par exemple, SlashDot) bloquent tous les accès qui passent par TOR ou toute machine qui a utilisé TOR dans le passé (à cause d’abus évidents).
• L’installation d’un nœud TOR peut être très efficace mais complexe.

1 – Faire votre propre proxy server

Si tout le reste a échoué, pourquoi ne pas installer votre propre serveur proxy ? Il ne sera connu que de vous (peu de risque de le voir interdit par votre FAI). Ainsi vous aurez votre outil personnel et vous pourrez le déplacer à la demande. Plusieurs proxy servers écrits en PHP sont utilisables :

• APAZ
• PHPproxy
• Prixvoxy
• Windows HTTP proxy at home

• Les <?php disparaissent (sauf acrobaties manuelles)
• Un certain nombre de caractères ne s’affichent pas (ou mal)
• La présentation est assez pitoyable quand on utilise que <code>

J’ai donc recherché un plug-in (presque tout dans WordPress se fait par l’ajout de ces merveilleux petits bouts de logiciel qui peuvent se rajouter facilement à la configuration de base) qui soit adapté à cette tâche, facile à installer (et je ne tiens pas à faire une maintenance intensive pour cette fonctionnalité), facile à utiliser.

Voici donc un résumé de ceux que j’ai regardé et de mon opinion les concernant.

Code markup v1.1.1

Syntaxe

Il suffit d’encadrer son code entre <pre><code> et </code></pre>.

A mon avis

Pour :

• Evite bien la transformation du code par WordPress
• Il reste possible de rajouter du formattage manuel dans le code inclus
• Compatible WordPress 1.5, 2.0 et 2.1
• Un seul fichier de plugin, à activer par le tableau de bord WP

Contre :

• Pas de coloration syntaxique

ElasticDog Code viewer v1.1

Syntaxe

Le code est stocké dans un fichier externe, est affiché avec indentation et retour à la ligne automatique, peut-être téléchargé séparément.

A mon avis

Pour :

• Présentation assez souple (par exemple, numérotation des ligne)
• Le stockage dans un fichier externe permet de ne pas avoir à répéter le code (s’il apparaît dans plusieurs articles ou en plusieurs endroits)
• Un seul fichier de plugin, à activer par le tableau de bord WP ; plus une procédure d’installation.

Contre :

• Stockage dans un fichier texte séparé : particulièrement lourd pour des petits morceaux de code

Coffe2code Preserve code Formatting v0.9

Syntaxe

Il suffit d’encadrer son code entre <pre><code> et </code></pre> (d’autres tags peuvent aussi être définis).

A mon avis

Pour :

• Evite bien la transformation du code par WordPress
• Un seul fichier de plugin, à activer par le tableau de bord WP

Contre :

• Pas mis à jour depuis 2005. A-t-il seulement été testé avec WordPress v2.1 ?
• Pas de coloration syntaxique

Priyadi’s Code Autoescape v2.0

Syntaxe

Il suffit d’encadrer son code entre <pre><code> et </code></pre>.

A mon avis

Pour :

• Evite bien la transformation du code par WordPress
• Compatible WordPress 1.5, 2.0 et 2.1
• Un seul fichier de plugin, à activer par le tableau de bord WP

Contre :

• Pas de coloration syntaxique

CoolCode

A mon avis

Pour :

• Apporte aussi une fonction de coloration syntaxique

Contre :

• Le site est en Chinois (je n’ai pas osé faire une vraie évaluation).

Dean Code Source Syntax highlighting v1.1

Syntaxe

Il suffit d’encadrer son code entre <pre lang= »php »> et </pre> (en précisant le langage PHP, ou tout autre langage).

A mon avis

Pour :

• Evite bien la transformation du code par WordPress
• Apporte aussi une fonction de coloration syntaxique (adaptée à de nombreux langages).
• Compatible WordPress 1.5+
• Un seul fichier de plugin, à activer par le tableau de bord WP, plus un fichier CSS pour gérer la présentation

Contre :

• Il faut définir des tags CSS (problème mineur parce que, pour les autres, c’est seulement préférable)

RobM Code entities v1.1

Syntaxe

Au vu de l’évolution des plugins de ce type, l’auteur lui-même conseille aujourd’hui plutôt Priyadi’s Code Autoescape.

Conclusion

Comme vous pouvez l’imaginer à partir des informations données ci-dessus, mon choix s’est donc orienté vers Dean Code Source Syntax highlighting que j’utilise maintenant pour Roumazeilles.net. L’argument le plus important a clairement été la possibilité d’assurer une coloration syntaxique qui apporte une lisibilité accrue y compris pour des petits morceaux de code (confort pour les lecteurs du site).

Je n’affirme pas avoir tout vu dans cette comparaison (benchmarking) mais cela m’a mené à faire un choix raisonné dont je souhaitais partager avec vous les raisons. Vous avez (ou allez) peut-être faire un choix différent ; n’hésitez pas à nous expliquer pourquoi ou comment.

Exemples

Code PHP

Voici comment se présente un morceau de source PHP :

CSS code

Voici l’affichage d’un fichier CSS :

/*******************************/
/* Links                       */
/*******************************/
a:link    { color:#a0a010 }
a:visited { color:#606000 }
a:hover   { color:#e0e020; text-decoration: underline }
a:active  { color:#e0e020; text-decoration: underline }