Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Info

Die Beitragsdetailseite ist eins der zentralsten Elemente im Nachrichtenportal von PEIQ. Sie stellt die von Benutzer:innen erstellten Beiträge dar. Die vorhanden Teaser leiten auf regionale und globale Inhalte, was die Seite außerdem zu einem zentralen (SEO-) Durchblutungselement macht.

Die Beitragsdetailseite ist im Rahmen einer Änderungsanfrage konfigurierbar.

Funktionalitäten der Beitragsdetailseite

  • Zielseite für die Darstellung von Beiträgen

  • Zentrales (SEO-) Durchblutungselement durch das Einbinden von Teasern

  • Integrierte Targetingflächen und Kuration-Slots zur individuellen Befüllung

  • Verwendung von Meta-Tags

Inhaltsverzeichnis

Expand
titleInhaltsverzeichnis anzeigen
Table of Contents
maxLevel4

Breadcrumb

Die Breadcrumb der Detailseite ist wie folgt aufgebaut:

Home-Icon (mit Verlinkung auf die Startseite) → Lokalisierung 1 (mit Verlinkung auf /<lokalisierung1>) → Lokalisierung 2 (mit Verlinkung auf /<lokalisierung2>) → category (mit Verlinkung auf /<lokalisierung2>/c-<Kategorie>)

Beispielhafte Breadcrump

Standard-Aufbau der Seite

Element

Beschreibung

HEADER-START

Start des HTML-<header>-Bereichs in voller Seitenbreite. Enthält u.a. Infoboxen ("Beitrag in Arbeismappe", ...) und das Kontextmenü.

meta

Zeigt den Veröffentlichungs- und ggf. Aktualisierungszeitraum (Date), Anzahl der Leser:innen (Read) und die Anzahl der Kommentare & Likes (Comments) an.

Hinweise:

Bei der Aktualisierung eines Beitrags wird erst das Aktualisierungsdatum, dann das Veröffentlichungsdatum angezeigt. FirstPublished und published stehen dabei in separaten <li>-items.

Image Modified

Kommentar-Icon über Artikel verlinkt nach unten zu den Kommentaren. Gleiches auch beim Counter für “Likes”.

Die Icons für Likes und Kommentare werden erst dann dargestellt, wenn mindestens ein Like oder ein Kommentar vorhanden ist.

Beispiele:

Image ModifiedImage ModifiedImage Modified

 

headline

Dachzeile & Überschrift

block_article_detail_blue_donkey_50

 

author

Anzeige des bzw. der Autor:in mit folgenden Meta-Daten: Avatar (Profilbild + ggf. Segmentmarkierung), Name des bzw. der Autor:in, Heimatort des bzw. der Autor:in

block_article_detail_giant_fish_37

 

socialshare

siehe Social Bar

block_article_detail_nasty_chicken_87

 

heroimage

Großes Bild über die ganze Content-Breite + ggf. Anzeige, wie viele Bilder der Beitrag enthält. Erstes Bild des Beitrags.

Die Zeile unter dem Bild enthält eine Bildunterschrift, Vermerk zum bzw. zur Urheber:in und eine Verlinkung zum bzw. zur Autor:in, der bzw. die das Bild hochgeladen hat.

block_article_detail_good_octopus_15

 

HEADER-END

Definiert das Ende des HTML-<header>s.

ASIDE-START

Bei Seitenlayouts mit Sidebar: Start des zweigeteilten Bereichs mit der Sidebar. Folgt üblicherweise direkt nach HEADER-END.

block_article_detail_lucky_dodo_68

 

text

Beitragsstext inklusive Einbettungen.

block_article_detail_terrible_termite_77

 

block_article_detail_funny_pug_81

 

gallery

Bildergalerie – sofern mehrere Bilder am Beitrag hochgeladen wurden.

like

Like-Funktion

author-profile-box-enhanced

Großer Autor:innen-Teaser mit Adress-Infos sowie Links zu weiteren Webauftritten des bzw. der Benutzer:in

block_article_detail_sour_frog_73

 

tags

Teaser “Weitere Beiträge zu den Themen”:
Zeigt alle Themen / Schlagwörter an, welche am Beitrag vergeben wurden.

