Sie sind hier: Startseite > CMSimple_XH > Plugins > OGra_XH

Plugin OGra_XH für CMSimple_XH

Diese Funktionserweiterung erstellt:

  • Strukturierte Daten (JSON-LD - JavaScript Object Notation for Linked Data) hauptsächlich für Google entsprechend schema.org Zur Optimierung von SERP (Search Engine Result Page).
  • Die Open Graph-Tags für Social-Media-Dienste (FacebookXING, LinkedIn u.a) entsprechend dem Open Graph Protocol, auch Google+ funktioniert damit sehr gut.
  • Und Tags für Twitter Card entsprechend developer.twitter.com.

 

OGra_XH arbeitet sehr gut mit dem Plugin Meta-Tags-Plus zusammen.
Es ist empfohlen, dieses Plugin zusammen mit Shariff_XH einzusetzen.

 

JSON-LD Logo

JSON-LD Logo

Kann für einzelne Seiten, unabhängig der allgemeinen Pluginkonfiguration, aktiviert und deaktiviert werden.

  • @type
    • Brand für Markennamen,
      Organization für alles andere (Firma, Verein, ...).
    • kann über den (Editor)Tab Google angepasst werden
       
  • url
    • URL der Seite
    • wird automatisch erzeugt
       
  • name
    • Name für das Produkt, den Verein, die Firma , ... wofür das Logo gedacht ist.
       
  • logo
    • URL eines Bildes zur Seite (.jpg, .png, .gif)
    • empfohlen min. 112 x 112 px
    • Ist ein Standardbild hinterlegt (Pluginkonfiguration) und ist für die Seite kein explizites Bild hinterlegt, wird dieses eingebunden.
    • kann über den (Editor)Tab Google angepasst werden
    • Für den Upload und die Verwaltung der Bilder bitte den Filemanager von CMSimple_XH nutzen!

JSON-LD

JSON-LD

Kann für einzelne Seiten, unabhängig der allgemeinen Pluginkonfiguration, aktiviert und deaktiviert werden.

  • @type
    • WebSite für erste veröffentlichte Seite
    • WebPage für alle anderen Seiten
       
  • name
    • Titel der Seite
    • als Standard wird der Seitentitel übernommen
    • kann über den (Editor)Tab Google angepasst werden
    • empfohlen max. 60 - 90 Zeichen

  • headline
    • entspricht name

  • alternateName
    • Name der Website
    • wird automatisch erzeugt
    • übernimmt den Namen aus der CMSimple_XH-Sprachdatei

  • description
    • Beschreibung der Seite
    • als Standard wird die (Meta)Seitenbeschreibung übernommen
    • kann über den (Editor)Tab Google angepasst werden
    • empfohlen max. 290 Zeichen

  • dateModified
    • Zeitpunkt der letzten Änderung
    • wird automatisch erzeugt

  • url
    • URL der Seite
    • wird automatisch erzeugt

  • author @type
    • Person für nur einen Autor, Organization für alles andere (Firma, Verein, ...).
    • kann über den (Editor)Tab Google angepasst werden

  • author name
    • bei Person nur einen Autor, bei Organization Firma, Verein, ... (voriges Feld).
    • kann über den (Editor)Tab Google angepasst werden

  • author url
    • Autorenhomepage
    • kann über den (Editor)Tab Google angepasst werden
       
  • author sameas
    • zusätzliche URL's, z.B. Twitter, Facebook o.ä. (https://twitter.com/Accountname). Eine URL pro Zeile.
    • kann über den (Editor)Tab Google angepasst werden
       
  • image
    • URL eines Bildes zur Seite (.jpg, .png, .gif)
    • Ist ein Standardbild hinterlegt (Pluginkonfiguration) und ist für die Seite kein explizites Bild hinterlegt, wird dieses eingebunden.
    • kann über den (Editor)Tab Google angepasst werden
    • Seitenverhältnis von 5 : 2, empfohlen min. 400 px breit.
    • Für den Upload und die Verwaltung der Bilder bitte den Filemanager von CMSimple_XH nutzen!

Zusätzlich, JSON-LD

Zusätzlich, JSON-LD

quick and dirty - Lösung, um JSON-LD einzusetzen.

