Der FastOG-Plattformleitfaden
FastOG erstellt das Bild, das erscheint, wenn jemand eine Ihrer Seiten teilt — das Produkt, die Kategorie, die Startseite, den Blogbeitrag. Es ersetzt das statische Standardbild durch ein Live-Cover: das Produktfoto, seinen aktuellen Preis, seine Bewertung, Ihr Logo und die Überschrift, die Sie wählen.
Dieser Leitfaden ist die Landkarte. Er beschreibt, was jede Funktion tut, wo Sie sie auf jeder Plattform ändern, und welcher Plan sie enthält. Für die API, HMAC-Signierung und Framework-Tutorials beginnen Sie bei der API-Referenz.
Wo FastOG läuft
| Plattform | Wo die App zu finden ist | Was der Händler öffnet |
|---|---|---|
| WooCommerce | WordPress-Admin → FastOG | Studio zum Bearbeiten von Covern, Plan zum Ändern des Tarifs, Support für ein Ticket, Tools für die Verbindung |
| Shopify | Shopify-Admin → Apps → FastOG | Covers, Plan, Support; erweiterte Verbindungsdetails finden Sie am unteren Rand der App |
| Wix | Wix-Dashboard → Apps → FastOG | Covers, Customize, Plans |
Beim ersten Öffnen der App wird eine kurze Einrichtung angeboten: Wählen Sie aus, welche Seitentypen ein Cover erhalten, und legen Sie ein Ausgangsdesign fest. Beides können Sie später ändern — nichts in der Einrichtung ist dauerhaft.
Wie ein Titelbild ausgewählt wird
FastOG signiert eine URL für die Seite, die geteilt wird. Die Anfrage enthält den Shop und den Seitentyp, und der Server wendet die für diesen Seitentyp gespeicherte Regel an:
- Die Regel für den Seitentyp — das Titelbild, das Sie unter Titelbilder für Produkte, Kollektionen/Kategorien, Startseite oder Blogbeiträge bearbeitet haben.
- Eine spezifischere Regel, falls eine zutrifft — eine Regel für ein Tag, eine Kategorie, einen Hersteller oder eine Kollektion hat Vorrang vor der Regel für den Seitentyp.
- Ein produktspezifisches Titelbild, falls eines gespeichert ist — das spezifischste von allen; verfügbar ab Pro.
Wenn keine davon zutrifft, behält die Seite das Bild ihres Themes. Jede Plattform gibt jedem Seitentyp sein eigenes Titelbild, daher wirkt sich eine Änderung am Produkt-Titelbild nicht auf die Startseite aus.
Cover und Seitentypen
Öffnen Sie Covers (Shopify, Wix) oder FastOG → Studio (WooCommerce) und wählen Sie den Seitentyp über der Vorschau aus.
| Plattform | Seitentypen |
|---|---|
| WooCommerce | Produkt, Kategorie, Startseite, Blogbeitrag |
| Shopify | Produkt, Kollektion, Startseite, Blogbeitrag |
| Wix | Produkt, Kollektion, Startseite, Blogbeitrag, Website-Seite |
Jeder Tab hat sein eigenes Erscheinungsbild, seine eigenen Texte und seine eigenen Live-Schalter. Das Speichern eines Seitentyps ändert nie einen anderen. Die Vorschau ist das echte Cover: Sie wird aus demselben Template und denselben Props gerendert, die auch die Live-Seite verwendet.
WooCommerce platziert außerdem ein kleines Cover-Panel auf dem Produktbearbeitungsbildschirm, sodass Sie das Cover sehen und ändern können, ohne das Produkt zu verlassen. Shopify platziert aus demselben Grund einen FastOG-Block auf der Produktseite im Admin. Wix behält alles in der App.
Ein Erscheinungsbild wählen
Das Erscheinungsbild ist das Layout, das das Titelbild zeichnet – die Vorlage. Die Auswahl zeigt den gesamten Katalog, wobei gesperrte Erscheinungsbilder mit dem Tarif gekennzeichnet sind, der sie freischaltet.
| Tarif | Erscheinungsbilder |
|---|---|
| Community | Das kostenlose Set |
| Starter | Das kuratierte Starter-Set |
| Pro | Jede Vorlage |
| Scale | Jede Vorlage, plus priorisiertes Rendering |
Ein gesperrtes Erscheinungsbild ist ein Schaufenster, keine Auswahl: Sie können es in der Vorschau ansehen, und der Upgrade-Hinweis nennt den Tarif, der es freischaltet. Das Speichern wird serverseitig abgelehnt, sodass Vorschau und Live-Titelbild nicht voneinander abweichen können.
Dieselbe Auswahl wird verwendet, wenn Sie über den Einrichtungsassistenten starten, und Sie können das Erscheinungsbild eines Seitentyps ändern, ohne die anderen anzutasten.
Text und Stil
Nach dem Erscheinungsbild bietet der Editor zwei Gruppen von Feldern:
- Inhalt — die Überschrift, der Untertitel, das Badge, die Feature-Zeilen, das Bild und alles andere, was die jeweilige Vorlage ausgibt. Leer gelassene Felder greifen auf die eigenen Daten des Shops zurück, wenn die Vorlage sie befüllen kann.
- Stil — Theme, Farben, Schriftart, Muster und das Finish. Stile gelten pro Vorlage: Ein Wert, der in einem Layout sinnvoll ist, wird nicht auf ein anderes übertragen.
Bei WooCommerce und Shopify kann jeder Plan den Text und den Stil der shopweiten Regel bearbeiten. Bei Wix sind die freien Inhalts- und Stilfelder dem Pro Custom Builder vorbehalten: Starter wählt das Erscheinungsbild, und die festen Felder der Voreinstellung werden angezeigt statt frei bearbeitet.
Der nur in Pro verfügbare pro Produkt-Editor verwendet dieselben Felder, angewendet auf einen einzelnen Artikel (siehe unten), plus die Logo-Überschreibung.
Ein als nie befüllbar markiertes Feld ist eines, das FastOG nicht erfindet. Bewertungen sind der häufige Fall: Eine leere Sternzeile wird nicht mit einem fiktiven Durchschnitt befüllt.
Live-Signale
Live-Signale sind Schalter unter der Haube, kein Text, den Sie eingeben. Sie entscheiden, ob das Cover den Wert darstellen darf, den FastOG zum Zeitpunkt des Teilens bereits kennt:
| Signal | Was es anzeigt | Tarif |
|---|---|---|
| Preis | Der aktuelle Preis, einschließlich eines durchgestrichenen Vergleichspreises, wenn das Produkt im Angebot ist | Alle Tarife |
| Sale | Das Sale-Band / die Behandlung des Vergleichspreises | Alle Tarife |
| Lagerbestand | Geringer Lagerbestand („Nur noch 3 verfügbar") und ausverkauft | Alle Tarife |
| Bewertung und Anzahl der Rezensionen | Der echte Durchschnitt und die Anzahl der Rezensionen des Shops | Starter und höher |
| Bewertungsuntergrenze | Die Sternzeile vollständig ausblenden, wenn eine Mindestbewertung oder Mindestanzahl an Rezensionen unterschritten wird | Pro und höher |
Der Sinn des Schalters besteht darin, dass Sie ein Feld im Layout behalten, es aber ausblenden können, wenn die Daten schwach sind. Ein Produkt mit 3,1 Sternen und zwei Rezensionen ist in der Regel ohne Sternzeile besser dargestellt als mit einer schwachen Sternzeile neben dem Preis.
Das Ausschalten eines Signals löscht nichts: Der Wert wird weiterhin aus dem Shop gelesen, und das Cover gibt ihn einfach nicht aus. Wenn Sie es wieder einschalten, wird er beim nächsten Rendern erneut angezeigt.
Produkt- und artikelspezifische Cover
Ein produktspezifisches Cover ist ein Cover, das für einen einzelnen Artikel gespeichert und über die Regel des Seitentyps gelegt wird. Es ist eine Funktion für Pro und Scale.
| Plattform | Wo Sie es öffnen |
|---|---|
| WooCommerce | Produktbearbeitungsbildschirm → das Panel FastOG-Cover → Cover anpassen |
| Shopify | Öffnen Sie das Produkt im Shopify-Admin → den Produktblock FastOG → Cover anpassen |
| Wix | Noch nicht pro Artikel verfügbar; verwenden Sie das Cover des Seitentyps oder einen Look, der für jedes Produkt gut lesbar ist |
Mit Pro können Sie den Look, den Text, die Badges und den Stil für dieses eine Produkt ändern. Produkte ohne Überschreibung verwenden weiterhin die Regel des Seitentyps. Wenn Sie die Überschreibung für ein Produkt aufheben, wird das gemeinsame Cover wiederhergestellt; die gespeicherte Auswahl bleibt erhalten und wird nicht zerstört, falls sich der Tarif später ändert.
Das Produktpanel verlinkt außerdem zum Studio, sodass die store-weite Regel nur einen Klick entfernt ist, wenn das Produkt kein eigenes Cover benötigt.
Regeln für Produktlinien
Eine bereichsbezogene Regel (scoped rule) verfeinert das Produkt-Cover für eine Gruppe von Produkten – ein Tag, eine Kategorie, einen Produkttyp, eine Collection (Shopify) oder einen Vendor. Es ist eine Scale-Funktion.
Öffnen Sie Covers → Covers for specific products (die Überschrift ist bei WooCommerce und Shopify identisch). Fügen Sie eine Regel hinzu, wählen Sie den Bereich und das Erscheinungsbild und speichern Sie. Produkte, die übereinstimmen, verwenden das Erscheinungsbild und den Text der Regel; alles andere behält das Cover des Seitentyps.
Die spezifischste Übereinstimmung gewinnt, daher müssen Sie keine Reihenfolge verwalten. Der Regelzähler zeigt an, wie viel des Kontingents Ihres Tarifs Sie verbraucht haben; eine Regel kann jederzeit gelöscht werden. Wix stellt bereichsbezogene Regeln noch nicht bereit.
Kampagnen und geplante Rückkehr
Eine geplante Rückkehr ist die sichere Hälfte einer Kampagne: Sie veröffentlichen jetzt ein Black-Friday- oder Saison-Cover und wählen Datum und Uhrzeit, zu denen es wieder zum zuvor aktiven Cover zurückkehren soll. Die Rückkehr-Hälfte ist in jedem Plan verfügbar, einschließlich Community.
Ein geplanter Start ist die Scale-Hälfte. Auf Scale können Sie zusätzlich das Datum festlegen, an dem das Kampagnen-Cover live geht; unterhalb von Scale ist der Start pausiert, wobei das Design und die Daten erhalten bleiben, damit ein Upgrade ihn fortsetzen kann. Beide Übergänge werden alle fünf Minuten geprüft, und die Zeiten verwenden die Zeitzone, die unter den Feldern angezeigt wird.
Beide Hälften brauchen ein Ende: Eine Kampagne mit einem Start, aber ohne Ende würde nie heruntergenommen, daher lehnt das Formular sie ab. Das Leeren des Endes bricht die Kampagne ab. Durch einen Plan-Ablauf wird nichts gelöscht — die Daten und das Design bleiben erhalten.
Ein PNG exportieren
Die Aktion PNG herunterladen rendert das Cover, das Sie gerade ansehen, in 1200×630 und lädt es herunter. Sie ist eine Funktion für Pro und Scale in WooCommerce und Shopify; Wix bietet sie noch nicht an.
Die Datei wird aus der Vorlage und den Props des Editors selbst erzeugt und entspricht daher der Vorschau und nicht einer separaten Exportvorlage. Verwenden Sie sie für einen Marketplace-Eintrag, ein Deck oder einen manuellen Beitrag, bei dem Sie die Live-URL nicht nutzen können.
Pläne, Abdeckung und Limits
FastOG verkauft Abdeckung, nicht Render-Credits. Ein Plan deckt eine bestimmte Anzahl Ihrer eigenen Katalogartikel und eine Reihe von Funktionen ab; die Anzahl der Renders ist nicht begrenzt.
| Community | Starter | Pro | Scale | |
|---|---|---|---|---|
| Preis | Kostenlos | 19 $ / Monat | 49 $ / Monat | 119 $ / Monat |
| Abgedeckte Artikel | 100 | 250 | 1.000 | Unbegrenzt |
| Seitentypen | Alle | Alle | Alle | Alle |
| Looks | Kostenloses Set | Kuratiertes Set | Alle | Alle |
| Preis, Sale und Lagerbestand | Ja | Ja | Ja | Ja |
| Bewertungen (Sterne + Anzahl) | — | Ja | Ja | Ja |
| Bewertungsuntergrenze | — | — | Ja | Ja |
| Cover pro Produkt | — | — | Ja | Ja |
| Metafeld-Zuordnung | — | — | Ja | Ja |
| PNG-Export | — | — | Ja | Ja |
| Regeln für Produktlinien | — | — | — | Ja |
| Kampagnenstart | — | — | — | Ja |
| Geplante Rückkehr | Ja | Ja | Ja | Ja |
| Priorisiertes Rendering | — | — | — | Ja |
Das Panel Abdeckung zeigt, wie viele Ihrer Artikel der Plan abdeckt, aufgeschlüsselt nach Produkten, Kategorien, Startseite und Blogbeiträgen. Wächst der Katalog über das Limit hinaus, nennt das Panel den nächsten Plan und dessen Limit; es stellt das Rendering nicht stillschweigend ein. Führen Sie das Upgrade über Plan (WooCommerce, Shopify) oder Plans (Wix) durch.
Die jährliche Abrechnung entspricht derselben Stufe zu 10 Monaten für ein 12-Monats-Jahr. Wix rechnet über Wix ab; WooCommerce und Shopify rechnen über die Plan-Ansicht in der App ab.
Wix verwendet dieselbe Staffelung, bietet aber noch keine Überschreibung pro Produkt, keine bereichsbezogenen Regeln und keinen PNG-Export. Der Plan steuert dort weiterhin Abdeckung, Looks, Bewertungen und den Custom Builder.
Integritätsprüfungen und Cache-Aktualisierungen
Die App führt eine kurze Integritätsprüfung durch und zeigt die vollständige Liste hinter Details / Was wir geprüft haben. Sie beantwortet die Fragen, die eine Vorschau tatsächlich scheitern lassen:
- Kann FastOG die Daten und den Katalog dieses Shops lesen?
- Verweist
og:imagedes Storefronts auf FastOG, oder gewinnt ein Theme oder SEO-Plugin? - Ist das Beispielprodukt echt, und verwendet die Vorschau es?
- Sind der Signaturschlüssel und die Verbindung noch gültig?
Jeder Befund enthält, sofern vorhanden, eine Lösung. Der Bericht ist der Block, den Sie in eine Support-Nachricht kopieren; er ist zum Einfügen gedacht, nicht zum Interpretieren.
Ein geändertes Titelbild ist nicht immer ein Titelbild, das die Plattform neu eingelesen hat. Die signierte URL ist deterministisch, daher aktualisiert sich das Bild selbst; was zwischengespeichert wird, ist die Kopie der Seitenvorschau auf der Plattform. Lösen Sie einen erneuten Scrape aus, oder warten Sie den Cache der Plattform ab — siehe die Cache-Anleitung und Erzwingen einer Facebook-Aktualisierung. Wenn og:image der Seite noch das des Themes ist, zeigt die Integritätsprüfung, dass ein anderes Plugin oder das Theme gewinnt.
Support
Verwenden Sie Support bei Problemen mit der Einrichtung, der Auslieferung von Titelbildern, der Abrechnung oder dem Produkt. Geben Sie die betroffene Seite oder das betroffene Produkt an, was Sie erwartet haben und was tatsächlich passiert ist; der Health-Report ist der schnellste Anhang. Dies ist asynchroner Produktsupport, kein Live-Chat und keine allgemeine Beratung.
Bevor Sie ein Ticket eröffnen, führen Sie den Health-Check aus: Er erkennt die häufigen Ursachen (nicht verbunden, keine Auslieferung von Titelbildern, ein SEO-Plugin, das og:image überschreibt, ein veralteter Plattform-Cache).
Fehlerbehebung auf einer Seite
| Symptom | Zuerst prüfen |
|---|---|
| Der geteilte Link hat kein Bild | Health Check → gehört das Storefront zu og:image FastOG? Ist der Seitentyp abgedeckt? |
| Die Vorschau zeigt den alten Preis | Der Cache der Plattform; die Live-URL wird pro Rendering signiert. Die Seite erneut scrapen |
| Das Cover hat das falsche Aussehen | Die Seitentyp-Regel, eine bereichsbezogene Regel oder eine produktbezogene Überschreibung (die spezifischste gewinnt) |
| Ein gesperrtes Aussehen lässt sich nicht speichern | Es gehört zu einem höheren Plan; die Auswahl nennt den Plan |
| Eine Bewertung fehlt | Das Produkt hat noch keine Rezensionen, oder der Plan liegt unter Starter, oder der Bewertungs-Schalter ist aus |
| Eine produktbezogene Änderung hat nichts bewirkt | Produktbezogene Cover sind Pro/Scale, und der Server verweigert das Speichern darunter |
| Das Cover ist in WhatsApp unscharf | Siehe OG-Bildgröße und WhatsApp-Vorschauen |
Verwandte Themen
Kostenlos testen – keine Anmeldung erforderlich
Vorschau und Test dynamischer OG-Bilder in Sekunden.
Kostenlosen OG-Bild-Tester öffnen