PORTAL und PPS Knowledge Base

AMP Beitragsdetailseiten

Wurde das AMP-Modul (AMP = Accelerated Mobile Pages) im PEIQ PORTAL aktiviert, so können Beitragsdetailseiten auch als AMP-Variante ausgeliefert werden. Die Bereitstellung der Beitragsdetailseite im AMP-Standard soll sich positiv auf das Suchmaschinen-Ranking auswirken und damit dem PORTAL einen Zugewinn an Sichtbarkeit und Reichweite ermöglichen.

Aufgrund der Einschränkungen des AMP-Frameworks ist die AMP-Beitragsdetailseite rein konsumierend und im Design an die normale Beitragsdetailseite angelehnt, aber nicht identisch.

Funktionalitäten der AMP Beitragsdetailseiten

  • Schnelle Auslieferung durch Unterstützung des AMP-Frameworks

  • Ermöglichung einer positiven Auswirkung auf das Suchmaschinen-Ranking und einen Zugewinn an Sichtbarkeit und Reichweite für das PORTAL

  • Starke Anlehnung an normale Beitragsdetailseiten (nicht-AMP-Seiten)

Inhaltsverzeichnis

Aufbau der AMP-Beitragsdetailseiten

Element

Screenshot

Beschreibung

Element

Screenshot

Beschreibung

Header

Logo: verlinkt auf die Startseite (je nach Konfiguration des PORTALs auf die globalisierte oder lokalisierte Startseite)

Hamburger-Menü: öffnet die Navigationsleiste (Top-Bar) im Off-Canvas-Bereich. Unabhängig von der Konfiguration im nicht-AMP-PORTAL ist die Top-Bar im Off-Canvas-Bereich immer ein Drill-down-Menü.

Breadcrumb

 siehe Beitragsdetailseite | Breadcrumb

Meta-Zeile

Enthält die in der normalen Beitragsdetailseite definierten Elemente der Meta-Zeile + Autor.

Sind Kommentare vorhanden, ist der entsprechende Icon mit einer Sprungmarke zu den Kommentaren auf der AMP-Seite verlinkt.

Der Autorenname verlinkt auf die Profilseite des Autors auf der nicht-AMP-Seite.

Static Tags

Sofern am Beitrag static tags vergeben wurden (kommerzielle / Premium-Markierung) werden diese zwischen Meta-Zeile und Titel ausgespielt

Titel

Dachzeile (kicker) & Überschrift

Titelbild

Titelbild inkl. Bildunterschrift, Urhebervermerk und “hochgeladen von”. Das Titelbild verlinkt auf die nicht-AMP-Seite inkl. dem im Fotoslider geöffneten Titelbild.

Der Autorenname des Hochladers verlinkt auf die Profilseite des Autors auf der nicht-AMP-Seite.

Beitragstext

BBCode-Auszeichnungen werden auch in der AMP-Variante dargestellt.

Einbettungen externer Inhalte (z. B. Social-Embeds oder Maps) werden als Platzhalter mit Conversion auf die nicht-AMP-Seite ausgegeben (Grund: Zwei-Klick-Lösung mit Platzhalter-Bild wie auf den nicht-AMP-Seiten ist mit AMP nicht möglich). Der Platzhalter enthält einen Hinweis darauf, um welche Einbettung (z. B. Video) es sich handelt.

Intern eingebettete Inhalte werden dargestellt:

  • Eingebettetes Beitragsbild: Wird – ähnlich wie das Titelbild – mit dem <amp-img>-Tag eingebunden. Auf den non-AMP-Seiten wird hier immer das Bild im originalen Bildseitenverhältnis ausgegeben. Auf den AMP-Seiten ist das nicht möglich, weil - bevor die Seite geladen wird - deklariert werden muss müssen, wie groß der Slot für das Bild sein soll. D. h. es muss ein festes Bildseitenverhältnis definiert sein. Insb. bei Hochkantbildern sollte zur Vermeidung von Unschönheiten (abgeschnittene Köpfe) der Bildschwerpunkt gesetzt werden - dieser wird auch auf der AMP-Seite berücksichtigt.

  • Eingebetteter Beitrag, Schnappschuss und Veranstaltung: wird mit einer für AMP ausgelegten Teaser-Card ausgespielt. Angezeigt werden Bild (sofern vorhanden) sowie Dachzeile und Überschrift. Teaser für Veranstaltungen enthalten zusätzlich Meta-Infos zur Veranstaltung

  • Eingebettete Bildergalerie: Eine eingebettete Bildergalerie wird als Teaser-Card ausgespielt, die jener für Beitrag bzw. Veranstaltungen gleicht. Das dynamische Ausspielen mehrerer Bilder als Kacheln wie in der nicht-AMP-Variante ist aufgrund der AMP-Restriktionen aktuell nicht möglich.

Sonderfall Aktionen: Da auf der AMP-Seite keine Interaktion mit der Aktion möglich ist, wird diese - ähnlich wie externe Inhalte – als Platzhalter – dargestellt und enthalten eine Conversion auf die nicht-AMP-Seite.

Einbettungen, die über die Code-Einbetten-Funktion, eingefügt werden, werden für die AMP-Variante aus dem Inhalt geparsed, weil nicht gewährleistet werden kann, dass selbst eingefügter Code auch in AMP funktioniert.

 

Bildergalerie

 

Sofern mehrere Bilder am Beitrag hochgeladen wurden, wird im Anschluss an den Beitragstext eine swipebare Bildergalerie eingeblendet.

Die Bildergalerie startet bei Bild 2 (da Bild 1 im Titelbild zu sehen ist) und zeigt die Anzahl der Bilder.

