Wie man die Inhaltserstellung mit Latenode automatisiert: Claude 3 und Webflow-Integration

Hallo zusammen! Suchst du nach SEO-Optimierungstools für deine Webflow-Seiten? Wir haben eine tolle Lösung - ein Verfahren zur automatischen Erstellung von SEO-optimierten Artikeln, mit dem du schnell mehrere Seiten für bestimmte Keywords erstellen kannst. Wenn du bereit bist, in die Details einzutauchen, kopiere unsere Vorlage und folge den Anweisungen, um Seiten auf der Grundlage von Daten aus Airtable zu erstellen.

Das Herzstück unserer Lösung ist das Latenode scenario - ein visueller Process Builder, der verschiedene Anwendungen und Dienste miteinander verbindet. Mit seiner Hilfe konnten wir die Erstellung von Integrationsbeschreibungen für den Anwendungskatalog auf unserer Website vollständig automatisieren.

Wenn du einen ähnlichen Prozess der automatisierten Inhaltserstellung für dein Unternehmen einführen willst, lass uns in die technischen Details eintauchen!

Schlüsselkomponenten (bereits im Szenario enthalten):

• Airtable - Wird als Datenbank verwendet, um eine Liste von Anwendungen zu speichern, die Integrationsbeschreibungen benötigen. Das Szenario ruft die Anwendungen nacheinander aus der Warteschlange in Airtable ab.
• Claude 3 AI von Anthropic - Ein leistungsstarkes Sprachmodell, das die Struktur und den vollständigen Text der Integrationsbeschreibung auf der Grundlage der Anweisungen im Szenario generiert.
• Webflow - Eine Website-Builder-Plattform, auf der die erstellten Beschreibungen nach der Genehmigung veröffentlicht werden.

Teil 1: Airtable

Am Anfang dieses Prozesses steht Airtable, ein cloudbasiertes Datenbankmanagementsystem, mit dem du Informationen strukturieren und organisieren kannst. In unserem Kontext dient Airtable als Repository für eine Liste von Anwendungen, die eine Integrationsbeschreibung benötigen.

Es ist erwähnenswert, dass Airtable praktisch jede Art von Daten aufnehmen kann, sei es eine Liste von Hotels, Autos, Reisezielen oder anderen Einheiten, die beschreibenden Inhalt benötigen.

In Airtable wird eine eigene Tabelle erstellt, in der jede Zeile einer bestimmten Anwendung entspricht. Die entscheidende Spalte heißt "queue_app_page_create". Zu Beginn bleibt diese Spalte für alle Zeilen leer, aber sobald der Wert "1" eingegeben wird, wechselt die Zeile automatisch in die Ansicht "Warteschlange". Das bedeutet, dass die Anwendung für die Bearbeitung und Texterstellung bereit ist.

Airtable funktioniert also wie eine Warteschlange, die die systematische Bearbeitung von Bewerbungen sicherstellt und die Verfolgung des Status jeder einzelnen Bewerbung erleichtert.

Teil 2: Das Latenode Szenario

Der Kern des gesamten Prozesses ist in einem Szenario zusammengefasst, das auf der Plattform Latenode entwickelt wurde. Latenode ist eine hervorragende Low-Code-Automatisierungsplattform, die es den Nutzern ermöglicht, komplexe Arbeitsabläufe durch visuelle Programmierung mit Hilfe von "Knoten" zu erstellen.

Jeder Knotenpunkt steht für eine bestimmte Aktion oder die Integration mit anderen Anwendungen. In unserem Szenario nutzen wir die Fähigkeiten von Claude 3, einer von Anthropic entwickelten KI, die mit der Erstellung von Textinhalten beauftragt ist.

Szenario-Auslöser-Knotenpunkte

Das Szenario kann manuell ausgelöst oder so programmiert werden, dass es in vordefinierten Abständen automatisch ausgeführt wird.

