Clerk & Seo

1

Clerk.js ermöglicht personalisierte Einkaufserlebnisse, ohne Ihre Website zu verlangsamen oder SEO zu schädigen. Durch die Verwendung von clientseitigem Rendering und optimiertem Laden balanciert es Geschwindigkeit, Leistung und Sichtbarkeit in Suchmaschinen.

SEO und Geschwindigkeit #

Es ist ein Missverständnis, dass JavaScript-Funktionen wie Clerk.js die Leistung oder SEO beeinträchtigen. Automatisierte Tools übersehen oft Optimierungen wie Caching, paralleles Laden und serverseitige Verarbeitung.

Vorteile der Clerk.js-Integration #

  • Das Clerk.js-Skript (≈ 37 - 38 KB) wird asynchron geladen, sodass Ihre Website gerendert werden kann, während Clerk initialisiert wird.
  • Clerk-Elemente werden clientseitig gerendert, was bedeutet, dass Ihr Basis-HTML cachebar bleibt und dynamische Komponenten erst nach dem Laden eingefügt werden.
  • Dies ermöglicht effizientes serverseitiges Caching und nicht blockierendes Laden von Clerk.js-Ressourcen.

Auswirkungen auf die Leistung #

  • Die leichte und asynchrone Natur von Clerk.js führt typischerweise zu geringen Auswirkungen auf die Ladezeiten der Seite.
  • Der reale Leistungsabfall resultiert oft aus zusätzlichen Bildern, die in Empfehlungen gerendert werden, nicht aus dem Skript selbst. Um die Auswirkungen zu minimieren:
    • Verwenden Sie angemessen große, hocheffiziente Formate wie WebP.
    • Ändern Sie die Größe der Bilder, um den Anzeigedimensionen zu entsprechen (z. B. 400×400 px → 420×420 px max).
  • Um Layoutverschiebungen (CLS) zu vermeiden, reservieren Sie Platz für den eingefügten Clerk-Inhalt. Z. B.:
.clerk-slider-wrapper {
  min-height: 300px; /* nach Bedarf anpassen */
  width: 100%;
}

SEO-Überlegungen #

Verlinkung und Crawlability #

  • Clerk.js fügt Empfehlungslinks dynamisch auf der Client-Seite ein.
  • Diese Links können die interne Verlinkung verbessern, indem sie verwandte Seiten verbinden, wenn die Suchmaschinen sie korrekt rendern und folgen.
  • Da sie JavaScript-injiziert sind, sollten Sie überprüfen, wie Suchmaschinen-Crawler sie rendern und interpretieren.
  • Richtig gecrawlte Links können die Crawlability verbessern und es Suchmaschinen ermöglichen, mehr Seiten zu entdecken und zu indexieren.

PageRank-Verteilung #

  • Wenn Suchmaschinen sie crawlen können, können Clerk.js-Links helfen, Link-Eigenkapital (PageRank) über wichtige Seiten zu verteilen.
  • Dies unterstützt die verbesserte Sichtbarkeit und das Ranking von Produkt- und Kategorieseiten.

Beobachtete Vorteile #

  • Eine korrekte Clerk.js-Integration kann mit stärkeren internen Verlinkungsstrukturen korrelieren, die die Sichtbarkeit in den Suchergebnissen unterstützen können.
  • Die Dashboards von Clerk.io bieten Analysen zu Bestellbeeinflussungen, Konversionssteigerungen und Umsatzbeiträgen aus Such-, Empfehlungs-, E-Mail- und Zielgruppenfunktionen.

Empfohlene Best Practices #

  1. Optimieren Sie Bilder (WebP-Format, korrekte Auflösung).
  2. Reservieren Sie Layoutplatz für dynamische Elemente, um Layoutverschiebungen zu verhindern.
  3. Überwachen Sie reale Metriken, anstatt sich nur auf automatisierte Bewertungen zu verlassen. Verwenden Sie die Dashboards von Clerk, um die Auswirkungen über verschiedene Kanäle zu bewerten.

Sliders

1

Slider

Grundlagen #

Clerk.js verfügt über eine integrierte Funktion, um Produkte mit Slidern anzuzeigen. Diese Funktion zeigt eine Reihe von Produkten mit einem Satz von Pfeilen, mit denen Kunden viele Produkte mit nur wenigen Klicks durchsuchen können.

Im Grunde funktioniert es, indem eine lange, horizontale Liste von Produkten erstellt wird und dann jeweils ein festes „Fenster“ von Produkten angezeigt wird, das mit den Buttons gesteuert wird.

Die Slider-Funktionalität ist so programmiert, dass bei jedem Klick eine komplett neue Reihe von Produkten angezeigt wird, um möglichst viele neue Produkte mit möglichst wenigen Klicks anzeigen zu können.

...

Instant Search

1

Instant search

Überblick #

Dieses Dropdown ermöglicht es Ihren Kunden, Produkte direkt über Ihre Suchleiste zu durchsuchen und zu kaufen. Es kombiniert die besten Funktionen moderner Suchmaschinen mit einer speziell auf den E-Commerce zugeschnittenen Note:

  • Für Geschwindigkeit optimiert: Zeigt Ergebnisse im Bruchteil einer Sekunde an, während der Besucher tippt
  • Semantische Suche: Versteht, was der Besucher meint.
  • Korrigiert automatisch Rechtschreibfehler: Der Besucher sollte gar nicht merken, dass er den Fehler gemacht hat.
  • Prognostiziert das Kundenverhalten: Treffer werden danach sortiert, wie wahrscheinlich sie aktuell verkauft werden.

Diese Funktionen machen die Suche in Ihrem Webshop über die Suchleiste zu einem nahtlosen Erlebnis für den Kunden und eröffnen Ihren Katalog auf neue Weise.

