Obsidian Web Clipper Vorlagen: 6 fertige Beispiele

Der offizielle Obsidian Web Clipper ist kostenlos, Open Source und speichert direkt in Ihren Vault. Seine eigentliche Stärke sind Vorlagen: eine pro Seitentyp, automatisch per Trigger ausgewählt, und jede legt Notizname, Ordner, Eigenschaften und Inhalt fest.

Der Haken: Ein leerer Vorlagen-Editor verrät Ihnen nichts. Dieser Beitrag ist eine Galerie mit sechs Vorlagen, die Sie noch heute einfügen können, die Syntax geprüft anhand der offiziellen Dokumentation und des Quellcodes des Clippers. Danach folgt ein Abschnitt zu Triggern, Variablen und Filtern, damit Sie eigene Vorlagen schreiben können.

Wie eine Vorlage aufgebaut ist

Jede Vorlage besteht aus denselben Teilen:

• Notizname und Speicherort (zum Beispiel Clippings/Videos)
• Eigenschaften, aus denen das YAML-Frontmatter wird
• Notizinhalt, der Markdown-Text
• Trigger, also URL-Muster oder schema.org-Typen, die die Vorlage automatisch auswählen

Alle vier Felder akzeptieren Variablen wie {{title}} oder {{url}}, und jede Variable lässt sich durch Filter leiten, etwa {{published|date:"YYYY-MM-DD"}}. Um zu sehen, was eine Seite bereitstellt, öffnen Sie den Clipper und klicken auf das Symbol ...: Es listet die Variablen der aktuellen Seite auf.

Vorlagen werden als .json-Dateien geteilt. Zum Importieren öffnen Sie die Einstellungen des Clippers, wählen eine beliebige Vorlage und klicken auf Import (oder ziehen die Datei hinein). Kepanos clipper-templates-Repository auf GitHub enthält ein Dutzend weiterer Beispiele im selben Format.

1. YouTube-Video mit Transkript

Das ist das vollständige, importierbare JSON, damit Sie das Format einmal sehen. Speichern Sie es als youtube.json und importieren Sie es.

{
  "schemaVersion": "0.1.0",
  "name": "YouTube",
  "behavior": "create",
  "noteNameFormat": "{{title|safe_name}}",
  "path": "Clippings/Videos",
  "noteContentFormat": "![{{title}}]({{url}})\n\n{% if transcript %}## Transcript\n\n{{transcript}}{% else %}No transcript available.{% endif %}",
  "properties": [
    { "name": "title", "value": "{{schema:name}}", "type": "text" },
    { "name": "channel", "value": "{{schema:author|wikilink}}", "type": "multitext" },
    { "name": "published", "value": "{{schema:uploadDate|date:YYYY-MM-DD}}", "type": "date" },
    { "name": "duration", "value": "{{schema:duration|duration}}", "type": "text" },
    { "name": "source", "value": "{{url}}", "type": "text" },
    { "name": "tags", "value": "videos", "type": "multitext" }
  ],
  "triggers": ["https://www.youtube.com/watch?v="]
}

Zwei Details lohnen sich. Die Zeile ![...]({{url}}) bettet den Player in Ihre Notiz ein. Und {{transcript}} steht nicht in der Variablentabelle der Dokumentation: Die Variable stammt aus dem YouTube-Extraktor von Defuddle, dem Parser im Clipper, und existiert nur, wenn das Video Untertitel hat. Deshalb umschließt die Vorlage sie mit {% if %}. Wenn Sie lieber eine Zusammenfassung als 10.000 Wörter Untertitel behalten möchten, aktivieren Sie Interpreter und ersetzen sie durch eine Prompt-Variable wie {{"a five bullet summary of the video"}}.

2. X-Thread (Twitter)

Neuere Versionen des Clippers erkennen X-Posts und legen den Thread in {{content}} ab. Bei dieser Vorlage geht es also vor allem um Benennung und Trigger.

Trigger (ein regulärer Ausdruck, damit er nur bei Posts greift, nicht in Ihrer Timeline):

/^https:\/\/(x|twitter)\.com\/[^\/]+\/status\/\d+/

Notizinhalt:

{{content}}

Source: [{{author}}]({{url}})

