Clerk & Seo

Clerk.js driver personlige shoppingoplevelser uden at bremse dit site eller skade SEO. Ved at bruge klient-side rendering og optimeret indlæsning balancerer det hastighed, ydeevne og søgbarhed.

SEO og Hastighed #

Det er en misforståelse, at JavaScript-funktioner som Clerk.js skader ydeevnen eller SEO. Automatiserede værktøjer overser ofte optimeringer som caching, parallel indlæsning og server-side håndtering.

Fordele ved Clerk.js Integration #

• Clerk.js-scriptet (≈ 37 - 38 KB) indlæses asynkront, hvilket gør det muligt for dit site at gengive, mens Clerk initialiseres.
• Clerk-elementer er klient-gengivet, hvilket betyder, at dit grundlæggende HTML forbliver cachebart, og dynamiske komponenter kun injiceres efter indlæsning.
• Dette muliggør effektiv server-side caching og ikke-blokerende indlæsning af Clerk.js aktiver.

Ydeevneindvirkning #

• Den lette og asynkrone natur af Clerk.js resulterer typisk i lille indvirkning på sideindlæsningstider.
• Den virkelige ydeevne påvirkning stammer ofte fra yderligere billeder gengivet i anbefalinger, ikke selve scriptet. For at minimere indvirkningen:
  • Brug passende størrelser, høj-effekt formater som WebP.
  • Ændr størrelsen på billeder for at matche visningsdimensioner (f.eks. 400×400 px → 420×420 px max).
• For at undgå layoutskift (CLS) skal der reserveres plads til injiceret Clerk-indhold. F.eks.:

.clerk-slider-wrapper {
  min-height: 300px; /* juster efter behov */
  width: 100%;
}

SEO Overvejelser #

Linking og Crawlability #

• Clerk.js injicerer anbefalingslinks dynamisk på klientsiden.
• Disse links kan forbedre intern linking ved at forbinde relaterede sider, hvis søgemaskinerne gengiver og følger dem korrekt.
• Da de er JavaScript-injicerede, bør du verificere, hvordan søgemaskinecrawlere gengiver og fortolker dem.
• Korrekt crawlede links kan forbedre crawlability og tillade søgemaskiner at opdage og indeksere flere sider.

PageRank Distribution #

• Når søgemaskiner kan crawle dem, kan Clerk.js-links hjælpe med at fordele link equity (PageRank) på nøglesider.
• Dette understøtter forbedret synlighed og rangering af produkt- og kategorisider.

Observerede Fordele #

• Korrekt Clerk.js-integration kan korrelere med stærkere interne linkingstrukturer, som kan understøtte forbedret synlighed i søgeresultater.
• Clerk.io dashboards giver analyser om ordreindflydelse, konverteringsløft og indtægtsbidrag fra Søgning, Anbefalinger, E-mail og Publikum funktioner.

Anbefalede Bedste Praksis #

1. Optimer billeder (WebP-format, korrekt opløsning).
2. Reserver layoutplads til dynamiske elementer for at forhindre layoutskift.
3. Overvåg virkelige målinger i stedet for kun at stole på automatiserede scorer. Brug Clerk’s dashboards til at evaluere indvirkningen på tværs af kanaler.

Sliders

Grundlæggende #

Clerk.js leveres med en indbygget funktion til at vise produkter med sliders. Denne funktion viser en række produkter med et sæt pile, der lader kunder navigere mellem mange produkter med blot et par klik.

Det fungerer grundlæggende ved at oprette en lang, vandret liste med produkter, og derefter vise et fast “vindue” af produkter ad gangen, som styres med knapperne.

Slider-funktionaliteten er kodet til at vise en helt ny række produkter for hvert klik, for at vise så mange nye produkter som muligt med så få klik som muligt.

Instant Search

Oversigt #

Denne dropdown gør det muligt for dine kunder at gennemse og købe produkter direkte fra din søgebar. Den kombinerer de bedste funktioner fra moderne søgemaskiner med et e-handels-specifikt twist:

• Optimeret til hastighed: Viser resultater i løbet af et øjeblik, mens besøgende skriver
• Semantisk search: Forstår hvad besøgende mener.
• Retter automatisk stavefejl: Besøgende skal ikke opdage, at de lavede stavefejlen til at begynde med.
• Forudsiger kundeadfærd: Matches sorteres efter, hvor sandsynligt det er, at de sælger med det samme.

Disse funktioner gør det til en gnidningsfri oplevelse for kunden at søge i din webshop fra søgebaren og åbner dit katalog på en ny måde.

