/
Beitragsdetailseite

PORTAL und PPS Knowledge Base

Beitragsdetailseite

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

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

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.

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:

 

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.

Funktionen auf der Seite

Kontextmenü der Beitragsdetailseite

URL-Schema

URL-Muster

Alternative Pfade

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

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

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 https://peiq.atlassian.net/wiki/spaces/PUPKB/pages/305168509 des bzw. der Autor:in

 

Description

description

Rubrik / Category

articlesection

Tags

keywords

Hinweis auf Abo- bzw. Paywall-Inhalte (nur bei aktiviertem Feature https://peiq.atlassian.net/wiki/spaces/PUPKB/pages/68125893)

"isAccessibleForFree": "False",

Lesebeschränkung (nur bei aktiviertem Feature https://peiq.atlassian.net/wiki/spaces/PUPKB/pages/68125893)

hasPart

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

Code-Beispiel

<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ättkopf mit Pürschling - Bayern", "description":"\"Unspektakulär\" - dieser Gedanke drängt sich auf, wenn man in Unterammergau auf die bewaldeten Hügel blickt. Tatsächlich lässt sich vom Wanderparkplatz aus die abwechslungsreiche Rundtour auf den Teufelstättkopf mit Pürschling nicht unbedingt vermuten.", "datePublished":"2021-11-03T15:50:59+01:00","dateModified":"2022-01-14T13:15:05+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":"demo.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

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 https://peiq.atlassian.net/wiki/spaces/PUPKB/pages/303956308 )

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

<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

 

Nur für PEIQ-Mitarbeiter:innen
https://peiq.atlassian.net/wiki/x/QIANAw

Impressum