Sommaire :
Les bookmarklets
Qu'est-ce qu'un bookmarklet ?
Un bookmark (ou favori) est une URL enregistrée dans les paramètres de votre navigateur, pour vous aider à la retrouver quand vous en avez besoin.
Un bookmarklet est également un bookmark, mais constitué d'un code Javascript plutôt que d'une URL. Quand vous cliquez sur le bookmark, le code Javascript s'exécute pour accomplir une tâche. Très souvent, ce code utilise l'URL A de la page que vous êtes en train de consulter pour vous envoyer vers une autre URL B affichant les résultats d'un outil basé sur cette URL A (que ce soit la page précise ou le site dans son ensemble). Parfois, le code ne fait qu'afficher des informations sur la page en cours de consultation.
💡 Si ce n'est pas clair, voyez ma vidéo ci-après !
L'intérêt de ces bookmarklets est qu'en étant aussi simples à utiliser qu'un bookmark, ils vous font gagner un temps précieux. On en trouve de toutes sortes, concernant tout ce qui touche à l'optimisation d'un site web : référencement naturel, réseaux sociaux, rédaction web, développement web, performances web, etc.
Comment créer et utiliser un bookmarklet ?
Dans le reste de l'article, vous trouverez ma sélection de bookmarklets. Si vous souhaitez en utiliser un, il vous suffit de glisser-déposer le lien vers votre barre de favoris. Et de cliquer sur ce favori quand vous en avez besoin.
Astuce : créez un dossier dans vos favoris, nommé par exemple Bookmarklets. Stockez dedans tous les bookmarklets, comme ça vous saurez qu'il s'agit de favoris spéciaux...
Vous pouvez modifier le code JS pour que le lien s'ouvre dans un nouvel onglet ou pas. Voyez les exemples dans le reste de l'article.
Pour ouvrir dans un nouvel onglet, utilisez un code de ce type :
javascript:(function(){window.open('https://www.example.com', '_newtab');}());
Pour rester dans le même onglet, utilisez un code de ce type :
javascript:location.href='https://www.example.com';
Certains codes peuvent mal marcher sur un site qui utilise d'autres sous-domaines que www. Si vous avez une façon de régler ce problème, indiquez-la et merci d'avance !
Le tuto vidéo
Un bookmarklet, comment ça marche ? (au passage, abonnez-vous à la chaîne WebRankInfo !)
sur YouTube : comment créer un bookmarklet
Bookmarklets SEO
- Analyse et conseils sur les balises H1, H2 ... H6 de la page
- Performances de la page dans GSC (il faut être connecté au bon compte Google)
- Backlinks Ahrefs de l'URL (il faut être connecté à votre compte)
- Backlinks Ahrefs du site (domaine) (il faut être connecté à votre compte)
- Backlinks Majestic de l'URL (pour les détails, il faut être connecté à votre compte)
- Backlinks Majestic du site (domaine, sans mention du protocole) (il faut être connecté à votre compte)
- Backlinks Moz de l'URL (il faut être connecté à votre compte)
- Backlinks Semrush de l'URL (il faut être connecté à votre compte)
- Estimation du trafic organique du site par Semrush
- Estimation du trafic organique du site par SimilarWeb
- Analyse SEO du site par Sistrix
- Indexation Google du site
- Récupère les URL et anchor text des liens sortants (à tester sur les SERP ou sur toute autre page)
- Outil de test des données structurées (SDDT) (sur schema.org)
- Outil de test des résultats enrichis (données structurées pour les rich snippets)
- Outil Google PageSpeed Insights : test de la vitesse de chargement de la page (sur ordinateur et sur mobile) et de l'expérience utilisateur sur mobile
- Test Google de compatibilité/optimisation mobile de l'URL
- Validateur AMP de Google (à vous d'adapter le code du bookmarklet pour correspondre au format de vos URL AMP).
- Validateur AMP Search Console
- Test Duplicate Content (Copyscape)
- Test balise URL canonique
- Fichier robots.txt du sous-domaine
- Indique si l'URL est bloquée par le robots.txt
- Indique si le titre du snippet a été modifié (compare le titre du snippet aux balises Title et H1).
Détails : Google change le titre dans ses résultats - test du favicon connu par Google pour votre site (sous-domaine)
Bookmarklets Réseaux sociaux
Autres bookmarklets
- Nombre de caractères et mots du texte sélectionné
- URL referrer (l'URL précédente dans votre navigateur)
- Données WHOIS du nom de domaine
- Wayback Machine (archive.org)
- Liste des technologies utilisées sur le site
- Cherche si un bout de texte sélectionné est indexé sur d'autres sites
- Meilleures ventes site Prestashop
- Meilleures ventes site Shopify
- Tri Amazon par nb d'avis décroissant (sur une page de catégorie, pas une recherche interne ou un affichage grille)
- Miniature Youtube de la vidéo actuelle
Encore d'autres bookmarlets...
Cette liste n'est pas exhaustive, bien entendu : il s'agit d'une sélection. Si vous en connaissez d'autres très pratiques pour le référencement naturel ou toute autre optimisation d'un site web, merci de les indiquer en commentaires !
Vous trouverez d'autres listes ailleurs sur le web, par exemple celle-ci.
Et à propos de bookmarks, voyez comment sauvegarder les favoris de Google Chrome.
Voir aussi : URL & SEO
Merci beaucoup c'est très utile :)
Merci pour cette liste mais je ne vois pas comment utiliser le 33 (pourtant hyper utile), qui semble plus une fonction JS qu'un bookmark ?
Un bookmarklet c'est une fonction Javascript ! C'est expliqué dans mon article et ma vidéo ;-)
Merci pour cet article "remanié" que j'avais déjà découvert il y a qq années sur votre site ;) un gain de temps précieux quand on doit switcher de projet à longueur de journée ;)
le bookmark 30 ne semble pas fonctionner chez moi ! quelque chose qui m'aurait échappé ? merci
il marche très bien chez moi. Il ne faut pas oublier de sélectionner du texte sur la page avant de cliquer sur le bookmarklet
BOnjour et merci,
Seul problème le Bookmarklet du point 20 ne fonctionne pas
En effet, c'est corrigé !
Bonjour,
Je n'ai pas tout à fait saisi leur utilité.
Pourquoi inclure une redirection de l'url A vers l'url B, au lieu de tout simplement mettre l'url B en favori ?
Il y a certainement quelque chose à creuser, mais j'avoue que je ne le visualise pas.
Parce que l'URL sur laquelle on arrive dépend de l'URL sur laquelle on était. En gros, l'URL B n'est pas toujours la même : on ne peut donc pas la mettre en favoris.
Bonjour,
Lorsque je clique sur le lien "Récupère les URL et anchor text des liens sortants", j'arrive sur les informations du site webranking mais je n'arrive pas à enregistrer le lien pour le tester sur d'autres sites. J'ai peut être loupé quelque chose ?
Il ne faut pas cliquer sur ce lien : relisez mes explications ou regardez ma vidéo. Il faut glisser-déposer ce lien vers votre barre de favoris.
Bonjour,
attention, après avoir lancé 3 ou 4 bookmarklets, Google m'a interdit l'accès à son moteur pour cause de "requêtes inhabituelles et excessives non conformes au règles etc...", donc il serait top de le préciser dans l'article, avec une manière de le contourner si elle existe. :)
Tout dépend des bookmarklets ! Ceux qui font que Google bloque temporairement notre IP sont ceux qui font intervenir des commandes spéciales comme intitle: ou site:
Bonjour Olivier,
Voici un bookmarklet qui m'intéresse pour le SEO. Peut-etre pourrais tu l'ajouter à ta belle liste !
https://gist.github.com/PaulKinlan/6284142
Merci Christian ! peux-tu expliquer à quoi il sert ?
Bonjour,
Dsl mais je ne comprends pas a quoi sert les bookmarklets
Bonjour Eric
C'est expliqué en vidéo ;-)
un bookmarklet sert à obtenir des informations ou à effectuer une action en 1 clic là où d'habitude ça demande plus de temps ou de manipulations. En général ça permet d'effectuer une action avec la page web qu'on est en train de consulter.
Par exemple en 1 clic sur le bookmarklet, on peut :
c'est plus clair ?
Nickel Olivier, un grand merci pour cette compilation des plus efficace!
Salut Olivier,
Merci beaucoup pour ces bookmarklets, je m'endormirai moins bête ce soir :)
Un gros bravo pour l'effort fourni :)
Hello Olivier toujours utile ce genre de petits tips gain de temps.
J'en avais fait une liste il y a un peu plus de 2 ans ( http://www.visibilite-referencement.fr/blog/bookmarklet-seo ) si tu veux compléter.
bonne journée
en effet Raphael, c'est bien utile