So automatisieren Sie die Inhaltserstellung mit Latenode: Claude 3 und Webflow-Integration

Hallo! Suchen Sie nach SEO-Optimierungstools für Ihre Webflow-Sites? Wir haben eine großartige Lösung – ein Verfahren zur automatischen Generierung SEO-optimierter Artikel, mit dem Sie schnell mehrere Seiten für bestimmte Schlüsselwörter erstellen können. Wenn Sie bereit sind, in die Details einzutauchen, kopieren Sie unsere Vorlage und folgen Sie den Anweisungen zum Generieren von Seiten basierend auf Daten aus Airtable.

Kern unserer Lösung ist das Latenode-Szenario – ein visueller Prozess-Builder, der verschiedene Anwendungen und Dienste kombiniert. Mit seiner Hilfe konnten wir die Erstellung von Integrationsbeschreibungen für den Anwendungskatalog auf unserer Website vollständig automatisieren.

Wenn Sie einen ähnlichen Prozess zur automatisierten Inhaltserstellung für Ihr Unternehmen implementieren möchten, lassen Sie uns in die technischen Details eintauchen!

Schlüsselkomponenten (bereits im Szenario):

• Airtable – Wird als Datenbank zum Speichern einer Liste von Anwendungen verwendet, die Integrationsbeschreibungen erfordern. Das Szenario ruft 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 basierend auf den im Szenario bereitgestellten Anweisungen generiert.
• Webflow – Eine Website-Builder-Plattform, auf der die generierten Beschreibungen nach der Genehmigung veröffentlicht werden.

Teil 1: Airtable

Am Anfang dieses Prozesses steht Airtable, ein cloudbasiertes Datenbankmanagementsystem, mit dem Sie Informationen strukturieren und organisieren können. In unserem Kontext dient Airtable als Repository für eine Liste von Anwendungen, für die Integrationsbeschreibungen erforderlich sind.

Es ist erwähnenswert, dass Airtable praktisch jede Art von Daten aufnehmen kann, sei es eine Liste von Hotels, Autos, Touristenzielen oder anderen Entitäten, die beschreibenden Inhalt erfordern.

Innerhalb von Airtable wird eine eigene Tabelle angelegt, in der jede Zeile einer bestimmten Anwendung entspricht. Die zentrale Spalte wird als „queue_app_page_create“ bezeichnet. Zunächst bleibt diese Spalte für alle Zeilen leer, doch sobald der Wert „1“ eingetragen wird, wechselt die Zeile automatisch in die Ansicht „Queue“. Dies bedeutet, dass die Anwendung für die Verarbeitung und Textgenerierung vorbereitet ist.

Airtable fungiert daher als Warteschlange, die eine systematische Bearbeitung der Bewerbungen gewährleistet und die Nachverfolgung des Status jeder einzelnen Bewerbung erleichtert.

Teil 2: Das Latenode-Szenario

Der Kern des gesamten Prozesses ist in einem Szenario zusammengefasst, das auf der Latenode-Plattform erstellt wurde. Latenode ist eine beeindruckende Low-Code-Automatisierungsplattform, die es Benutzern ermöglicht, durch visuelle Programmierung mit „Knoten“ komplexe Arbeitsabläufe zu erstellen.

Jeder Knoten stellt eine bestimmte Aktion oder Integration mit anderen Anwendungen dar. In unserem Szenario nutzen wir die Fähigkeiten von Claude 3, einem KI-Geistesprodukt von Anthropic, das mit der Generierung von Textinhalten beauftragt ist.

Szenario-Triggerknoten

Das Szenario kann manuell eingeleitet oder so programmiert werden, dass es in vordefinierten Intervallen automatisch ausgeführt wird.

In unserem Beispiel ist es so konfiguriert, dass es alle 5 Minuten autonom ausgeführt wird, wodurch eine kontinuierliche Warteschlangenverarbeitung gewährleistet wird.

