Le Web Clipper d’Obsidian est une extension de navigateur qui permet, en un clic, de capturer le contenu d’une page web et d’en faire une nouvelle note dans Obsidian. Un peu comme un « favori », mais avec le contenu de la page, pas seulement le lien vers la page. On peut utiliser des templates, on peut highligher du texte directement sur la page web et même utiliser notre LLM favori pour traiter le contenu avant d’en créer une note.
Une fois l’extension installée, un nouveau bouton s’affiche dans notre navigateur.
En cliquant sur ce bouton, le popup du web clipper apparaît. En cliquant sur Ajouter à Obsidian (1), une nouvelle note sera créée et sauvegardée dans notre voûte Obsidian.
Créer des highlights
En cliquant sur l’icône de crayon dans le haut du popup (2), on active le surligneur, ce qui nous permet de créer des « highlights » en sélectionnant des éléments de contenu de la page. Exemple:
À noter aussi que, dans le futur, si vous revenez sur cette même page, ce que vous avez surligné sera encore surligné ????.
Les templates
L’extension nous permet de créer différents templates. Un template nous permet de définir, d’organiser et de structurer les données que le plugin extraira de la page. Par exemple, dans la capture d’écran ci-dessus, le template « highlights » était sélectionné (3).
Il s’agit d’un template que j’ai ajouté afin que la note créée inclus la description de la page suivi des highlights que j’aurai définis (ce que j’aurai surligné).
Pour gérer les templates, il faut se rendre dans les paramètres (4 sur l’image plus haut), on arrive ensuite sur cette page:
On y trouvera les templates que nous avons créés (1), on pourra en créer de nouveaux (2) ou encore importer et exporter des templates.
Par exemple, voici template « highlights » que j’ai créé. C’est le template que je sélectionne lorsque je souhaite créer une note avec les éléments que j’ai surlignés.
1- Je souhaite créer une nouvelle note.
2- Le titre de la note sera le titre de la page.
3- La note sera créée avec les propriétés suivantes
- source: l’adresse de la page où je me trouve
- author: l’extension tentera de trouver l’auteur de la page
- published: la date de publication de cette page
- created: la date de création de cette note (donc maintenant)
- tags: le tag « clipping » sera ajouté à la note
4- Le contenu de la note sera automatiquement créé avec la meta-description de la page suivie des différents contenu que j’aurai surlignés sur la page.
Template pour un site spécifique
Dans les options d’un template, il est possible de configurer le champ Déclencheur de modèle où on peut ajouter les domaines pour lesquels on souhaite toujours utilisé template spécifique.
Par exemple, on pourrait créer un template spécifique pour sauvegarder un courriel dans une note. Ce template serait utilisé lorsqu’on se trouve sur mail.google.com, le titre de la note serait le sujet du courriel, la date serait la date d’envoi, etc…
Il existe d’ailleurs des collections de templates prêts à utiliser, comme par exemple:
GitHub – obsidian-community/web-clipper-templates: Community collection of templates for the official Obsidian web clipper.
Je joins ici les 2 templates que j’utilise le plus souvent, soit Highlights (discuté plus haut) et Content qui créera une note avec le contenu entier de la page:
Vous pouvez facilement les télécharger et les importer dans la page paramètres de l’extension.
Au final, le Web Clipper a remplacé les favoris
Pendant des années, les favoris ou « bookmarks » de navigateur ont été la façon de garder une trace d’un article, d’un site, d’un URL. Le problème, c’est que ces favoris s’accumulent vite, sans contexte ni hiérarchie, et finissent par devenir une liste sans fin dans laquelle, avouons-le, on ne retourne jamais ????.
Avec le Web Clipper, chaque page sauvegardée devient une vraie note dans Obsidian: on y ajoute le contexte qu’on veut, des métadonnées significatives, des highlights, etc. Ce n’est plus seulement un lien qui sera vite oublié, mais bien une pièce de connaissance qu’on pourra facilement retrouver et réutiliser!