Bei Klick auf das Bild werden die Benutzer:innen auf das im Fotoslider geöffnete Bild auf der nicht-AMP-Beitragsdetailseite gelenkt.

Social Bar

Die AMP-Social-Bar berücksichtigt nicht die Konfigurationsmöglichkeiten der regulärenSocial Bar. In der AMP-Variante werden an dieser Stelle immer die Elemente System-Sharing (nur bei Zugriff über Smartphone)/Facebook/Twitter/E-Mail/Whatsapp angezeigt.

Über die Social Bar wird der Link der nicht-AMP-Variante (canonical) geteilt.

Teaser “Weitere Beiträge zu den Themen”

Zeigt alle Themen an, die aufgrund der am Beitrag vergebenen Schlagworte mit dem Beitrag verknüpft sind.

Mit Klick auf ein Schlagwort werden die Benutzer:innen auf die entsprechende (nicht-AMP) Themenseite weitergeleitet.

Kommentare

Es werden immer die neuesten drei Kommentare angezeigt. Zusätzlich erscheint eine Conversion mit Verlinkung auf den Kommentarbereich der nicht-AMP-Beitragsdetailseite.

Je nach Anzahl der Kommentare, gibt es einen gesonderten Text für das Conversion-Element.

0 Kommentare: “Beteiligen Sie sich! Es gibt noch keine Kommentare. Um zu kommentieren, öffnen Sie den Artikel auf unserer Webseite. Zur Webseite”

1-3 Kommentare (alle vorhandenen Kommentare werden dargestellt): “Beteiligen Sie sich! Um zu kommentieren, öffnen Sie den Artikel auf unserer Webseite. Zur Webseite”

mehr als 3 Kommentare (es gibt mehr Kommentare als auf der AMP-Seite dargestellt werden): “Beteiligen Sie sich! Hier können Sie nur eine begrenzte Anzahl an Kommentaren sehen. Auf unserer Webseite sehen Sie alle Kommentare und Ihnen stehen alle Funktionen zur Verfügung. Zur Webseite”

Teaser “Themen der Woche”

Funktionalität siehe “Themen der Woche” in der Dokumentation zur Beitragsdetailseite | Themen der Woche

H2 “Aktuelle Themen” ist der Link auf die Themenübersichtsseite (nicht-AMP)

Bei Klick auf ein Thema werden die Benutzer:innen auf die entsprechende (nicht-AMP) Themenseite geleitet.

Teaser “Meistgelesene Beiträge”

Funktionalität siehe “meistgelesen” in der Dokumentation zur Beitragsdetailseite | Themen der Woche

Bei Klick auf einen Beitrag werden die Benutzer:innen auf die entsprechende nicht-AMP-Beitragsdetailseite geleitet.

Footer

Der Footer ist statisch und enthält rechtlich erforderliche Links zu Datenschutz, Impressum und AGB. Siehe “Reduzierter Footer mit Basis-Verlinkungen

Cockpit-Tracking und Leserzähler

Damit Seitenaufrufe über AMP auch im Cockpit und im Leserzähler mitgezählt werden, wurde auch für den AMP-Modus das Cockpit-Tracking von PEIQ implementiert.

Aktuell werden nur die Page Views für das Cockpit getracked und im Kanal “Intern/Extern Rest” ausgegeben.

Beitragsstatus und aktiviertes AMP

VERÖFFENTLICHTIst am Beitrag AMP aktiv (entweder weil standardmäßig alle Beiträge als AMP ausgespielt werden oder weil die manuelle Markierung gesetzt wurde), ist unter der Beitragsurl + /amp die AMP-Variante aufrufbar.

ENTWURF/ZURÜCKGELEGT Hier sind zwei Use Cases zu unterscheiden:

  1. Benutzer:innen ohne Berechtigung den Beitrag anzusehen: Sowohl die nicht-AMP als auch die AMP-Variante geben bei Aufruf einen 404-Status zurück.

  2. Benutzer:innen mit Berechtigung den Beitrag anzusehen: Die AMP-Variante ist sowohl unter der draft-URL + AMP und – bei zurückgelegten Beiträgen – unter der URL des ursprünglich veröffentlichten Beitrags + /amp aufrufbar. Damit können Benutzer:innen prüfen, wie die AMP-Variante des Beitrags aussehen würde.

GELÖSCHT Wird ein Beitrag gelöscht, der auch eine AMP-Variante hat, so werden beide Varianten von PEIQ nicht mehr ausgeliefert. Sowohl die URL der AMP – als auch jene der nicht-AMP-Seite – geben einen 404-Status zurück. Auf diese Weise kann der AMP-Cache von Google keine veralteten Inhalte für andere Plattformen bereitstellen.

  • Wenn eine AMP-Seite gelöscht wird, erkennt der Googlebot erst mit Verzögerung, dass sie entfernt wurde. Es kann sein, dass in diesem Fall dem bzw. der Benutzer:in bei der Google Suche ein Fehler angezeigt wird.

  • Zusätzlich kann der Publisher bei Google einen Antrag zum Entfernen veralteter Inhalte stellen, um die AMP- und nicht-AMP-Variante aus der Suche bzw. dem Cache zu entfernen.

Siehe auch: https://developers.google.com/search/docs/guides/remove-amp

Meta-Tags und schema.org

Die Meta Tags inkl. schema.org-Auszeichnungen werden für die AMP-Variante der Beitragsdetailseite aus der nicht-AMP-Version der Beitragsdetailseite übernommen (Meta Tags auf Beitragsdetailseiten siehe Beitragsdetailseite | Meta Tags).

 

Verwandte Seiten

 

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