Nützliche Eigenschaften: author = {{author|wikilink}}, source = {{url}}, created = {{date|date:"YYYY-MM-DD"}}, tags = threads.

3. Rezept

Rezeptseiten veröffentlichen schema.org-Daten, was diese Vorlage zur saubersten von allen macht: keine CSS-Selektoren, und sie funktioniert auf fast jeder Rezeptseite.

Trigger:

schema:@Recipe

Notizinhalt:

![{{title}}]({{image}})

{{description}}

## Ingredients

{{schema:@Recipe:recipeIngredient|list:task}}

## Steps

{{schema:@Recipe:recipeInstructions[*].text|list:numbered}}

Eigenschaften: cuisine = {{schema:@Recipe:recipeCuisine}}, total_time = {{schema:@Recipe:totalTime|duration}}, source = {{url}}. Die Zutaten werden zu einer Checkliste, die Sie beim Kochen abhaken können. Manche Seiten gliedern die Schritte in Abschnitte; dort kann recipeInstructions[*].text leer zurückkommen, und Sie müssen den Pfad anpassen.

4. ChatGPT- oder Claude-Unterhaltung

Der Parser des Clippers hat Extraktoren für chatgpt.com und claude.ai, sodass {{content}} in neueren Versionen die Gesprächsbeiträge enthält. Ältere Anleitungen nutzen für ChatGPT eine lange selectorHtml-Kette; die sollten Sie nicht mehr brauchen.

Trigger (einer pro Zeile):

https://chatgpt.com/c/
https://chatgpt.com/share/
https://claude.ai/chat/

Notizinhalt:

{{content}}

Eigenschaften: title = {{title}}, source = {{url}}, created = {{date|date:"YYYY-MM-DD"}}, tags = ai/conversation. Mehr dazu, wie Chats portabel bleiben: ChatGPT-Unterhaltungen als Markdown speichern.

5. Wikipedia-Artikel

Die generische Extraktion behält bei Wikipedia Navigationsleisten und Fußzeilen. Diese Vorlage greift direkt auf den Artikeltext zu und entfernt den Ballast.

Trigger:

/^https:\/\/[a-z-.]+\.wikipedia\.org\/wiki\/.*$/

Notizinhalt:

