Bookmarklet : guide complet pour installation et utilisation

Main picture

Si vous êtes souvent sur votre navigateur web pour explorer des sites, effectuer des recherches, ou regarder des vidéos, vous serez ravi de savoir que vous pouvez le transformer en un outil puissant et personnalisé grâce aux bookmarklets.

Les bookmarklets, de petits morceaux de code JavaScript sauvegardables dans vos favoris, vous permettent d’mener des actions spécifiques sur les pages que vous visitez. Que ce soit pour partager rapidement une page sur les réseaux sociaux, analyser le SEO d’un site, tester la compatibilité mobile d’une page, ou ouvrir une nouvelle fenêtre avec des informations enrichies, les bookmarklets sont là pour vous simplifier la vie.

Cet article a pour but de vous introduire aux bookmarklets, de vous guider à travers l’installation et l’utilisation, et de vous montrer comment les personnaliser. Découvrez comment ces outils peuvent significativement améliorer votre expérience de navigation web.

Qu’est-ce qu’un Bookmarklet ?

Définition et origine

Un bookmarklet est un favori sauvegardé dans votre navigateur, contenant des commandes JavaScript pour enrichir votre navigateur de nouvelles fonctionnalités. Ces bookmarklets sont conservés sous forme d’URL de favori ou comme un lien sur une page web, s’exécutant à l’action de l’utilisateur.

Le terme bookmarklet, fusion des mots bookmark (favori) et applet (petite application), a été créé par Steve Kangas en 1998. Depuis, ces outils se sont popularisés sur divers navigateurs, y compris Mozilla Firefox et les navigateurs Chromium comme Chrome ou Brave.

Avantages d’utiliser des bookmarklets

Opter pour des bookmarklets offre de multiples avantages notamment :

  • Une simplicité de création, d’installation et d’utilisation, se résumant à copier-coller du JavaScript ou à glisser-déposer un lien dans vos favoris.
  • Une compatibilité avec tous les navigateurs supportant JavaScript, sans nécessité de logiciels additionnels.
  • Un niveau élevé de sécurité et de respect de la vie privée, sans accès à vos données personnelles ou modifications des paramètres du navigateur, fonctionnant uniquement à l’activation.
  • La capacité à être personnalisés et adaptés à vos besoins, permettant modifications du code ou création de nouveaux bookmarklets.

Différences entre bookmarklets, extensions et plugins

Les bookmarklets ne sont qu’une manière d’ajouter des fonctions à votre navigateur, à côté des extensions et des plugins qui sont plus complexes.

Ces trois outils présentent des différences notables :

  • Les extensions, applications s’intégrant au navigateur pour en modifier l’apparence ou les fonctionnalités, spécifiques à un navigateur et nécessitant mises à jour régulières. Elles ont accès à vos données personnelles ou historique de navigation.
  • Les plugins, logiciels rendant votre navigateur capable d’afficher ou d’interagir avec contenus spécifiques mais pouvant consommer des ressources importantes et présenter des risques de sécurité.
  • Les bookmarklets, favoris contenant du code JavaScript exécuté sur la page web visitée, universels, sans installation requise, ne modifiant pas les paramètres de votre navigateur ni n’accèdent à vos données personnelles, étant légers et rapidement exécutables.

Installation d’un Bookmarklet

Trouver des bookmarklets utiles

Le web regorge de bookmarklets qui facilitent diverses actions sur les sites que vous consultez. Ces outils peuvent vous aider à :

  • Partager une page sur des réseaux sociaux tels que Facebook, Twitter, ou LinkedIn.
  • Vérifier le référencement naturel d’un site en analysant des éléments comme le titre, la description, les mots-clés, et les balises.
  • Tester la compatibilité mobile d’une page à l’aide d’outils tels que Google Mobile-Friendly Test ou Google PageSpeed Insights.
  • Ouvrir une nouvelle fenêtre offrant des informations supplémentaires, comme la version archivée d’une page ou les statistiques d’un site.

Des listes de bookmarklets pratiques sont disponibles sur des sites comme [Bookmarklets.org], [Awesome Bookmarklets] ou [MusicBrainz Scripts]. Vous pouvez également chercher sur Google ou GitHub des bookmarklets adaptés à vos besoins.

Étapes d’installation sur différents navigateurs

L’ajout d’un bookmarklet s’effectue presque de la même manière que l’ajout d’un favori classique. La différence réside dans le fait que vous allez copier et coller du code JavaScript dans le champ URL au lieu d’un simple lien.

Voici comment installer un bookmarklet selon votre navigateur :

  • Mozilla Firefox : Effectuez un clic droit sur la barre ou le panneau des favoris (CTRL + B), puis choisissez \”Ajouter un marque-page…\”, ou bien faites glisser-déposer le lien du bookmarklet vers votre barre de favoris.
  • Navigateurs Chromium (Chrome, Brave) : Faites un clic droit sur la barre de favoris et sélectionnez \”Ajouter une page…\”, ou accédez au gestionnaire de favoris pour ajouter un nouveau favori par un clic droit.
  • Safari : Un clic droit sur la barre de favoris suivi de \”Ajouter un signet…\”, ou un simple glisser-déposer du lien suffit.
  • Internet Explorer : Vous avez le choix entre faire un clic droit sur la barre de favoris pour choisir \”Ajouter aux favoris…\” ou utiliser la méthode du glisser-déposer.
  • Opera : Similaire aux autres, par un clic droit sur la barre de favoris optez pour \”Ajouter un signet…\”, ou bien drag-and-drop.

