Wie du deine Website über WhatsApp teilst (damit nicht nur eine blaue Zeile ankommt)

Wenn du den Link zu deiner Website über WhatsApp teilst, erstellt die App eine Karte mit Titel, Beschreibung und Bild — Daten, die auf deiner Seite gespeichert sind, nicht ihr Inhalt. Ohne Bild oder mit dem Titel "Start" kommt die Karte leer an.

Paty backt Kuchen auf Bestellung in Veracruz. Man bat sie um den Link zu ihrer Website, um ihn einer Schwester zu zeigen, die im November heiratet. Sie schickte ihn, und in der Familiengruppe erschien eine blaue Zeile mit winzigen Buchstaben, die Start sagte. Nichts weiter. Kein Foto, kein Name, kein Kuchen.

Niemand klickte darauf. Nach zehn Minuten schrieb die Schwester: „Hast du Fotos?” — und Paty landete dabei, acht Fotos über WhatsApp zu schicken, eins nach dem anderen, genau die Arbeit, die ihr die Website eigentlich abnehmen sollte.

Die Website war in Ordnung. Was nicht stimmte, war, wie sie aussieht, wenn man die Seite über WhatsApp teilt — das ist etwas anderes, und fast niemand überprüft es.

Was ist die kleine Karte, die beim Teilen deiner Website über WhatsApp erscheint?

Wenn du einen Link in WhatsApp, in Facebook oder in eine Nachricht einfügst, schickt die App nicht die Website — sie schickt eine kleine Karte mit drei Dingen.

  • Einen Titel (eine Zeile, fett gedruckt).
  • Eine Beschreibung (ein bis zwei Zeilen, in Grau).
  • Ein Bild.

Diese drei Angaben existieren getrennt vom Inhalt deiner Website. Es ist nicht das Erste, was man innerhalb der Seite sieht; es ist ein Text und ein Foto, die deine Website genau für diesen Moment gespeichert hat. Deshalb kannst du eine wunderschöne Website und trotzdem eine leere Karte haben: Es sind zwei getrennte Dinge.

Und hier kommt der wichtige Punkt: Diese Karte ist das Einzige, was die Leute sehen, bevor sie entscheiden, ob sie reinklicken. Nicht deine Website macht den ersten Eindruck — die Karte macht ihn.

In Mexiko wiegt das schwerer als anderswo, denn dein Link reist fast nie allein. Er reist weitergeleitet: Eine Kundin gibt ihn ihrer Freundin weiter, jemand postet ihn in der Nachbarschaftsgruppe, dein Neffe schickt ihn in den Arbeits-Chat weiter. Jede dieser Weiterleitungen ist eine Karte.

Es sind fast immer drei Gründe, in dieser Reihenfolge.

Es ist kein Bild hinterlegt. Das ist der häufigste Grund, besonders wenn die Website schnell erstellt wurde. Ohne Bild zeichnet WhatsApp keine Karte: Der Link bleibt blank. Ein blanker Link mit einer langen Adresse liest sich wie ein Kettenbrief-Link, von denen, die niemand öffnet.

Das Bild ist das Logo mit transparentem Hintergrund. Das ist der frustrierendste Fall, denn du hast ja etwas hinterlegt. Ein PNG-Logo ohne Hintergrund sieht auf deiner weißen Seite perfekt aus, aber in der WhatsApp-Karte landet es auf einem dunklen Hintergrund: Es entsteht ein schwarzes Feld mit Buchstaben, die man nicht lesen kann. Das sieht schlimmer aus, als gar nichts zu haben, denn es vermittelt: „Das ist kaputt.”

Der Titel sagt „Start”. Oder „Startseite”, oder der Name der Vorlage. Das ist der Titel, den die Seite bei der Erstellung mitbrachte und den niemand geändert hat. Diese Zeile leistet von den drei Elementen die meiste Arbeit — und ist genau die, die beim Werkszustand bleibt.

Wie überprüfe ich, wie meine Website beim Teilen über WhatsApp aussieht?

So testest du es, und es dauert weniger als eine Minute: Öffne WhatsApp, geh in den Chat mit dir selbst (der, der Nachrichten an dich selbst heißt), füge den Link deiner Website ein und warte zwei Sekunden, bis die Karte lädt.

Und jetzt der schwierige Teil: klick nicht darauf. Schau dir die Karte an, als wüsstest du nicht, was sich dahinter verbirgt. Das ist buchstäblich das, was deine Kundin vor sich hat. Wenn die Karte nicht sagt, was du verkaufst oder woher du kommst, spielt es keine Rolle, was drinnen ist.

Mach das, wenn möglich, auch auf dem Handy einer anderen Person, oder bitte eine Freundin, dir den Link weiterzuleiten. Nicht um etwas anderes zu sehen — sondern um es zu sehen, ohne schon zu wissen, was dort steht.