block_article_detail_neat_ladybug_26

 

comments

Kommentarfunktion

block_article_detail_quick_fly_85

 

ASIDE-END

Bei Seitenlayouts mit Sidebar: Ende des zweigeteilten Sidebar-Bereichs.

Kurationsflächen & Targeting-Slots

Neben der Darstellung des Beitrages umfasst die Beitragsdetailseite auch Kurationsflächen und Targeting-Slots, die von berechtigten Benutzer:innen befüllt werden können. Details siehe https://peiq.atlassian.net/wiki/spaces/PPSD/pages/75300998/Kuration#Stellen-zum-Kuratieren & https://peiq.atlassian.net/wiki/spaces/PPSD/pages/75301088/Targeting#Stellen-mit-eingebauten-Targeting-Slots.

Teaser

Auf der Beitragsdetailseite sind einige Teaser eingebunden, die auf weitere Inhalte leiten und so die (SEO-)Durchblutung fördern.

Themen der Woche

  • Diejenigen zwölf Themen / Schlagwörter, die am häufigsten an Beiträgen vergeben wurden, die innerhalb der letzten sieben Tage in dem Hauptort des Beitrags veröffentlicht wurden.

meistgelesen

  • Diejenigen sechs Beiträge aus dem Hauptort des Beitrags, die innerhalb der letzten drei Tage veröffentlicht wurden und welche die höchste Zahl an Leser:innen haben.

  • Jeder Beitrag kann nur im Teaser derjenigen Lokalisierungen auftauchen, die seinem Haupt-Ort zugordnet sind.

  • Bei Mehrfachverortungen wird der Hauptort verwendet, um Duplicate Content zu vermeiden.

heiß diskutiert

  • Beiträge aus dem Hauptort des Beitrags mit den meisten Kommentaren.

In der Standardkonfiguration ist dieser Teaser nicht im PORTAL integriert.

Funktionen der Seite

Funktionen im Kontextmenü

Die Funktionen sind rechts oben über das Drei-Punkte-Menü erreichbar. Je nach Berechtigung sind verschiedene Funktionen verfügbar.

  • Auf den Detailseiten ist eine Melden-Funktion implementiert, welche es ein- und ausgeloggten Benutzer:innen ermöglicht, Inhalte, die gegen die AGB, Netiquette oder aktuelle Gesetzgebung verstoßen an den Betreiber der Seite zu melden.

  • Beitrag bearbeiten: Berechtigte Benutzer:innen das Beitragsformular aufrufen und den Beitrag editieren.

  • Beitrag zurücklegen: Berechtigte Benutzer:innen können den Beitrag editieren, zurücklegen (als Entwurf) oder löschen Beitrag in einen Entwurfsmodus zurückstellen, siehe auch Entwürfe.

  • Beitrag löschen: Berechtigte Benutzer:innen können den  Beitrag löschen (unwiderruflich).

  • Berechtigte Benutzer:innen können die Bilder des Beitrags herunterladen

Image Removed

Aufruf der Beitragsfunktionen über das Kontextmenü

  • Hier werden nur Beiträge berücksichtigt, die nach dem Oktober-Release '18 entstanden sind, davor wurden diese Daten nicht getrackt.

  • Das Protokoll enthält: Zeitpunkt der Aktion, Benutzer:in mit ID, der bzw. die die Aktion durchgeführt hat, und die Aktionenbeschreibung

  • .

  • Diskussion schließen: Berechtigte Benutzer:innen können die 

