Machen Sie es Besuchern leicht, Ihre Inhalte zu teilen?

Eine Empfehlung von jemandem, dem ein Kunde vertraut, kann überzeugender sein als jede gekaufte Anzeige – aber nur, wenn das Teilen mühelos ist und der geteilte Link gut aussieht, wo er landet. Beides ist leicht richtig zu machen – und beides wird gern mit schweren Widgets übertrieben, die mehr kosten, als sie bringen.

Sorgen Sie für gute Link-Vorschauen

Die halbe Miete ist, was passiert, nachdem jemand geteilt hat. Landet ein Link in einem Chat oder Feed, liest die Plattform Ihre Open-Graph-Metadaten – die Angaben, aus denen sie die Vorschaukarte baut. Ohne brauchbare Metadaten bleibt womöglich nur die nackte URL, oder die Plattform bastelt aus der Seite eine schlechtere Vorschau.

<meta property="og:title" content="50 practical website tips">
<meta property="og:type" content="website">
<meta property="og:description" content="No-nonsense advice to make your site healthier.">
<meta property="og:image" content="https://example.com/assets/og.png">
<meta property="og:image:alt" content="Site Advice – 50 practical website tips">
<meta property="og:url" content="https://example.com/tips/">
<meta name="twitter:card" content="summary_large_image">

Geben Sie jeder wichtigen Seite die Kern-Eigenschaften – og:title, og:type, og:image, eine kanonische og:url – plus eine brauchbare Beschreibung und og:image:alt. Nehmen Sie eine absolute HTTPS-Bild-URL in einem breit unterstützten Querformat (1200×630 ist eine übliche Wahl, kein Gesetz), halten Sie Wichtiges von den Rändern fern und prüfen Sie den Zuschnitt, wo er zählt. Diese Tags sind Empfehlungen, an die sich Plattformen meist halten – keine Garantie. Testen Sie also einen echten Link, und denken Sie daran: Vorschau-Crawler brauchen Seite und Bild öffentlich abrufbar, mit den Metadaten schon im ersten HTML – und Dienste zeigen nach einer Korrektur womöglich noch eine ältere Fassung aus dem Cache.

Halten Sie das Teilen schlank – und barrierefrei

Der verlockende Griff ist das offizielle Teilen-Widget jeder Plattform. Meist: lieber nicht. Viele laden fremde Ressourcen, machen die Seite schwerer und können Besucherdaten an die Plattform schicken – prüfen Sie, ob ein Widget schon vor dem ersten Klick nach Hause funkt und was das für Ihre Einwilligungslösung heißt. Für die simple Aufgabe, eine URL zu teilen, reichen leichtere Mittel:

• Die Web Share API öffnet, wo unterstützt, das Teilen-Menü des Systems (sie braucht HTTPS und eine direkte Nutzeraktion und steckt nicht in jedem Browser – per Feature-Erkennung prüfen und eine sichtbare Alternative behalten). Hängen Sie den Handler aus einem externen Skript an (Inline-onclick wird überall blockiert, wo Ihre CSP Inline-Skripte verbietet), und teilen Sie die kanonische öffentliche URL, nicht location.href mit seinen Tracking-Parametern und seinem Zustand:

  <button id="share-btn" hidden>Share this page</button>

  // in an external script allowed by your CSP
  const btn = document.getElementById('share-btn');
  const url = document.querySelector('link[rel="canonical"]')?.href || location.href.split('?')[0];
  if (navigator.share) {
    btn.hidden = false;
    btn.addEventListener('click', async () => {
      try {
        await navigator.share({ title: document.title, url });
      } catch (err) {
        if (err.name !== 'AbortError') {
          // genuine failure – reveal the copy-link fallback; a deliberate cancel needs nothing
        }
      }
    });
  }

• Ein Link-kopieren-Button – die Clipboard-API aus einer Nutzeraktion heraus aufrufen, Ablehnung abfangen (auch sie braucht HTTPS) und Erfolg oder Misserfolg in einer sichtbaren Statusmeldung ansagen, statt ihn einfach anzunehmen.
• Schlichte Teilen-Links zu den Teilen-Adressen der Plattformen, wo Sie sichtbare Buttons wollen – einfache Anker mit sauber kodierter Ziel-URL, leicht anzupassen, wenn sich Adressen ändern. Beim Klick erhält die Plattform die Anfrage trotzdem – teilen Sie also nur saubere öffentliche URLs.

Egal welche Bedienelemente: Geben Sie jedem einen zugänglichen Namen, den Hilfstechnik vorlesen kann (gerade bei reinen Symbol-Buttons), sichtbaren Tastaturfokus und genug Fläche zum Antippen.

Verweisen Sie auf Profile, die Sie pflegen

Verlinken Sie die Social-Media-Profile, die Sie wirklich aktuell halten, damit interessierte Besucher Ihnen folgen können – ein gepflegtes Profil ist weit mehr wert als eine Wand aus Teilen-Symbolen für Netzwerke, die Sie gar nicht nutzen.

Was zu tun ist

1. Ergänzen Sie auf jeder wichtigen Seite die Open-Graph-Kern-Eigenschaften (og:title, og:type, og:image samt Alt-Text, og:url), eine brauchbare Beschreibung und twitter:card – das Markup behält das Präfix twitter:.
2. Testen Sie echte Links auf den Diensten, die Ihre Kunden nutzen; scheitert eine Vorschau, prüfen Sie erst Abrufbarkeit und Caching, bevor Sie die Tags verdächtigen.
3. Bieten Sie Web Share an, wo unterstützt, und überall einen Link-kopieren-Button, der sein Ergebnis meldet – beide teilen die kanonische URL.
4. Nehmen Sie für sichtbare Buttons schlichte, kodierte Teilen-Links statt Widget-Skripten, und geben Sie jedem Bedienelement einen zugänglichen Namen und einen Fokuszustand.
5. Verlinken Sie die Social-Media-Profile, die Sie wirklich pflegen – und machen Sie die Inhalte selbst weitergabewürdig; gute Vorschauen und leichte Bedienelemente senken nur die Hürde für Besucher, die ohnehin teilen wollen.