API

Al kommunikation med Clerk foregår gennem API’et:

https://api.clerk.io/v2

Opsætning af denne kommunikation kræver 4 trin, som beskrives i denne guide. Du skal:

1. Synkronisere data
2. Hente resultater
3. Visualisere resultaterne
4. Tilføje tracking

API-nøgler #

Disse nøgler bruges til at tilgå data fra din Store. De findes i my.clerk.io > Developers > API Keys.

De består af en Public key, som giver adgang til end points, der viser ikke-følsomme data, og en Private Key som gør det muligt at arbejde med data i Store og tilgå følsomme data, såsom kunde- og ordreinformation.

Chat FAQs

Disse tilgås i My.clerk.io > Chat > Configuration > Chat FAQs

Nogle gange vil du måske gerne tvinge Chat AI’en til at svare på en bestemt måde på visse spørgsmål. F.eks. kan det være en god idé at bede den om kun at sende en enkelt rabatkode, når den bliver spurgt, eller svare på spørgsmål om dine åbningstider på en specialiseret måde.

Brugere behøver ikke at stille det præcise spørgsmål, du konfigurerer - enhver variation vil stadig resultere i den type svar, du giver. Chatten vil bruge den tone, du allerede har konfigureret, og omformulere svaret, så det passer til, hvordan brugeren stillede spørgsmålet.

FAQ

Støder du på problemer med din email-integration? Denne FAQ dækker de mest almindelige problemer og deres løsninger, fra blokerede billeder til cache-problemer.

Blokerede produktbilleder #

Som du sikkert ved, understøtter emailklienter ikke den typiske HTML/CSS/JS, der kører problemfrit i alle browsere.

Af denne grund bruger vi en workaround til dynamisk at generere vores Email-produktanbefalinger.

Vi bruger en webskabelonmotor kaldet Jinja, og gennem denne kan vi dynamisk vise alle produktegenskaber og -stilarter som almindelige billeder med links.

GDPR

Clerk er fuldt ud GDPR-kompatibel. Denne artikel forklarer alt, du behøver at vide om Clerk og GDPR, og hvordan vi gør det nemt for dig at håndtere GDPR-anmodninger.

Trust Center #

På trust.clerk.io kan du gennemgå vores privatlivspolitik, underdatabehandlere, datastyring og meget mere. Siden indeholder alt, der er nødvendigt for at forstå, hvordan Clerk håndterer dine data.

MJML Designs

MJML er et markup-sprog designet specifikt til at bygge responsive emails. I stedet for at kæmpe med HTML-tabeller og inline-styles for at opnå ensartet visning på Gmail, Outlook og Apple Mail, skriver du ren, semantisk markup, og MJML kompilerer det til gennemtestet HTML, der virker overalt.

Clerk.io’s email-kampagneeditor inkluderer en indbygget MJML-editor, hvilket gør det til den anbefalede metode til at skabe email-designs, der ser godt ud på enhver enhed eller klient.

Search

Generelt #

Tilføj kraftfuld søgefunktionalitet til din BigCommerce-webshop. Clerk.io tilbyder tre komplementære søgeløsninger:

• En Instant Search dropdown.
• En Search Page med facetterede filtre.
• Et Omnisearch-overlay, der kombinerer begge.

Instant Search #

Instant Search leverer resultater i realtid, mens kunderne skriver, vist i en dropdown under søgefeltet.

Opret design #

Brug enten Design Editor eller kodebaserede designs.

Design Editor #

1. Gå til Search > Designs og klik på New Design.
2. Vælg Other designs > Instant Search.
3. Vælg en skabelon at starte fra.
4. Navngiv den og klik på Create design.
5. Tilpas designet efter behov.

Kodedesign #

1. Gå til Search > Designs og klik på New Design.
2. Vælg Other designs > Blank > With code.
3. Navngiv den og klik på Save.
4. Byg et kodedesign med Liquid.

Opret element #

Dette holder indstillingerne til at vise Instant Search dropdown og gøre det indlejringsbart.

Search

Clerk.io tilbyder tre forskellige søgeløsninger, som kan bruges sammen eller hver for sig:

• En Instant Search dropdown.
• En Search Page med Faceted Search-filtering.
• En Omnisearch overlay, der kombinerer begge dele.

Denne artikel forklarer, hvordan du kommer i gang med Clerk.io DanDomain Classic-appen.

Instant Search #

Opret design #

Du kan enten bruge Design Editor til at konfigurere det visuelt, eller bruge code designs.