Abrufen der Anwendung aus der Warteschlange

Dieser JavaScript-Codeknoten orchestriert eine Anfrage an Airtable mit dem Ziel, die nächste Anwendung aus der zuvor erstellten „Warteschlangen“-Ansicht zu extrahieren. Der Codeausschnitt, den Sie einfügen müssen, lautet wie folgt:

Ersetzen Sie unbedingt die folgenden Platzhalter durch Ihre entsprechenden Werte:

• const baseUrl – Der Link zu Ihrer Airtable
• const viewId – Die ID Ihres Tabs, der die Warteschlange enthält
• const apiKey – Ihr API-Schlüssel

Wenn Sie diesen Knoten ausführen, erhalten Sie die Einzelheiten der nächsten Anwendung in der Warteschlange, die zur Verarbeitung bereitsteht. In unserem Beispielszenario haben wir die Beschreibung für die DeepL-Anwendung beschafft.

Vorbereiten der Eingabeaufforderung

Dieser Knoten erstellt die Eingabeaufforderung für das KI-Modell sorgfältig. Die Eingabeaufforderung enthält Anweisungen zum Erstellen einer Gliederung für einen Artikel, der sich auf die ausgewählte Anwendung und ihre Integration mit Latenode konzentriert.

Durch die konzertierte Anstrengung dieser beiden Knoten ruft das Szenario die nächste Anwendung aus der Warteschlange ab und formatiert die Eingabeaufforderung für das KI-Modell sorgfältig, wodurch der Weg für die Generierung eines umfassenden Artikels geebnet wird. Die nachfolgenden Knoten nutzen diese Gliederung dann, um den vollständigen Artikeltext zu erstellen.

Erstellen von Gliederungen und Artikeln mit Claude 3

Nachdem die Anwendungsdetails aus der Airtable-Warteschlange abgerufen wurden, besteht der nächste entscheidende Schritt darin, Inhalte für die Seite zu generieren, die die Integrationsfacetten dieser Anwendung erläutern. Für dieses Unterfangen nutzt das Szenario die Fähigkeiten von Claude 3, einem KI-Konstrukt von Anthropic.

Anfrage zur Erstellung einer Gliederung

Der erste Schritt besteht darin, eine Anfrage an Claude 3 zu senden, in der er um die Erstellung einer Gliederung (Struktur) für den anstehenden Artikel bittet. Die Anfrage lautet wie folgt:

Erstellen Sie eine Gliederung für einen Artikel zum Thema: So integrieren Sie [App_name] in jede App und optimieren Arbeitsabläufe mithilfe der Low-Code-Integrationsplattform Latenode.com.

Innerhalb dieser Anfrage wird [App_name] dynamisch durch den aus Airtable extrahierten Anwendungsnamen ersetzt. Anschließend folgt eine Beschreibung der grundlegenden Struktur, der der Artikel folgen sollte:

1. Einführung: Bieten Sie einen kurzen Überblick über [App_name] und seine Kernfunktionen.
2. Integration mit Latenode: Erläutern Sie, wie [App_name] mit Latenode integriert werden kann, um Arbeitsabläufe zu optimieren.
3. Anwendungsfälle: Präsentieren Sie konkrete Beispiele, die veranschaulichen, wie Latenode in Verbindung mit [App_name] genutzt werden kann, um Arbeitsabläufe zu verbessern.
4. Fazit: Fassen Sie die Vorteile der Integration von [App_name] mit Latenode zusammen.

Nach der Übermittlung dieser Anfrage erstellt Claude 3 eine Gliederung, die als Grundlage für die nachfolgende Erstellung des vollständigen Artikeltextes dient. 

Teil 3: Inhalte auf Webflow veröffentlichen