In unserem Beispiel ist sie so konfiguriert, dass sie alle 5 Minuten selbstständig läuft, um eine kontinuierliche Bearbeitung der Warteschlange zu gewährleisten.

Abrufen der Anwendung aus der Warteschlange

Dieser JavaScript-Codeknoten orchestriert eine Anfrage an Airtable, die darauf abzielt, die nächste Anwendung aus der "Queue"-Ansicht zu extrahieren, die wir zuvor erstellt haben. Das Code-Snippet, das du einfügen musst, lautet wie folgt:

Ersetze die folgenden Platzhalter unbedingt durch deine entsprechenden Werte:

• const baseUrl - Der Link zu deiner Airtable
• const viewId - Die ID der Registerkarte, in der du die Warteschlange untergebracht hast
• const apiKey - Dein API-Schlüssel

Wenn du diesen Knoten ausführst, erhältst du die Angaben zum nächsten Antrag in der Warteschlange, der zur Bearbeitung bereit ist. In unserem Beispielszenario haben wir die Beschreibung für den Antrag DeepL erhalten.

Das Prompt vorbereiten

An diesem Knotenpunkt wird die Eingabeaufforderung für das KI-Modell sorgfältig ausgearbeitet. Die Aufforderung enthält Anweisungen für die Erstellung einer Gliederung für einen Artikel, der sich auf die ausgewählte Anwendung und ihre Integration in Latenode konzentriert.

Durch die gemeinsame Anstrengung dieser beiden Knotenpunkte holt das Szenario die nächste Bewerbung aus der Warteschlange und formatiert die Eingabeaufforderung für das KI-Modell akribisch, um den Weg für die Erstellung eines umfassenden Artikels zu ebnen. Die nachfolgenden Knotenpunkte nutzen dann diesen Entwurf, um den vollständigen Artikeltext zu erstellen.

Erstellen von Gliederungen und Artikeln mit Claude 3

Nachdem die Anwendungsdetails aus der Airtable-Warteschlange abgerufen wurden, geht es im nächsten Schritt darum, Inhalte für die Seite zu erstellen, die die Integrationsaspekte der Anwendung erläutern. Für dieses Vorhaben nutzt das Szenario die Fähigkeiten von Claude 3, einer KI-Konstruktion von Anthropic.

Antrag auf Erstellung einer Gliederung

Der erste Schritt besteht darin, eine Anfrage an Claude 3 zu senden, in der er gebeten wird, eine Gliederung (Struktur) für den bevorstehenden Artikel zu erstellen. Die Anfrage wird wie folgt formuliert:

Erstelle eine Gliederung für einen Artikel, der das Thema behandelt: Wie integriere ich [App_name] in eine beliebige App und wie optimiere ich Arbeitsabläufe mit der Low-Code-Integrationsplattform Latenode.com.

In dieser Anfrage wird [App_name] dynamisch durch den aus Airtable extrahierten Anwendungsnamen ersetzt. Im Anschluss daran wird die grundlegende Struktur beschrieben, die der Artikel haben soll:

1. Einführung: Biete einen kurzen Überblick über [App_name] und ihre Kernfunktionen.
2. Integration mit Latenode: Erläutere, wie [App_name] mit Latenode integriert werden kann, um Arbeitsabläufe zu optimieren.
3. Anwendungsfälle: Stelle konkrete Beispiele vor, die zeigen, wie Latenode in Verbindung mit [App_name] genutzt werden kann, um Arbeitsabläufe zu verbessern.
4. Schlussfolgerung: Fasse die Vorteile der Integration von [App_name] mit Latenode zusammen.

Nach dem Absenden dieser Anfrage erstellt Claude 3 eine Gliederung, die als Grundlage für die spätere Erstellung des vollständigen Artikeltextes dient. 

Teil 3: Inhalte in Webflow veröffentlichen

