Anleitung: OG Meta‑Plugin in Joomla installieren
Dieses Plugin fügt automatisch Open‑Graph‑Meta‑Tags in Joomla‑Artikel ein. Damit werden Beitragsbilder korrekt auf Facebook, Twitter und anderen sozialen Netzwerken angezeigt. Diese Anleitung zeigt dir Schritt für Schritt, wie du das Plugin installierst und aktivierst.
1. Plugin-Dateien vorbereiten
Erstelle lokal einen Ordner ogmeta und lege diese Dateien hinein:
ogmeta.php
<?php
defined('_JEXEC') or die;
use Joomla\CMS\Plugin\CMSPlugin;
use Joomla\CMS\Factory;
use Joomla\CMS\Document\HtmlDocument;
class PlgContentOgmeta extends CMSPlugin
{
public function onContentPrepare($context, &$article, &$params, $limitstart)
{
$regex = '/{ogimage\s+src="([^"]+)"}/i';
if (preg_match($regex, $article->text, $matches)) {
$imageUrl = $matches[1];
$article->text = preg_replace($regex, '', $article->text);
$doc = Factory::getDocument();
if ($doc instanceof HtmlDocument) {
$doc->addCustomTag('<meta property="og:image" content="' . $imageUrl . '" />');
$doc->addCustomTag('<meta property="og:image:width" content="1200" />');
$doc->addCustomTag('<meta property="og:image:height" content="630" />');
$doc->addCustomTag('<meta property="og:type" content="article" />');
}
}
}
}
ogmeta.xml
<?xml version="1.0" encoding="utf-8"?>
<extension type="plugin" version="4.0" group="content" method="upgrade">
<name>plg_content_ogmeta</name>
<author>SK-Reg</author>
<version>1.0.0</version>
<description>Fügt Open-Graph-Meta-Tags über Shortcodes in Joomla-Artikeln ein.</description>
<files>
<filename plugin="ogmeta">ogmeta.php</filename>
<filename>index.html</filename>
</files>
</extension>
index.html
<!DOCTYPE html><title></title>
Packe den Ordner ogmeta als ogmeta.zip.
2. Plugin in Joomla installieren
- In Joomla: Erweiterungen → Verwalten → Installieren
- ogmeta.zip hochladen
- Warten, bis die Installation abgeschlossen ist
3. Plugin aktivieren
- Gehe zu Erweiterungen → Plugins
- Suche nach ogmeta (Typ: content)
- Plugin öffnen und auf Aktiviert stellen
4. Shortcode im Artikel verwenden
Im Joomla-Beitrag fügst du z. B. oben im Text ein:
{ ogimage src="https://sk-xxx.de/images/blog_header/ogimag.jpg"}
bitte das leerzeichen am anfang ({ ) entfernen ({ogimage)
Das Plugin entfernt den Shortcode aus dem sichtbaren Inhalt und setzt im <head> die passenden og:image-Meta-Tags, damit Facebook dein Bild lädt.