{{selectorHtml:#mw-content-text|remove_html:(".navbox,.printfooter,.side-box,.mw-editsection")|markdown}}

Eigenschaften: title = {{title}}, author = [[Wikipedia]], source = {{url}}, tags = wikipedia. Für normale Blogbeiträge und Nachrichten dient eine schlichte {{content}}-Vorlage ganz oben in Ihrer Liste als Rückfallebene.

6. Wissenschaftliches Paper (arXiv)

Die Abstract-Seiten von arXiv stellen citation_*-Meta-Tags bereit, die Ihnen saubere Metadaten liefern, ohne zu raten.

Trigger:

https://arxiv.org/abs/

Notizinhalt:

## Abstract

{{selector:blockquote.abstract|replace:"Abstract\:":""|trim}}

## Key contributions

{{"three key contributions of this paper, as a bullet list"}}

Eigenschaften: title = {{meta:name:citation_title}}, authors = {{selector:.authors a|wikilink|join}}, published = {{meta:name:citation_date|date:("YYYY-MM-DD", "YYYY/MM/DD")}}, pdf = {{meta:name:citation_pdf_url}}. Die Zeile „Key contributions“ ist eine Prompt-Variable: Sie braucht einen aktivierten Interpreter mit einem Modell (ein API-Schlüssel oder ein lokales Ollama-Modell). Löschen Sie sie, wenn Sie Interpreter nicht nutzen.

Vorlagen-Trigger im Detail

Es gibt drei Arten von Triggern, eine Regel pro Zeile:

Typ	Beispiel	Trifft auf
Einfach	https://www.youtube.com/watch?v=	Jede URL, die mit diesem Text beginnt
Regex	/^https:\/\/arxiv\.org\/abs\//	URLs, die zum Muster passen (. und / maskieren)
Schema	schema:@Recipe	Seiten, deren schema.org-Typ Recipe ist

Schema-Trigger können auch ein Feld prüfen (schema:@Recipe.name) oder einen Wert (schema:@Recipe.name=Cookie).

Die Reihenfolge zählt: Die erste passende Vorlage in Ihrer Liste gewinnt, und eine Seite, auf die nichts passt, verwendet die erste Vorlage. Ziehen Sie Ihre allgemeine Artikelvorlage nach oben, damit sie als Rückfallebene dient.

Spickzettel: Variablen und Filter

Die fünf Variablentypen:

• Preset: {{title}}, {{url}}, {{author}}, {{published}}, {{content}}, {{highlights}}, {{date}}
• Prompt (Interpreter): {{"a summary of the page"}}
• Meta: {{meta:name:description}}, {{meta:property:og:title}}
• Selector: {{selector:h1}}, {{selectorHtml:#main|markdown}}
• Schema.org: {{schema:@Recipe:recipeIngredient}}, {{schema:author.name}}

Die Filter, zu denen Sie am häufigsten greifen werden: date, duration, wikilink, list (mit task oder numbered), join, replace, safe_name, markdown, remove_html, blockquote und callout. Die Vorlagenlogik ({% if %}, {% for %}, {% set %} und der Fallback ??) fängt fehlende Daten ab.

Oder sparen Sie sich die Vorlagenpflege

Vorlagen haben einen Preis, den die Dokumentation verschweigt: die Pflege. Websites ändern ihr Markup, Selektoren brechen stillschweigend, und Sie merken es Wochen später, wenn eine Notiz leer ankommt. Wer von Dutzenden Websites clippt, pflegt am Ende eine kleine Codebasis.

Minibase geht den anderen Weg. Statt einer Vorlage pro Website bringt es eine eigene Behandlung für Hunderte von Websites mit (X-Threads, Reddit, GitHub, ChatGPT- und Claude-Unterhaltungen, Dokumentationsseiten) und liefert sauberes Markdown mit Frontmatter, ganz ohne Konfiguration. Die .md-Dateien landen in einem Minibase Vault-Ordner, auf den Sie Obsidian richten können, sodass sie wie jede andere Notiz in Ihrem Vault erscheinen.

Der kostenlose Plan bietet 20 Speicherungen pro Monat, ohne Konto. Minibase+ (5,99 $ pro Monat oder 34,99 $ pro Jahr) ergänzt mehr als 20 KI-Vorlagen (Obsidian, Academic, Recipe, Cornell-Notizen, Lernkarten und mehr) sowie Videotranskription für YouTube, Reels und TikTok. Hier lesen Sie, wie die YouTube-Transkripte funktionieren.

Fairerweise zu Obsidian: Wenn Sie nur von einer Handvoll Websites clippen und gern an Ihren Notizen feilen, ist der offizielle Clipper mit den Vorlagen oben hervorragend und kostet nichts. Wenn Sie keine Lust haben, CSS-Selektoren zu debuggen, ist Minibase die pflegeleichte Option, und nichts hindert Sie daran, beide zu nutzen. Wir haben sie direkt verglichen in Obsidian Web Clipper vs Minibase.

FAQ

Wo finde ich weitere Obsidian Web Clipper Vorlagen? Kepanos Repository clipper-templates auf GitHub enthält Vorlagen für YouTube, Wikipedia, Rezepte, IMDb, Goodreads, arXiv und mehr. Im Obsidian-Forum und auf Discord gibt es viele Vorlagen aus der Community.

Kann der Web Clipper YouTube-Transkripte speichern? Ja, wenn das Video Untertitel hat: Neuere Versionen stellen auf YouTube-Seiten die Variable {{transcript}} bereit. Videos ohne Untertitel haben kein Transkript, das sich übernehmen ließe.

Warum greift meine Vorlage nicht? Meist liegt es an der Reihenfolge: Eine andere Vorlage weiter oben in der Liste hat zuerst gepasst. Prüfen Sie außerdem, ob einfache Trigger exakt mit dem Anfang der URL übereinstimmen (https://www. gegenüber https://).

Kosten Prompt-Variablen Geld? Sie laufen auf dem Modell, das Sie in Interpreter konfigurieren. Cloud-Anbieter rechnen über Ihren API-Schlüssel ab; ein lokales Modell über Ollama ist kostenlos.