Optimieren von Metadaten

Wenn eine URL zum ersten Mal geteilt oder mit „Gefällt mir“ markiert wird, speichert der Facebook-Crawler die aufgelöste kanonische URL und ihre Metadaten. Mit dem Sharing Debugger kannst du die Ergebnisse dieser Speicherung anzeigen oder ein erneutes Auslesen erzwingen.

Du kannst Inhalte optimieren, indem du dem Crawler nur Open Graph-Meta-Tags und den Nutzern nur die Inhalte selbst bereitstellst. Alternativ kannst du den Crawler mit <link rel="opengraph" href="..."/> auf eine separate Seite verweisen, die nur für Metadaten verwendet wird.

Umgang mit großen Objekten mit Pointern

Wenn dein Inhalt über große Mengen an Metadaten verfügt, kannst du die Performance verbessern, indem du die Metadaten und den Inhalt über zwei separate URLs bereitstellst und Pointer verwendest, um die beiden Seiten zu verknüpfen. Dieser Ansatz ist ideal für Websites mit Responsive Design, da du Desktop- und mobilen Nutzern dieselbe Seite bereitstellen kannst.

Die URL, unter der dein Inhalt gehostet wird, sollte die erforderlichen Open Graph-Tags enthalten.

Füge anschließend ein zusätzliches Tag ein, das auf die Seite verweist, auf der die zusätzlichen Metadaten gehostet werden:

<link rel="opengraph" href="{DESTINATION_URL}"/>

Füge unter der Ziel-URL jegliche zusätzlichen Metadaten sowie einen Pointer zur ursprünglichen Seite ein:

<meta property="og:type" content="metadata"/>
<link rel="origin" href={SOURCE_URL}/>

Beachte Folgendes:

  • Die Quell-URL muss die grundlegenden Tags enthalten.
  • Die Quell-URL kann über eine beliebige Anzahl an Pointern verfügen, aber jede Seite, auf die verwiesen wird, muss mit einem link rel="origin"-Tag zurück auf die ursprüngliche Seite verweisen.
  • Pointer sind nur eine Ebene tief, eine Seite vom Typ „Metadaten“ kann also kein weiteres Element link rel="opengraph" enthalten

Optimieren für eine mobile Subdomain

Web-Apps, die Subdomains verwenden, um für Mobilgeräte optimierte Versionen bereitzustellen, können das Hinzufügen zusätzlicher Metadaten zu den mobilen Ansichten ihrer Seiten vermeiden, indem sie kanonische URLs verwenden, die auf die Desktop-Ansicht desselben Inhalts verweisen.

Füge einfach dieses Meta-Tag zur mobilen URL hinzu:

<link rel="canonical" href="DESKTOP_OBJECT_URL" />

Stelle sicher, dass du für deinen kanonischen href-Wert einen absoluten Pfad anstelle eines relativen Pfades verwendest.

Die Desktop-Seite sollte die grundlegenden Open Graph-Tags für deinen Inhalt enthalten, da sie vom Facebook-Crawler verwendet wird, um den Inhalt zu identifizieren.