...

API

1

Alle Kommunikation mit Clerk erfolgt über die API:

https://api.clerk.io/v2

Die Einrichtung dieser Kommunikation erfordert 4 Schritte, die in diesem Leitfaden beschrieben sind. Sie müssen:

  1. Daten synchronisieren
  2. Ergebnisse abrufen
  3. Ergebnisse visualisieren
  4. Tracking hinzufügen

API-Schlüssel #

Diese Schlüssel werden verwendet, um auf die Daten Ihres Stores zuzugreifen. Sie finden sie in my.clerk.io > Developers > API Keys.

Sie bestehen aus einem Public key, der Zugriff auf Endpunkte mit nicht-sensiblen Daten gewährt, und einem Private Key, welcher das Arbeiten mit Daten des Stores und den Zugriff auf sensible Daten wie Kunden- und Bestellinformationen ermöglicht.

...

Chat FAQs

1

Chat FAQs

Diese sind zugänglich in My.clerk.io > Chat > Konfiguration > Chat FAQs

Manchmal möchten Sie vielleicht, dass die Chat-KI auf bestimmte Fragen auf eine bestimmte Weise antwortet. Zum Beispiel könnte es eine gute Idee sein, sie nur zu bitten, einen einzelnen Rabattcode zu senden, wenn sie dazu aufgefordert wird, oder auf Fragen zu Ihren Öffnungszeiten auf eine spezialisierte Weise zu antworten.

Benutzer müssen nicht die genaue Frage stellen, die Sie konfigurieren - jede Variation führt dennoch zu der Art von Antwort, die Sie bereitstellen. Der Chat wird den bereits konfigurierten Tonfall verwenden und die Antwort umformulieren, um zu passen, wie der Benutzer die Frage gestellt hat.

...

DSGVO

1

Clerk ist vollständig DSGVO-konform. Dieser Artikel erklärt alles, was Sie über Clerk und die DSGVO wissen müssen und wie wir es Ihnen erleichtern, DSGVO-Anfragen zu bearbeiten.

Trust Center #

Im trust.clerk.io können Sie unsere Datenschutzrichtlinie, Subprozessoren, Datenverwaltung und vieles mehr einsehen. Die Seite enthält alle Informationen, die Sie benötigen, um zu verstehen, wie Clerk Ihre Daten verarbeitet.

...

FAQ

1

Stoßen Sie auf Probleme mit Ihrer E-Mail-Integration? Dieses FAQ behandelt die häufigsten Probleme und deren Lösungen – von blockierten Bildern bis zu Caching-Problemen.

Blockierte Produktbilder #

Wie Sie wahrscheinlich wissen, unterstützen E-Mail-Clients nicht das übliche HTML/CSS/JS, das in allen Browsern problemlos läuft.

Aus diesem Grund verwenden wir einen Workaround, um unsere Email Produktempfehlungen dynamisch zu erzeugen.

Wir verwenden eine Web-Template-Engine namens Jinja und können damit alle Produktattribute und -stile dynamisch als einfache Bilder mit Links ausgeben.

...

MJML-Designs

1

MJML ist eine Markup-Sprache, die speziell für den Aufbau responsiver E-Mails entwickelt wurde. Anstatt sich mit HTML-Tabellen und Inline-Styles herumzuschlagen, um ein konsistentes Ergebnis in Gmail, Outlook und Apple Mail zu erzielen, schreiben Sie sauberes, semantisches Markup, und MJML kompiliert es in bewährtes HTML, das überall funktioniert.

Der E-Mail-Kampagneneditor von Clerk.io enthält einen integrierten MJML-Editor, was ihn zur empfohlenen Methode für das Erstellen von E-Mail-Designs macht, die auf jedem Gerät oder Client großartig aussehen.

...

Search

1

Allgemein #

Fügen Sie Ihrem BigCommerce-Webshop eine leistungsstarke Suchfunktion hinzu. Clerk.io bietet drei ergänzende Suchlösungen:

  • Ein Instant Search Dropdown.
  • Eine Search Page mit facettierten Filtern.
  • Ein Omnisearch-Overlay, das beides kombiniert.

Instant Search liefert Echtzeitergebnisse, während Kunden tippen, und zeigt diese in einem Dropdown unter dem Suchfeld an.

Design erstellen #

Verwenden Sie den Design Editor oder code designs.

Design Editor #

  1. Gehen Sie zu Search > Designs und klicken Sie auf New Design.
  2. Wählen Sie Other designs > Instant Search.
  3. Wählen Sie eine Vorlage als Ausgangspunkt.
  4. Benennen Sie das Design und klicken Sie auf Create design.
  5. Passen Sie das Design nach Bedarf an.

Code Design #

  1. Gehen Sie zu Search > Designs und klicken Sie auf New Design.
  2. Wählen Sie Other designs > Blank > With code.
  3. Benennen Sie das Design und klicken Sie auf Save.
  4. Erstellen Sie ein Code Design mit Liquid.

Element erstellen #

Dies hält die Einstellungen, um das Instant Search Dropdown anzuzeigen und einbettbar zu machen.

...

Search

1

Search code

Clerk.io bietet drei verschiedene Suchlösungen an, die zusammen oder einzeln verwendet werden können:

Dieser Artikel erklärt, wie man mit der Clerk.io DanDomain Classic App startet.

Instant Search
Instant Search liefert Suchergebnisse in Echtzeit, während Kund:innen tippen, und zeigt diese in einem Dropdown unter dem Suchfeld an.

Design erstellen #

Du kannst entweder den Design Editor für die visuelle Konfiguration verwenden oder code designs nutzen.

...

Diese Seite wurde von einer hilfreichen KI übersetzt, daher kann es zu Sprachfehlern kommen. Vielen Dank für Ihr Verständnis.