Nachdem der Artikel erstellt und geprüft wurde, ist es an der Zeit, ihn auf unserer Website zu veröffentlichen. An dieser Stelle rücken die übrigen Knoten in unserem Szenario in den Mittelpunkt. Wir haben "Sammelartikel aktualisieren"-Knoten, die speziell für die nahtlose Integration mit Webflow, einem bekannten No-Code Website Builder, entwickelt wurden.

Auf unserer Website gibt es einen eigenen Bereich für Bewerbungen, der in der Sammlung "Apps" untergebracht ist.

Um den erstellten Artikel zu veröffentlichen, musst du den entsprechenden Artikel in der Sammlung "Apps" finden. In unserem Beispiel gehen wir davon aus, dass es sich um den Artikel für die Anwendung DeepL handelt.

Wenn wir den Artikel DeepL in Webflow öffnen, sehen wir eine Vielzahl von Feldern, in die verschiedene Informationen über die Anwendung eingegeben werden können. Diese Felder umfassen den Artikeltitel, den Primärtext, den Meta-Titel, die Meta-Beschreibung, die ID des Sammelartikels und mehr.

Der Knoten "Sammlungsartikel aktualisieren" auf Latenode ermöglicht es, diese Felder automatisch mit den Daten aus dem von uns erstellten Artikel zu füllen. Die einzige Voraussetzung ist, dass du dem Knoten die ID des Sammelartikels mitteilst, die für jede Anwendung eindeutig ist. Diese ID kann bequem in den Webflow-Sammlungseinstellungen gefunden werden.

Sobald der Knotenpunkt sorgfältig konfiguriert und ausgeführt wurde, werden die entsprechenden Felder in Webflow nahtlos aktualisiert und mit dem generierten Artikeltitel, dem Text, den Metatags und anderen relevanten Informationen versehen.

Anschließend genügt ein Klick auf die Schaltfläche "Veröffentlichen" in Webflow, und voilà! Die frisch erstellte Seite, die einen Einblick in die Integrationsmöglichkeiten und Anwendungsfälle von DeepL gibt, wird auf unserer Website veröffentlicht.

Teil 4: Aktualisieren der Datenbank

Bevor wir uns über den erfolgreichen Abschluss unseres Arbeitsablaufs zur Erstellung von Inhalten freuen können, müssen wir noch einen letzten Schritt erledigen. Es ist wichtig, die Warteschlange in Airtable zu aktualisieren und die bearbeitete Bewerbung aus ihr zu entfernen.

An dieser Stelle kommt unser abschließender JavaScript-Knoten ins Spiel. Er wurde sorgfältig entworfen, um den Airtable-Datensatz nach der Verarbeitung zu aktualisieren und sicherzustellen, dass die Zeile aus der Warteschlange verschwindet. Im Einklang mit der Logik zur Aktualisierung der Warteschlange gibt es in der Tabelle eine Spalte "Status". Das Skript ist so konzipiert, dass der Status für das bearbeitete Element automatisch auf "1" gesetzt wird, was bedeutet, dass das Szenario abgeschlossen ist.

Fazit

Im Wesentlichen haben wir einen effizienten Workflow zur Erstellung von Inhalten entwickelt, der selbstständig Integrationsbeschreibungen für unseren Anwendungskatalog erstellt. Durch die Kombination der Fähigkeiten von Latenode, Airtable, Claude 3 AI und Webflow haben wir eine vollständige Automatisierung erreicht, die von der Strukturierung der Artikel bis zur Veröffentlichung auf unserer Website reicht.

Wir hoffen, dass dieser Artikel dich dazu inspiriert hat, deine eigenen automatisierten Lösungen zu entwickeln, indem du die mächtigen Werkzeuge nutzt, die dir heute zur Verfügung stehen. Mit Latenode kannst du dich von alltäglichen Aufgaben befreien, Zeit zurückgewinnen und deine Energie auf die wirklich wichtigen Aspekte deines Unternehmens konzentrieren.

Bis zum nächsten Mal, viel Spaß beim Automatisieren!