Demo Slider

Reiner Textslider

Reiner Textslider Slogan

Reiner Textslider Slogan Slogan

Foto | Claus Pescha

Slider richtig einsetzen

Haben Sie mehrere Themen, die alle „Above-The-Fold“ präsentieren werden sollen, bietet sich ein Slider an. Auf den einzelnen Slides des Sliders können die einzelnen Themen übersichtlich und ansprechend dargestellt werden.

Zu bedenken ist, dass bei Verwendung eines Sliders die Inhalte der einzelnen Slides, insbesondere die Texte, per html eingefügt werden sollten (wie hier). Dadurch sind alle Inhalte von Suchmaschinen lesbar und werden ausgewertet. Verwendet man hingegen einen Slider, bei dem auch die Inhalte per JavaScript geladen werden, können Suchmaschinen nur den ersten Slide auswerten, da die anderen Inhalte für den Suchmaschinen-Crawler unsichtbar sind.

Auf dieser Seite sind mehrere unterschiedliche Slider eingefügt.

  1. Reiner Textslider vor statischem Hintergrund
  2. Bildslider mit statischem Text
  3. Bild- und Textslider kombiniert mit statischem Text

Welche Version man wählt, hängt von den darzustellenden Inhalten ab. Im Projekt mache ich Ihnen hierzu Vorschläge und erläutere die Möglichkeiten im Detail.

Foto | Robin Sommer on Unsplash

Foto | Ant Rozetsky on Unsplash

Foto | Christopher Burns on Unsplash

Bildslider mit statischem Text

Bilder laufen im Hintergrund, der überlagerte Text ist statisch.

Foto | Robin Sommer on Unsplash

Foto | Ant Rozetsky on Unsplash

Foto | Christopher Burns on Unsplash

Bildslider + Textslider

Bildslider + Textslider Slogan

Bildslider + Textslider Slogan Slogan

Bilder laufen im Hintergrund, die vorgelagerte Überschrift läuft mit, der übrige Text ist statisch.