Nachdem der Artikel erstellt und geprüft wurde, ist es an der Zeit, ihn auf unserer Website zu veröffentlichen. Hier kommen die verbleibenden Knoten in unserem Szenario ins Spiel. Wir haben Knoten zum Aktualisieren von Sammlungselementen, die speziell auf die nahtlose Integration mit Webflow zugeschnitten sind, einem bekannten Website-Builder ohne Code.

Unsere Website umfasst einen eigenen Bereich für Anwendungen, der in einer Sammlung mit dem passenden Namen „Apps“ untergebracht ist.

Um den generierten Artikel zu veröffentlichen, ist es zwingend erforderlich, das entsprechende Element innerhalb der Sammlung „Apps“ zu finden. In unserem veranschaulichenden Beispiel gehen wir davon aus, dass es sich um das Element für die DeepL-Anwendung handelt.

Beim Öffnen des DeepL-Elements in Webflow werden uns zahlreiche Felder angezeigt, in die wir verschiedene Informationen zur Anwendung eingeben können. Diese Felder umfassen den Artikeltitel, den Haupttext, den Metatitel, die Metabeschreibung, die Sammlungselement-ID und mehr.

Der Knoten „Sammlungselement aktualisieren“ in Latenode bietet die Möglichkeit, diese Felder automatisch mit den aus unserem generierten Artikel extrapolierten Daten zu füllen. Die einzige Voraussetzung besteht darin, den Knoten mit der ID des Sammlungselements zu versehen, die für jede Anwendung eindeutig ist. Diese ID finden Sie bequem in den Webflow-Sammlungseinstellungen.

Sobald der Knoten sorgfältig konfiguriert und ausgeführt wurde, aktualisiert er nahtlos die entsprechenden Felder in Webflow und füllt sie mit dem generierten Artikeltitel, Text, Meta-Tags und anderen relevanten Informationen.

Anschließend genügt ein einfacher Klick auf die Schaltfläche „Veröffentlichen“ in Webflow und voilà! Die frisch erstellte Seite mit zahlreichen Einblicken in die Integrationsmöglichkeiten und Anwendungsfälle von DeepL wird auf unserer Website live geschaltet.

Teil 4: Aktualisieren der Datenbank

Bevor wir uns über den erfolgreichen Abschluss unseres Workflows zur Inhaltsgenerierung freuen können, bleibt noch ein letzter Schritt zu erledigen. Es ist unbedingt erforderlich, die Warteschlange in Airtable zu aktualisieren und die verarbeitete Anwendung daraus zu löschen.

Hier kommt unser abschließender JavaScript-Knoten ins Spiel. Er ist sorgfältig darauf ausgelegt, den Airtable-Datensatz nach der Verarbeitung zu aktualisieren und sicherzustellen, dass die Zeile aus der Warteschlange verschwindet. Im Einklang mit der Aktualisierungslogik der Warteschlange gibt es in der Tabelle eine Spalte „Status“. Das Skript ist so konzipiert, dass es den Status für das verarbeitete Element automatisch auf „1“ setzt, was den Abschluss des Szenarios anzeigt.

Schlussfolgerung

Im Wesentlichen haben wir einen effizienten Workflow zur Inhaltsgenerierung entwickelt, der Integrationsbeschreibungen für unseren Anwendungskatalog autonom erstellt. Durch die Nutzung der kombinierten Leistungsfähigkeit von Latenode, Airtable, Claude 3 AI und Webflow haben wir eine vollständige Automatisierung erreicht, die von der Artikelstrukturierung bis zur Veröffentlichung auf unserer Website reicht.

Wir hoffen, dass dieser Artikel Sie dazu inspiriert hat, Ihre eigenen automatisierten Lösungen zu entwickeln und dabei die leistungsstarken Tools zu nutzen, die Ihnen heute zur Verfügung stehen. Mit Latenode können Sie sich von alltäglichen Aufgaben befreien, Zeit zurückgewinnen und Ihre Energien auf die Aspekte Ihres Geschäfts konzentrieren, die wirklich wichtig sind.

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