Conseils de sécurité avant l’installation

Malgré leur grande utilité, les bookmarklets nécessitent une vigilance particulière avant installation, pour des raisons de sécurité et de respect de la vie privée :

  • Vérifiez systématiquement la source du bookmarklet. Évitez les sites peu fiables et privilégiez des sources réputées.
  • Prenez le temps d’examiner le code du bookmarklet. Ne procédez à l’installation que si vous comprenez son fonctionnement et qu’aucun élément suspect n’est décelable.
  • Testez le bookmarklet sur une page vierge, comme about:blank, pour vous assurer de son bon fonctionnement et de l’absence de dysfonctionnements ou d’alertes.

Utilisation et personnalisation des Bookmarklets

Comment utiliser un bookmarklet au quotidien

Après avoir installé un bookmarklet dans votre navigateur, son utilisation sur n’importe quelle page web devient un jeu d’enfant. Un simple clic sur le bookmarklet depuis votre barre ou menu de favoris exécutera le code JavaScript. Vous verrez alors le bookmarklet interagir avec la page pour accomplir l’action désirée.

Par exemple, l’usage d’un bookmarklet pour partager une page sur les réseaux sociaux ouvrira une nouvelle fenêtre orientée vers le lien de la page et le réseau social sélectionné.

Les bookmarklets peuvent améliorer significativement votre expérience web et vous faire gagner du temps au quotidien. Voici quelques usages pratiques :

  • Navigation web simplifiée, ouvrant onglets, fenêtres ou liens d’un seul clic
  • Augmentation de la productivité, automatisant tâches répétitives et accédant à des raccourcis
  • Enrichissement du contenu web, ajoutant fonctionnalités, effets ou informations aux pages consultées
  • Divertissement, permettant de jouer à des jeux, créer des animations ou modifier les pages web

Personnaliser un bookmarklet existant

Si un bookmarklet installé ne répond pas pleinement à vos attentes, vous avez la possibilité de le personnaliser. Modifiez le code JavaScript dans l’URL de votre favori pour ajuster les paramètres, options ou fonctionnalités selon vos préférences.

Cela vaut, par exemple, pour un bookmarklet destiné au vérification du référencement naturel d’un site. Vous pourriez le personnaliser pour montrer les informations les plus pertinentes pour vous, telles que titre, description, mots-clés, et autres balises.

La personnalisation nécessite une connaissance de base en JavaScript, le langage utilisé pour les bookmarklets. Des ressources telles que FreeCodeCamp, Codecademy, ou W3Schools peuvent vous aider à acquérir ces compétences fondamentales. Pour l’inspiration, consultez des tutoriels ou exemples sur Bookmarklets.org, Awesome Bookmarklets, ou MusicBrainz Scripts.

Exemples de bookmarklets populaires et leurs fonctions

Découvrez ici quelques bookmarklets renommés et ce qu’ils peuvent apporter :

  • [SEO Bookmarklet] : Analysez le référencement naturel d’un site, avec accès à des données clés et des outils tels que Google Analytics ou Google PageSpeed Insights.
  • [Google Translate] : Traduisez instantanément toute page web ou texte sélectionné grâce à Google Translate.
  • [Readability] : Améliorez la lisibilité d’une page en éliminant distractions telles que publicités, en ajustant taille, couleur et police du texte.
  • [Cornify] : Ajoutez une touche de fantaisie à une page web avec des licornes, des arcs-en-ciel et des paillettes à chaque clic sur le bookmarklet.
  • [Kick Ass] : Transformez n’importe quelle page web en un jeu, en contrôlant un vaisseau spatial qui tire sur les éléments de la page.

Conclusion

Dans cet article, vous avez découvert ce que sont les bookmarklets : ces petits programmes en JavaScript que vous pouvez enregistrer dans vos favoris de navigateur pour y ajouter des fonctionnalités supplémentaires. Vous avez appris à les trouver, les installer, les utiliser et les personnaliser, ainsi que quelques exemples de bookmarklets populaires avec leurs fonctions spécifiques.

Les bookmarklets offrent une approche simple, pratique et efficace pour enrichir votre expérience sur le web et gagner du temps. Ils proposent une large gamme d’options pour simplifier votre navigation, booster votre productivité, améliorer le contenu que vous consultez en ligne ou simplement vous divertir.

Il est également possible de créer vos propres bookmarklets, que ce soit à partir de zéro ou en modifiant des modèles existants.

Ne tardez plus et donnez une chance aux bookmarklets dès aujourd’hui ! Vous constaterez comment ils transformeront votre navigateur web en un outil puissant et personnalisé. Ils deviendront vite indispensables à votre navigation quotidienne.

Vous voulez améliorer votre référencement naturel ?

Programmez un rendez-vous en quelques secondes pour que l’un de nos account managers analyse le SEO de votre site et vous propose un plan d’action ! 

Cet article de blog a été entièrement rédigé par notre outil de rédaction IA.