Diskussion schließen, was zu einem Abstellen der Kommentarfunktion führt
  • Berechtigte Benutzer:innen können den Beitrag in Drittsysteme (z. B. ins PEIQ PRINT PPS) exportieren

  • Wenn der bzw. die Kund:in das Beitragscockpit in seiner Anwendung aktiviert hat, können berechtigte Benutzer:innen über "Analyse und Benchmark" das Cockpit zum Inhalt aufrufen

  • Funktionen auf der Seite

    Kontextmenü der Beitragsdetailseite

    URL-Schema

    URL-Muster

    Alternative Pfade

    /a/[ORT, sofern vorhanden]/c-[Kategorie]/[H1 normalisiert]_a[BeitragsID]

    Meistens wird /a/ augeblendet: /[ORT, sofern vorhanden]/c-[Kategorie]/[H1 normalisiert]_a[BeitragsID]

    • /[BeitragsID]

    • /a/[ORT, sofern vorhanden]/c-[Kategorie]/[H1 normalisiert]_a[BeitragsID]?ref=curate, sofern über Kurationsfläche aufgerufen

    Meta-Tags

    Title, Description & H1

    Details zu Title, Description & H1 finden sich hier.

    Meta-Tag

    Standard

    title

    [Dachzeile]: [Überschrift] - [Ort]

    description

    Die ersten vollständigen Sätze des Beitrags, welche im Bereich der ersten 150 bis 250 Zeichen des Beitrags enden.

    H1

    [Dachzeile]: [Überschrift]

    noindex-Tag

    Details zum noindex-Tag finden sich hier. Beitragsdetailseiten stehen immer auf noindex, wenn eine der zwei folgenden Regeln zutrifft:

    • IF "Zeichenzahl Haupttextfeld" < 550 AND "Bild" = 0

    • IF "Zeichenanzahl Titel" < 10 AND "Zeichenzahl Text" < 550

    Ausnahme: Bei einem embed ist die Seite immer auf Index.

    canonical-Tag

    Details zu canonical-Tags finden sich hier. Das canonical-Tag der Beitragsdetailseite zeigt immer auf die sprechende URL (ohne Parameter):

    Schema URL

    Schema canonical-URL

    https://example.com/[Ort, sofern lokalisiert]/c-[Kategorie]/[normalisierte Überschrift]_a[BeitragsID]

    https://example.com/[Ort, sofern lokalisiert]/c-[Kategorie]/[normalisierte Überschrift]_a[BeitragsID]

    https://example.com/[BeitragsID]

    https://example.com/[Ort, sofern lokalisiert]/c-[Kategorie]/[normalisierte Überschrift]_a[BeitragsID]

    schema.org-Auszeichnungen

    Details zu schema.org finden sich hier. Beitragsdetailseiten werden als itemtyp schema.org/NewsArticle ausgezeichnet. Dabei werden folgende Properties ausgewiesen:

    Element

    itemprop

    URL

    mainEntityOfPage

    Title

    headline

    Erstes Bild

    image

    Erstes Bild

    image.url

    Erstes Bild

    image.height

    Erstes Bild

    image.width

    Brand

    publisher

    Brand

    publisher.name

    Brand-Logo

    publisher.logo

    Brand-Logo

    publisher.logo.url

    Brand-Logo

    publisher.logo.height

    Brand-Logo

    publisher.logo.width

    Bearbeitungsdatum/ Aktualisierungsdatum

    dateModified

    Veröffentlichungsdatum

    datePublished

    Autor:in

    author

    Name des bzw. der Autor:in

    author.name

    URL der Profilseite des bzw. der Autor:in

    Description

    description

    Rubrik / Category

    articlesection

    Tags

    keywords

    Hinweis auf Abo- bzw. Paywall-Inhalte (nur bei aktiviertem Feature Premium Content)

    "isAccessibleForFree": "False",

    Lesebeschränkung (nur bei aktiviertem Feature Premium Content)

    hasPart

    @type: WebPageElement isAccessibleForFree: http://schema.org/False cssSelector: .callout .text-center .premium-teaser

    Code-Beispiel

    Code Block
    <script type="application/ld+json">
    {"@context":"http:\/\/schema.org","@type":"NewsArticle",
    "mainEntityOfPage":{"@type":"WebPage","url":"https:\/\/peiq.de\/bayern\/c-sport\/teufelstaettkopf-mit-puerschling_a29"},
    "headline":"Wandertipp: Teufelst\u00e4ttkopfTeufelstättkopf mit P\u00fcrschlingPürschling - Bayern",
    "description":"\"Unspektakul\u00e4rUnspektakulär\" - dieser Gedanke dr\u00e4ngtdrängt sich auf, wenn man in Unterammergau auf die\u00a0bewaldeten H\u00fcgeldie bewaldeten Hügel blickt. Tats\u00e4chlich l\u00e4sstTatsächlich lässt sich vom\u00a0Wanderparkplatzvom Wanderparkplatz aus die\u00a0abwechslungsreichedie abwechslungsreiche Rundtour auf den Teufelst\u00e4ttkopfTeufelstättkopf mit P\u00fcrschlingPürschling nicht unbedingt vermuten.",
    "datePublished":"2021-11-03T15:4950:2459+01:00","dateModified":"20212022-1101-03T1514T13:5215:0105+01:00",
    "author":{"@type":"Person","name":"Max Power", "url": "https:\/\/peiq.de/augsburg/profile-3/max-power"},
    "articleSection":"Sport",
    "image":["https:\/\/peiq.de\/resources\/mediadb\/article\/2021\/11\/03\/3\/83_XXL.jpg"],
    "keywords":"Berge,Wandern,Outdoor,Ammergauer Alpen,Alpen,Ausflugtipp",
    "publisher":{"@type":"Organization","name":"PEIQdemo.gogolpublishingcloud.com","logo":{"@type":"ImageObject","url":"https:\/\/peiq.de\/build\/images\/logo-publisher-amp-h60px.55fd0331f671132c07e22ba8d9b8c883.png","width":600,"height":60}}}
    </script>

    og-Tags

    Tag

    Standard

    og:title

    [Dachzeile]: [Überschrift]

    og:type

    article

    og:locale

    Gebietsschema im Format language_TERRITORY, z. B. de_DE, de_AT

    article:expiration_time

    Wird nur ausgegeben, wenn die Veröffentlichung zeitgesteuert ist und ein Enddatum beinhaltet

    article:section

    Gibt die Kategorie (category) des Beitrags aus

    og:image

    Bild-URL des ersten Beitragsbildes. Falls kein Bild vorhanden ist, wird das hinterlegte logo-open-graph.png genutzt.

    og:image:width

    Breite des obigen Bildes

    og:image:height

    Höhe des obigen Bildes

    og:url

    Canonische URL des Beitrags (siehe canonical-Tag)

    og:site_name

    Hinterlegter Portalname.

    og:description

    Enspricht der description (siehe Title, Description & H1 )

    article:published_time

    Hier wird das Erstveröffentlichungsdatum ausgegeben. Das aktualisierte Veröffentlichungsdatum wird in article:modified_time ausgegeben.

    article:modified_time

    Hier wird das Datum der letzten Bearbeitung (und damit auch das aktualisierte Veröffentlichungsdatum) ausgegeben.

    Code-Beispiel

    Code Block
    <meta property="og:title" content="Wandertipp: Teufelstättkopf mit Pürschling" />
    <meta property="og:type" content="article" />
    <meta property="og:locale" content="de_DE">
    <meta property="article:expiration_time" content="2022-08-31T00:00:00+02:00">
    <meta property="article:section" content="Sport">
    <meta property="og:image" content="https://media04.domain.tld/article/2020/04/23/7/778527_XXL.jpg" />
    <meta property="og:image:width" content="2048" />
    <meta property="og:image:height" content="926" />
    <meta property="og:url" content="https://peiq.de/bayern/c-sport/teufelstaettkopf-mit-puerschling_a29" />
    <meta property="og:site_name" content="demo.gogolpublishingcloud.com" />
    <meta property="og:description" content="&quot;Unspektakulär&quot; - dieser Gedanke drängt sich auf, wenn man in Unterammergau auf die bewaldeten Hügel blickt.">
    <meta property="article:published_time" content="2021-11-03T15:50:59+01:00">
    <meta property="article:modified_time" content="2022-01-14T13:15:05+01:00">

    Verwandte Seiten

    Filter by label (Content by label)
    showLabelsfalse
    maxCheckboxfalse
    showSpacefalse
    reversefalse
    cqllabel = "seitentypbeitraege-und-schnappschüsse" and space = "PPSDPUPKB"

    Include Page
    Disclaimer der PEIQ PORTAL - Produktdokumentation
    Disclaimer der PEIQ PORTAL - Produktdokumentation