Après avoir travaillé dur sur un design, une image ou un article, vous voudrez peut-être le protéger en utilisant un JavaScript qui désactive le clic droit tout en avertissant éventuellement un visiteur que le contenu est protégé par des droits d’auteur.
Cela peut sembler correct, mais ce n’est généralement pas une bonne idée. Pourquoi pas?
C’est ennuyeux!
Vous ne réalisez pas à quel point vous utilisez un clic droit jusqu’à ce que vous ne puissiez pas l’utiliser! Il y a beaucoup de fonctionnalités utiles dans le menu court qu’il ouvre. Alors que la plupart sont également disponibles dans le menu principal du navigateur, il est souvent beaucoup plus rapide d’utiliser le menu contextuel – c’est généralement le menu le plus proche dont vous disposez.
C’est inutile!
Si vous pensez que la désactivation du clic droit protégera votre code source ou vos images, détrompez-vous! Toute personne déterminée à copier votre contenu ou votre code le fera indépendamment de sa capacité à afficher un menu contextuel du navigateur. S’ils veulent votre code source, c’est aussi simple que de sélectionner « afficher la source » dans le menu principal. Le texte de l’article peut être mis en surbrillance et copié, les images et les présentations multimédias peuvent être récupérées à partir du cache et les médias en streaming peuvent être enregistrés.
La désactivation du clic droit ne fera que rendre les gens plus déterminés à apprendre exactement ce que vous cachez. Et cela pourrait finir par être contre-productif, car vos images et votre code source attirent une attention indésirable. Non seulement cela, mais vous ne pouvez désactiver que le clic droit sur les navigateurs sur lesquels JavaScript est activé: un visiteur n’a qu’à désactiver JavaScript dans les options de son navigateur pour pouvoir ignorer complètement le script!
C’est désactivant!
Les gestes de souris qui permettent une navigation plus rapide commencent à devenir une fonctionnalité des navigateurs: Opera les a, Mozilla vient d’ajouter le support, et ce n’est qu’une question de temps avant qu’Internet Explorer ne les adopte. La désactivation du clic droit sur les pages consultées dans ces navigateurs désactive également la possibilité d’utiliser des gestes de la souris, vous ne serez donc pas populaire auprès de ceux qui les utilisent fréquemment!
Même lorsque vous n’utilisez pas les gestes de la souris, leur absence peut encore sérieusement affecter votre capacité à naviguer sur Internet. J’ai tendance à ouvrir tous les liens d’une page que j’aime dans une nouvelle fenêtre à partir du menu contextuel, afin que je puisse lire et comparer les deux pages et revenir sans avoir à utiliser le bouton précédent. Bien que vous puissiez ouvrir un lien dans une nouvelle fenêtre en maintenant la touche maj enfoncée tout en cliquant dessus, beaucoup trouvent plus facile d’utiliser l’option du menu contextuel. Désactivez le clic droit et vous aliénerez ces utilisateurs assez rapidement.
Ce n’est pas professionnel!
Demandez-vous ceci: achèteriez-vous quelque chose sur un site qui vous rappelle que ses images sont protégées par le droit d’auteur chaque fois que vous utilisez un clic droit (même lorsque votre pointeur est loin d’être une image)? Je pensais que non! La désactivation du clic droit suggère un manque de professionnalisme aux utilisateurs.
C’est insultant!
La plupart de vos visiteurs viendront sur votre site pour acheter quelque chose ou pour trouver des informations. Seul un petit pourcentage de vos visiteurs atterrira sur votre site avec l’intention de le voler. En essayant de vous protéger de la minorité, vous insultez efficacement la majorité, qui utilisera le menu contextuel pour des raisons légitimes. Vous attendez-vous vraiment à ce que vos visiteurs vous fassent confiance lorsque vous leur offrez des « rappels utiles » qui impliquent que vous ne pouvez pas leur faire confiance?
Certes, certaines personnes voudront voir votre code source — mais ne supposez pas que tous ceux qui le regardent voudront l’utiliser sur leur site! Les visiteurs avertis qui connaissent les techniques trompeuses utilisées par certains propriétaires de sites peu scrupuleux peuvent simplement vouloir vérifier qu’un lien va les emmener là où ils pensent qu’il les mènera. Ça en fait un voleur ?
Solutions pour la protection du contenu
Il existe d’autres solutions alternatives moins controversées au problème de protection de vos images ou de votre code source.
Protection de vos images
1. Désactiver le Clic droit sur les images uniquement
Si vous devez vraiment désactiver le clic droit, limitez l’aggravation et utilisez un script qui le désactive uniquement sur les images (certains scripts empêchent également l’apparition de la barre d’outils d’image IE6). Bien sûr, il y aura des moments où les gens voudront utiliser un clic droit et passer leur souris sur une image, donc je vous recommande de changer légèrement le message pour refléter le fait que seules les images sont affectées.
2. Marquez les images
Une autre façon d’identifier les images comme les vôtres consiste à les marquer d’une manière ou d’une autre. La meilleure façon de dissuader le voleur potentiel est de faire une marque visuelle sur la partie la plus intéressante de l’image. Des marques telles que votre logo, l’adresse de votre site ou même le mot « échantillon » de couleur unie ou translucide indiquent clairement qu’une image n’est pas destinée à une distribution générale. Cette tactique de style graffiti fonctionne bien sur les sites qui offrent des services artistiques, et peut également aider à décourager le hotlinking.
3. Filigranes numériques
Le filigrane numérique est la pratique consistant à intégrer des informations identifiables dans un fichier. Il s’agit généralement d’un code d’identification unique ou des coordonnées du créateur de l’image. Ces informations intégrées sont invisibles pour l’internaute moyen mais peuvent être visualisées à l’aide de plug-ins de programmes graphiques ou de décodeurs autonomes spécialisés. Un filigrane numérique est généralement plus fort qu’une marque physique, car il n’est pas évident lorsque vous regardez une image si elle contient des informations supplémentaires. Cela dit, cette méthode n’offre aucun moyen de dissuasion à un voleur, bien qu’en théorie, elle devrait faciliter le suivi de votre travail (et dans certains cas des travaux dérivés).
4. La fenêtre
Si vous souhaitez afficher le niveau de détail de vos images de haute qualité sans trop en donner « gratuitement », vous pouvez utiliser ce que j’appelle la méthode « fenêtre ». Imaginez que vous regardiez l’image complète à travers un trou de pouce carré dans un morceau de papier; vous ne seriez pas en mesure de voir une grande partie de l’image finale, mais vous pourrez voir la qualité et les détails de l’image sans avoir à afficher l’image complète. J’ai vu cette approche implémentée en Java dans certaines galeries d’images (vous permettant de déplacer la fenêtre visible), bien qu’il soit probablement plus simple (et plus rapide pour vos visiteurs) d’utiliser une image recadrée basée sur l’original.
Protéger votre code HTML
L’utilisation d’un script pour désactiver le clic droit n’est pas le moyen le plus efficace de rendre votre code source difficile à lire. La plupart des techniques utilisées pour protéger le code source HTML utilisent JavaScript, donc si les visiteurs l’éteignent, le site devient inutilisable.
Il existe trois techniques JavaScript principales utilisées pour protéger le code source d’une page:
- Encoder le code source pour le rendre illisible sans décoder
- Mettre la majeure partie du code source dans un JavaScript include
- Ouvrir la page dans une nouvelle fenêtre avec tous les menus désactivés (non recommandé)
La seule façon de rendre plus difficile pour les curieux de déchiffrer votre code source HTML sans avoir à recourir à JavaScript est de supprimer les espaces blancs inutiles. L’effet est de transformer votre code en une ou plusieurs longues lignes de code afin que toute personne utilisant la fonction afficher la source dans un navigateur ait du mal à lire sans prendre le temps de le ranger.
Qu’Allez-Vous Protéger ?
Évidemment, les alternatives que vous choisissez d’utiliser dépendront de ce que vous devez protéger et de l’importance de sa protection. Vous devez garder à l’esprit que toute personne déterminée à voler vos affaires trouvera un moyen de les voler — même si cela signifie prendre une capture d’écran ou taper un article sur lequel vous avez désactivé la mise en évidence du texte!
Bien sûr, il existe un moyen beaucoup plus facile de protéger votre contenu contre les voleurs potentiels sans jamais avoir à désactiver les fonctions du navigateur. Si vous voulez protéger quelque chose à ce point, ne le mettez pas sur le Web en premier lieu! Pour plus d’informations, voir:
- Désactiver le clic sur les images – détails d’un script qui désactive le clic droit sur les images uniquement.
- Liens de filigrane numérique – comprend des liens vers diverses ressources de filigrane audio, image et vidéo.
- Exemples de techniques de filigrane – idées sur la façon de créer un filigrane visible.
- Garde HTML, Comment sécurisé? – astuces détaillées utilisées pour protéger le code source et les images ainsi que leurs inconvénients.
- Utilisation de JavaScript Inclut pour gérer le contenu – comment utiliser JavaScript inclut.
