744

AMP-Carousel erstellen für AMP-Seite

Der Accelerated-Mobile-Pages-Generator unterstützt das AMP-Carousel.
Das AMP-Carousel wird automatisch erstellt und führt alle Bilder auf, die im Artikeltext (im Bereich 'itemprop=articleBody') aufgeführt sind.
amp-carousel amphtml-Tag

So funktioniert das AMP-Carousel erstellen:

Der Accelerated-Mobile-Pages-Generator erstellt automatisch ein AMP-Carousel über den 'amp-carousel'-Tag, wenn im Artikel-Bereich mehr als nur ein Artikelbild vorhanden ist!

Das AMP-Carousel ersetzt das übliche Artikelbild auf der AMPHTML-Seite.

Sollte im Artikel nur ein oder gar kein Bild vorhanden sein, wird das AMP-Carousel ausgeblendet, um die Website-Ladezeiten verbessern zu können, da in diesem Fall das AMP-Carousel-JavaScript nicht erst geladen werden muss.

An Stelle des AMP-Carousels wird dann lediglich das einfache Artikelbild eingeblendet oder der Bereich bleibt einfach leer.

Die Bilder im AMP-Carousel werden mit einer Bildunterschift versehen. Als Texte werden jeweils die <img>-Tag-Attribute 'alt=' und 'title=' aus der Original-Seite übernommen. Wenn diese Attribute in der Original-Seite nicht definiert sind, verwendet der Accelerated-Mobile-Pages-Generator den <Title>-Tag des Artikels.

Mehr zum <amp-carousel>-Tag:

Weitere, detaillierte Erläuterungen zum <amp-carousel>-Tag im Allgemeinen und unabhängig vom Accelerated-Mobile-Pages-Generator sind zu finden unter: ampproject.org