11.11.2018 - 10:51

Wordpress Structured Content Plugin

Was macht das Plugin?

Mit dem "Structured Content Plugin" kannst Du in Posts & Pages verschiedene Inhaltselemente auch mehrfach integrieren. Über einen Button im WYSIWYG-Editor kannst Du dein gewünschtes Inhaltselement wählen, das Formular ausfüllen, speichern und schon hast Du einen vorformatierten, gemäß schema.org ausgezeichneten Inhaltsblock eingefügt.

Aktuell unterstützte Formate

Sinn & Zweck

Einsatzgebiet

Ihr betreibt einen Blog/Magazin mit Wordpress. Darin veröffentlicht ihr Artikel/Seiten, in denen ihr Fragen und Probleme der Nutzer aufgreift und diese beantwortet bzw. löst.

Das gezielte Beantworten von W-Fragen wird gern genutzt, um für diese Suchanfragen in den Suchergebnislisten (SERP) diverser Suchmaschinen weit oben zu ranken und damit Besucher zu erhalten – häufig bei sog. holistischen Landingpages.

Bestenfalls bewerten die Suchalgorithmen, u.a. von Google, die Frage und Antwort als so relevant, dass diese auf "Position 0" als sog. "Featured Snippet" ausgespielt werden.

Um es den Algorithmen so einfach wie möglich zu machen, die Frage und Antwort als relevant einzustufen, möchten wir auf technischer Ebene eindeutige Signale senden. 

Am Beispiel des existierenden Frage & Antwort Elements

  • befinden sich diese in einem eigenen Container,
  • sind im Styling hervorgehoben,
  • sind als solche korrekt gemäß schema.org ausgezeichnet.

Die korrekte Auszeichnung kann z.B. mit dem "Structured Data Testting Tool" überprüft werden.

Der Workflow (Kurzversion)

  • du recherchierst W-Fragen zu deinem Produkt/Thema (wie das geht, steht in dem Abschnitt "Keyword Recherche" meines Artikels Kostenlose Online-Marketingtools)
  • du integrierst die Frage + Antwort mittels des Dialogs in deinem Editor
  • speichere den Post/Page und Du findest im Frontend die vorformatierte und gemäß schema.org ausgezeichnete Inhaltsbox
Der Dialog nach Klick auf das Icon im WYSIWYG-Editor
Der Dialog nach Klick auf das Icon im WYSIWYG-Editor

Die Box via CSS selber stylen

  • du kannst in dem Dialog auch eine eigene CSS-Klasse vergeben und so die Box stylen, wie Du möchtest
  • möchtest Du nur die Größe oder die Farbe des Textes anpassen, dann nutze den "Inspektor" deines Browsers, kopiere die bestehenden CSS Regeln in eine eigene, neue Klasse in Deiner styles.css-Datei und passe die Werte an

Folgend die Standardausgabe eines Frage-Antwort-Elements:

Die Standardausgabe eines Frage-Antwort-Elementes
Die Standardausgabe eines Frage-Antwort-Elementes

CSS-Code Beispiele

Floating Answerbox

Folgend ein alternatives CSS-Beispiel, um die Box zu stylen: eine im Text fließende Antwort-Box. Nutze ich, um z.B. Fachausdrücke im Text zu erklären und den Lesefluss des Haupttextes nicht zu unterbrechen.

.faq-schema-float {
    font-style: italic;
    font-weight: normal;
    padding: 20px;
    float: right;
    margin: 0 0 1rem 1rem;
    width: 280px;
    position: relative;
    border: 1px solid #EAEAEA;
    border-left: 3px solid #60a834;
}

Diesen Code in eure styles.css kopieren und in dem Frage-Antwort-Dialog im letzten Feld die Klasse "faq-schema-float" eintragen.

Die Entwickler

awesome WordPress guys

web/dev/media Wordpress Agentur

Die Jungs von web/dev/media machen Dinge möglich!

Individuelle, webbasierte Softwareentwicklung

Individuelle, webbasierte Softwareentwicklung: codemacher

Der Name ist Programm: codemacher

Autor:  (info@gorbo.de)
Tags: serp, wordpress
comments powered by Disqus

Zurück

Gordon Böhme – Onlinemarketing

Sie haben Fragen?

Ich helfe gerne weiter!

Tel.: 0345/135 05 210

Online-Marketing News

Die Newsletter enthalten Informationen über uns, unsere Angebote sowie Neuigkeiten aus dem Bereich Onlinemarketing.

  • Kostenlose Analysen & Trends.
  • Keine Daten an Dritte.
  • Abmeldung jederzeit möglich.

gorbo-OnlinemarketingNews

Online-Marketing News
Hinweise zum Anmeldeverfahren, Versanddienstleister, statistischer Auswertung und Widerruf in unserer Datenschutzerklärung.
Anzeigen IT-Haftpflichtversicherung – hier kostenlos Angebot anfordern und beraten lassen SEO Campixx Berlin 2019

Kategorien

HINWEIS: Links auf externe Seiten sind sog. Affiliate-Links durch die eine indirekte Vergütung entstehen kann.