joom.team Logojoom.team Logo
  • +49 (89) 125 018 524
  • mail@joom.team
    • DE
    • EN
  • Home
  • Entwicklung
  • Updates & Wartung
  • Referenzen
  • Joomla Wiki
  • Über uns

Hinzufügen von Open Graph zu Ihrer Joomla-Seite

Ob es uns gefällt oder nicht, Facebook ist überall. Und wenn Sie eine starke Online-Präsenz haben wollen, ist die Integration in soziale Netzwerke ein Muss. Lassen Sie uns sehen, was Open Graph ist und wie Sie es zu Ihrer Joomla-Seite hinzufügen können.

Was ist Open Graph?

Lassen Sie uns gleich loslegen. Mit Open Graph können Sie Ihre Webseite in das Facebook-Universum integrieren.

Was bedeutet das?

Wann immer jemand einen Link zu Ihrer Webseite auf Facebook teilt, sieht er eine umfangreiche Link-Vorschau mit einem Bild, einem Titel, einer Beschreibung und ein paar anderen Details. Wenn Sie keine Open Graph-Integration haben, wird Facebook lediglich raten, welche Informationen verwendet werden sollen. Mit Open Graph können Sie gezielt festlegen, welche Informationen angezeigt werden sollen.

open-graph-implementation
Beispiel für die Implementierung von Open Graph

Wie kann ich Open Graph zu meiner Webseite hinzufügen?

Wir wussten, dass Sie das fragen würden.
Lassen Sie uns anfangen!

Der einfache Weg

Sie haben es wahrscheinlich erraten...Es gibt dafür ein Plugin!

Gehen Sie zum Joomla Extensions Directory und suchen Sie nach "Open Graph".
Sie werden viele Plugins sehen, die entwickelt wurden, um Open Graph zu Ihrer Webseite hinzuzufügen. Einige von ihnen sind kostenpflichtig, andere sind kostenlos. Lassen Sie uns für dieses Tutorial ein kostenloses verwenden.
Ich habe das VM OG Meta Tag von Abhishek Das heruntergeladen.

Wenn Sie Probleme beim Herunterladen des Plugins haben, lesen Sie bitte unser Wie man eine Joomla-Erweiterung sucht und installiert.

Nach dem Herunterladen müssen wir es unter Erweiterungen -> Plugins suchen und aktivieren.

vm-og-meta-tag
VM OG Meta Tag Einstellungen

Die eigentliche Magie geschieht dann in den Einstellungen. Ändern Sie die Werte, wie Sie es für richtig halten, und klicken Sie auf Speichern.

<meta property="og:type" content="article">

<meta property="og:title" content="Homepage">

<meta property="og:url" content="https://www.yoursite.com">

<meta property="og:site_name" content="This is a site name">

<meta property="og:image" content="https://www.yoursite.com/images/joomla_black.png">

Der schwierige(re) Weg

Naja, eigentlich ist es nicht wirklich schwieriger. Es erfordert jedoch ein wenig mehr Fummelei mit dem Code, wenn wir den Open Graph Code ohne die Hilfe eines Plugins direkt in unsere index.php einfügen.

  1. Gehen Sie zu Erweiterungen -> Vorlagen -> Vorlagen
  2. Klicken Sie auf die Vorlage, die Sie aktuell verwenden
  3. Klicken Sie auf index.php
  4. Fügen Sie den Code in den <head> ein
  5. Klicken Sie auf Speichern
manual-implementation
Manuelles Einfügen des Codes

Wenn Sie Ihre Seite aktualisieren, sehen Sie den von Ihnen hinzugefügten Code.

Dies war ein kurzer Artikel über das Hinzufügen von Open Graph zu Ihrer Website. Wann immer sich Ihre Website mit Facebook verheddert, haben Sie eine reichhaltige Vorschau Ihres Links.

Kontaktieren Sie uns!

Bitte geben Sie eine gültige Website-URL ein.
Bitte geben Sie eine gültige E-Mail-Adresse ein.
Bitte geben Sie eine gültige Telefonnummer ein.
Invalid Input
Bitte stimmen Sie unserer Datenschutzerklärung zu.
Die hier erhobenen personenbezogenen Daten werden nur für die interne Bearbeitung verwendet und nicht an Dritte weitergegeben. Bitte beachten Sie unsere Datenschutzerklärung.

   München, Deutschland  |  Manchester, UK  |  Zagreb, Kroatien

joom.team ist weder mit Joomla Project noch Open Source Matters affiliiert und wird auch nicht durch diese gesponsert. Der Joomla Name und das Joomla Logo werden im Rahmen einer limitierten Lizenz verwendet, die von Open Source Matters als der Markeninhaberin in den Vereinigten Staaten und anderen Ländern erteilt wurde.

© Copyright 2023
Datenschutz |  Impressum

  • Home
  • Entwicklung
  • Updates & Wartung
  • Referenzen
  • Joomla Wiki
  • Über uns