Warum aktualisiert WhatsApp die Karte nicht, obwohl ich Titel oder Foto schon geändert habe?

WhatsApp speichert die erste Karte, die es von deinem Link gesehen hat, und verwendet sie eine Weile weiter, selbst wenn du den Titel oder das Foto längst geändert hast — deshalb erscheint immer wieder die alte Karte. Das ist der Punkt, der die Leute in den Wahnsinn treibt und den fast niemand erklärt.

Du korrigierst den Titel, änderst das Foto, schickst den Link erneut … und es kommt dieselbe hässliche Karte wie vorher an. Es liegt nicht daran, dass deine Änderung nicht gespeichert wurde. Es liegt daran, dass nicht du die Karte speicherst: WhatsApp behält die Version, die es beim ersten Mal gesehen hat, und nutzt sie eine Weile weiter.

Zwei Wege, da herauszukommen:

  • Warte. Sie aktualisiert sich mit der Zeit von selbst.
  • Schick den Link mit etwas angehängt am Ende, zum Beispiel tunegocio.com/?2. Für WhatsApp ist das eine Adresse, die es noch nie gesehen hat, also holt es die neue Karte. Die Website öffnet sich trotzdem ganz normal.

Pass auf, dass du nicht den falschen Schluss ziehst: Wenn die alte Karte ankommt, bau die Website nicht neu. Überprüfe es mit dem ?2-Trick, und du wirst sehen, dass deine Änderung tatsächlich gespeichert wurde.

Was sollte ich bei Titel, Beschreibung und Bild eintragen?

Der Titel enthält deinen Namen, was du machst und deine Stadt; die Beschreibung beantwortet das, was die Leute fragen, bevor sie dir schreiben; das Bild ist ein echtes Querformat-Foto deines Produkts, niemals das Logo. Das ist der Teil, den du heute wirklich fertigstellen kannst.

Der Titel — Name + was du machst + Stadt. Nicht „Start”, nicht nur dein Name. „Pastelería Paty — Kuchen auf Bestellung in Veracruz.” Klingt simpel, und es ist die Zeile, die dafür sorgt, dass jemand in einer Sekunde weiß, ob das für ihn passt.

Die Beschreibung — das, was die Leute fragen, bevor sie dir schreiben. Bei einem Kuchen auf Bestellung ist das: wie viel Vorlauf nötig ist, ob du nach Hause lieferst und ab wie viel das ungefähr kostet. „Kuchen und Dessert-Buffets auf Bestellung. Bestellungen mit 3 Tagen Vorlauf. Lieferung in Veracruz und Boca del Río. Ab $650.” Eine echte Zahl erspart zwanzig Nachrichten.

Das Bild — ein echtes Querformat-Foto deines Produkts oder deines Ladens. Nicht das Logo. Die Karte ist breit und flach: Ein Hochformat-Foto wird in der Mitte abgeschnitten und köpft den Kuchen regelrecht. Es sollte keinen Text drauf haben, denn in dieser Größe liest man ihn nicht — er macht nur unruhig.

Wenn du nur eine Sache reparieren kannst, dann das Foto. Es ist das, was man noch von der anderen Seite des Raums erkennt.

Was das nicht behebt

Eine gut gemachte Karte bringt Leute dazu, darauf zu klicken. Nichts weiter.

Wenn drinnen keine Preise, keine Öffnungszeiten und keine Möglichkeit stehen, dich zu kontaktieren, hast du nur die Enttäuschung vorverlegt: Jetzt klicken sie rein und gehen dann wieder, statt gar nicht erst reinzuklicken. Die Karte ist das Cover; die eigentliche Arbeit bleibt auf der Website.

Und es behebt nicht, was du schon verschickt hast. Die Links, die du letzten Monat geteilt hast, zeigen in den Chats, in denen sie eingefügt wurden, weiterhin die damalige Karte. Es gibt keine Möglichkeit, sie nachträglich zu korrigieren. Was du aber tun kannst: dafür sorgen, dass ab heute alles, was von deinem Handy raus geht, richtig aussieht.

Mach es heute fertig

Wenn du gerade erst anfängst: Das wird nicht separat konfiguriert, sondern beschrieben. Schreib in Proyecta etwas wie „eine Website für meine Pastelería in Veracruz, mit Fotos von Kuchen, Preisen ab, wie viel Vorlauf ich für eine Bestellung brauche, Lieferzonen und einem WhatsApp-Button”, und heraus kommt eine veröffentlichte Website mit eigenem Link — und mit diesen drei Angaben schon eingetragen, denn sie sind Teil der Website, kein Extra.

Und wenn du schon eine Website hast, tu dir den Gefallen von einer Minute: Schick dir den Link in den Chat mit dir selbst und schau dir die Karte an, ohne darauf zu klicken. Wenn sie nicht sagt, was du verkaufst und woher du kommst, weißt du jetzt, welche drei Zeilen dir fehlen.

Probier es auf proyecta.dev.