Es muss ein vollständiges, fehlerfreies Script sein.

Das geht natürlich auch per Editor, direkt in den Content. Aber dieser muss erst angepasst werden, damit der Editor die Scripte bei der Codebereinigung nicht gleich wieder beseitig.
Außerdem ist es kein schönes Arbeiten, wenn solche Mengen Script im Editor zu sehen sind.

Beispiel:

<script type="application/ld+json">{
"@context": "http://www.schema.org",
"@type": "Organization",
"name": "Musterunternehmen",
"url": "https://www.domain.tld/",
"logo": "https://www.domain.tld/logo.png",
"description": "Beschreibung des Unternehmens",
"address": {
"@type": "PostalAddress",
"addressLocality": "Musterstadt",
"postalCode": "123456",
"streetAddress": "Musterstraße 10"
}}</script>

 

Das Ergebnis (Beispiel: cmsimple-xh.org) kann, je nach angegebenen Daten, so aussehen.

OGra_XH Snippet Optimierung

Google Testtool strukturierte Daten

 

Open Graph

Open Graph

  • og:type
    • website für die Startseite, article für alle anderen Seiten
    • wird automatisch erzeugt
       
  • og:locale
    • Lokalisierung
    • wird automatisch erzeugt
    • Grundeinstellung über Pluginkonfiguration
          en=en-GB
          de=de-DE
          fr=fr-FR
          …
          language_TERRITORY
    • SO-639-1-Codes für Sprachen
    • ISO-3166-1-alpha-2-Codes für Länder
       
  • og_title
    • Titel der Seite
    • als Standard wird der Seitentitel übernommen
    • kann über den (Editor)Tab OpenGraph angepasst werden
    • empfohlen max. 60 - 90 Zeichen
       
  • og:site_name
    • Name der Website
    • wird automatisch erzeugt
    • übernimmt den Namen aus der XH-Sprachdatei
       
  • og:description
    • Beschreibung der Seite
    • als Standard wird die (Meta)Seitenbeschreibung übernommen
    • kann über den (Editor)Tab OpenGraph angepasst werden
    • empfohlen max. 300 Zeichen
       
  • og:url
    • URL der Seite
    • wird automatisch erzeugt
       
  • og:updated_time
    • Zeitpunkt der letzten Änderung
    • wird automatisch erzeugt
       
  • og:image
    • URL eines Bildes zur Seite (.jpg, .png, .gif)
    • Ist ein Standardbild hinterlegt und ist für die Seite kein explizites Bild hinterlegt, wird dieses eingebunden.
    • kann über den (Editor)Tab OpenGraph angepasst werden
    • Seitenverhältnis von 1,91 : 1
    • Standard 600 x 315 Pixel
    • Empfehlung 1200 x 630 Pixel
    • Minimum: 200 x 200 Pixel – das Bild wird als kleines Quadrat angezeigt – nicht zu empfehlen
    • Für den Upload und die Verwaltung der Bilder bitte den Filemanager von CMSimple_XH nutzen!

 

Das Ergebnis (Beispiel: cmsimple-xh.org) kann, je nach angegebenen Daten und Bildern, so aussehen.

 

OGra_XH Vorschau Facebook

Open Graph Preview

 

OGra_XH Datenvorschau OpenGraph

Facebook Meta Inspector

OGra_XH Link-Post Google+

Google+ Linkpost

 

Twitter Card

Twitter Card

  • twitter:card
    • summary oder summary_large_image
    • Standard wird in der Pluginkonfiguration festgelegt
    • kann über den (Editor)Tab Twitter angepasst werden

  • twitter:title
    • Titel der Seite
    • als Standard wird der Seitentitel übernommen
    • kann über den (Editor)Tab Twitter angepasst werden
    • empfohlen max. 60 - 70 Zeichen

  • twitter:description
    • Beschreibung der Seite
    • als Standard wird die (Meta)Seitenbeschreibung übernommen
    • kann über den (Editor)Tab Twitter angepasst werden
    • empfohlen max. 200 Zeichen

  • twitter:url
    • URL der Seite
    • wird automatisch erzeugt

  • twitter:image
    • URL eines Bildes zur Seite (.jpg, .png, .gif)
    • Ist ein Standardbild hinterlegt (Pluginkonfiguration) und ist für die Seite kein explizites Bild hinterlegt, wird dieses eingebunden.
    • kann über den (Editor)Tab Twitter angepasst werden
    • Empfehlung 400 x 400 Pixel (min 200 x 200 Pixel) bei summary
    • entgegen der offiziellen Angabe 440 x 220 px, funtioniert 600 X 315 Pixel bei summary_large_image am besten
    • Für den Upload und die Verwaltung der Bilder bitte den Filemanager von CMSimple_XH nutzen!

  • twitter:site
    • Twitter-Account (@TweetAccount)
    • Standard wird in der Pluginkonfiguration festgelegt
    • kann über den (Editor)Tab Twitter angepasst werden

 

