Versionen im Vergleich

Alte Version 9

changes.mady.by.user Robert Buck

Gespeichert am

verglichen mit

Neue Version Aktuell

changes.mady.by.user Robert Buck

Gespeichert am

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

...

Um das Beste Ergebnis beim Teilen einer Website auf einer Social Media Plattform zu erreichen, muss das Theme speziell dafür ausgelegt sein. Dazu kommt das Open Graph Protokoll https://ogp.me/ zum Einsatz.

Damit werden über sogenannte HTML-Meta-Tags, welche im Theme platziert werden, die Meta-Informationen eines Artikels (Titel, Beschreibung, URL, Bild, etc.) der jeweiligen Social Media Plattform übermittelt. Je nach Social Media Plattform erfolgt die Implementation leicht anders. Details werden am Besten direkt aus den jeweiligen Dokumentationen entnommen:

Cloudrexx bietet folgende Platzhalter an, um die Meta-Informationen eines Artikels im Theme ausgeben zu können:

Platzhalter

Beschreibung

Beispiel

[[METATITLE]]

Enthält den Titel der zu teilenden Artikels.
Bei einer normalen Inhaltsseite entspricht dies dem Wert Titel aus dem Reiter SEO der Bearbeitungsmaske des Content Managers. Bei einer Anwendungsseite entspricht dies dem Namen des jeweiligen Eintrages, wie z.B. einer Veranstaltung, eines News Artikels, eines Shop Produkts, usw.

Codeblock
languagehtml
<meta property="og:title" content="[[METATITLE]]" />

[[METADESC]]

Enthält die Beschreibung des zu teilenden Artikels.
Bei einer normalen Inhaltsseite entspricht dies dem Wert Beschreibung aus dem Reiter SEO der Bearbeitungsmaske des Content Managers. Bei einer Anwendungsseite entspricht dies dem Inhalt des jeweiligen Eintrages, wie z.B. einer Veranstaltung, eines News Artikels, eines Shop Produkts, usw.

Codeblock
languagehtml
<meta property="og:description" content="[[METADESC]]" />

[[METAIMAGE]]

Enthält die URL des Bildes des zu teilenden Artikels.
Bei einer normalen Inhaltsseite entspricht dies dem Wert Bild aus dem Reiter SEO der Bearbeitungsmaske des Content Managers. Bei einer Anwendungsseite entspricht dies dem Inhalt des jeweiligen Eintrages, wie z.B. einer Veranstaltung, eines News Artikels, eines Shop Produkts, usw.

Codeblock
languagehtml
<meta property="og:image" content="[[METAIMAGE]]" />

[[METAIMAGE_WIDTH]]

Enthält die Breitenangabe (in Pixel) des Bildes des zu teilenden Artikels.

Codeblock
languagehtml
<meta property="og:image:width" content="[[METAIMAGE_WIDTH]]" />

[[METAIMAGE_HEIGHT]]

Enthält die Höhenangabe (in Pixel) des Bildes des zu teilenden Artikels.

Codeblock
languagehtml
<meta property="og:image:height" content="[[METAIMAGE_HEIGHT]]" />

[[METAURL]]

URL des zu teilenden Artikels.

Codeblock
languagehtml
<meta property="og:url" content="[[METAURL]]" />

Generell stehen die aufgeführten Platzhalter nur auf Seiten zur Verfügung, bei welchen die Suchmaschinenindizierung die Option Suchmaschinenindizierung erlauben im Reiter SEO in der Bearbeitungsmaske im Content Manager aktiv ist.

...

Einige Plattformen bieten Werkzeuge an, um die Integration zu Testen. Diese können auch genutzt werden, um den Cache der zu teilenden Seite zu löschen:

Einige Plattformen speichern sich die ausgelesenen Meta-Informationen. Als Folge haben Anpassungen an den Inhalten oder an der Integration im Theme keine Auswirkung. In diesem Fall bieten die Plattformen die Möglichkeit an, über deren Werkzeuge, den Cache zu leeren. Bei Facebook kann dies beim Sharing Debugger https://developers.facebook.com/tools/debug/ z.B. über die Funktion Erneut scrapen gemacht werden.

...