Das Ergebnis (Beispiel: cmsimple-xh.org) kann, je nach angegebenen Daten und Bildern, so aussehen.

OGra_XH Vorschau Twitter (summary)

Twitter Card Validator (summary)

 

OGra_XH Vorschau Twitter (summary_large_image)

Twitter Card Validator (summary_large_image)

 


 Installation

PHP ab Version 5.3
(Sie sollten min. Version 5.6 einsetzen!, Stand 01/2018)

Für CMSimple_XH Versionen 1.7.0 - 1.7.2. Frühere Versionen wurden nicht getestet.

Um das Plugin zu installieren, einfach den entpackten Ordner ogra in den Pluginordner laden.

Unter /userfiles/images/ muss der Ordner ogra_xh vorhanden sein (/userfiles/images/ogra_xh/). Entweder manuell anlegen, oder aus dem Installationspaket kopieren!

 

Möglicherweise, abhängig vom Webserver, müssen noch Rechte für:

  • die Konfigurationsdatei (/plugins/ogra/config/config.php),
  • den Stylesheet (/plugins/ogra/css/stylesheet.css)
  • und die entsprechende(n) Sprachdatei(en) (/plugins/ogra/languages/xx.php)

geändert werden (0666), falls man diese über das Backend bearbeiten möchte.

 

Die Ordner:

  • /plugins/ogra/config/
  • /plugins/ogra/languages/
  • /userfiles/images/ogra_xh/

benötigen 0777.

 

Alle Voraussetzungen lassen sich auf der Startseite des Plugins prüfen.

Und so sollte es aussehen.

System Check OGra_XH

 

Wer es ganz richtig machen will, der muss für Open Graph im Template

<html>

bzw.

<html lang="<?php echo $sl;?>">

erweitern um   →  prefix="og: http://ogp.me/ns#"

<html prefix="og: http://ogp.me/ns#">

bzw.

<html prefix="og: http://ogp.me/ns#" lang="<?php echo $sl;?>">.

 


 

 http://filezilla-client.de

  • 644 - der Standardwert für Dateien - nur der FTP-Benutzer kann Dateien ändern/schreiben
  • 666 - auch PHP-Prozesse können Dateien beschreiben.
  • 755 - der Standardwert für Ordner - nur der FTP-Benutzer kann Dateien ändern/schreiben
  • 777 - der Ordner hat Vollzugriff, d.h. auch Scripte können darin schreiben.

 


 

Logo Ogra_XH Fragen, Hinweise, Fehlermeldungen zu OGra_XH

 OGra_XH im CMSimple_XH Forum

Gern nehme ich auch Informationen entgegen, auf welchen Seiten das Plugin OGra_XH eingesetzt wird.
Ich möchte keine Statistik führen oder gar veröffentlichen. Es geht einfach darum, zu wissen, ob weiteres Arbeiten an diesem Plugin sinnvoll ist.

 

OGra_XH kann unter Einhaltung der GPLv3 verwendet werden.

 

Für CMSimple_XH Versionen 1.7.0 - 1.7.2.

Tut mir leid, für Versionen vor 1.0 beta4 ist kein Update möglich.

 

Softwareentwicklung ist teilweise sehr aufwendig und findet, für jede hier angebotene Software, in meiner Freizeit statt. Daher freue ich mich über jede Unterstützung. Zum Teil wird damit z.B. einfach diese Website finanziert.
Außerdem bringt eine kleine Anerkennung zwischendurch immer wieder etwas Schwung in die Entwicklung.

 Kaf­fee­kas­se