Eine Slideshow für deine Website-Wieso? Weshalb? Warum? 

“Tot durch PowerPoint” war der Slogan von denen, die in Meetings mit endlos langen Präsentationen ihr wohlverdientes Nickerchen fanden. Wie du langweilige Slideshows auf deiner Website vermeidest und die Aufmerksamkeit deines Publikums auf dich ziehen kannst, verraten wir dir in diesem Artikel. Selbst wenn du keine Website hast, findest du hier Alternativen zu PowerPoint. 😉

Index

• Vorteile Slideshows in deine Websites einzubauen 
• Eine Diashow erstellen, die für Aufmerksamkeit sorgt
• Slideshows in deine Website einbetten
• Diashow mit dem Webnode Website Builder

8 Vorteile Slideshows in deine Websites einzubauen

In einer Zeit, in der unsere Aufmerksamkeitsspanne, die eines Goldfisches gleicht, ist es keine leichte Aufgabe deine Website oder Blog so zu gestalten, dass sie neugierig machen und mindestens so attraktiv sind wie die neue Netflix Serie. Mit den richtigen visuellen Elementen, wie einer Dia- oder Slideshow auf deiner Site ist jedoch einiges möglich.

Sind Slideshows nicht bald ausgestorben? Nein, denn sie sind ein Klassiker der zu unterschiedlichen Anlässen auf mehreren Medien gerne weiterhin genutzt wird. Selbst dein Statusupdate auf WhatsApp ist nichts anderes als eine Slideshow.

Auf deiner Website eine Slideshow zu zeigen, etwa als Hintergrund oder innerhalb eines Seitenabschnittes, bringt dir folgende Vorteile:

1. Flexibilität, da sie für mehrere Anlässe eingesetzt werden kann, wie z.B. formelle Präsentationen oder eine Fotodiashow. 

2. Erhöhte Sichtbarkeit, da die Slideshow Themen besser hervorhebt  

3. Verständlichere Darstellung umfangreicher Inhalte, wie z.B. eine Produktpräsentation 

4. Positive Nutzererfahrung, da visuelle Elemente leichter aufgenommen werden können.

5. Erhöhte Verweildauer auf der Website, da gut gestaltete Slides einfach gerne angesehen werden.  

6. Verbessertes Webdesign, da durch sie eine überladene Seite nicht zustande kommt

7. Vielseitige Nutzung und Omni-Channel Präsenz, da sie einfach in ein Video umgewandelt werden und somit auf mehreren Social Media Plattformen hochgeladen werden kann. 

8. Mehr Website Traffic. Mit einer unterhaltenden Slideshow verweilen Menschen länger auf deinen Seiten, kommen zu dir zurück oder kontaktieren dich. Deine Website bekommt so mehr Traffic und du mehr Kunden/Kundinnen.

Anwendungsbeispiele für Slideshows 

Nur etwa 9% der Erwachsenen in Deutschland lesen Text lieber auf dem Bildschirm. Vermeide lange Texte auf den Seiten deiner Website und ergänze geschriebene Inhalte mit einer Diashow, sofern es inhaltlich passt.

Beliebte Anwendungen für Slideshows nach Schwierigkeitsgrad
(Komplexe, nicht statische Präsentationen ausgenommen)

Eine Slideshow ist perfekt für das, was optisch hervorgehoben werden soll, wie z.B. Bilder deines Kunst Portfolios, das Menü deines Restaurants oder deine Best-Seller Liste.How-to-Anleitungen oder Schritt für Schritt Beschreibungen lassen sich durch Diashows strukturierter herüberbringen als Text.

Ebenso werden auch Produkte auf den Produktseiten deines Online-Shops besser von allen Seiten zeigen. Die Geschichte deiner Firma und deine eigne Geschichte bringt eine Slideshow besonders gut rüber, wenn du selbst als Voiceover dazu erzählst.

Sieh eine Slideshow als ein Video, welches sich einfacher kreieren lässt. Du kannst es jederzeit durch das Hinzufügen einer Audiodatei durch Musik oder Voiceover umwandeln und verändern. 

Eine Diashow erstellen, die für Aufmerksamkeit sorgt

Dinge und Erlebtes in Form einer Slideshow auf deiner Website zu zeigen, schafft einen wundervollen ersten Eindruck. Wie kannst du deine Diashow so erstellen, dass diese Interesse weckt?

Technische Must-Haves

Wenn du die Slideshow erstellst, sollte das Slideshow Programm folgendes können:  

• Manuelle Übergänge zwischen den Slides einfügen – Nutze hierzu Pfeile und Buttons 
• Pausen und das Zurückzuspringen möglich machen
• Seitenzahl anzeigen – Es ist eindeutiger, wenn du angibst, wie viele Slides es insgesamt sind (zum Bsp.: 3/5)
• Halte die Anzahl der Slides gering 5-20 Slides, je weniger Slides, desto besser hältst du die Aufmerksamkeit
• Die Slideshow muss für alle mobilen Geräte optimiert sein
• Bilder, die weniger Speicher einnehmen, laden besser und schneller – Passe diese vorher an, damit das Durchklicken reibungslos läuft
• Integrabilität via HTML-Code oder Plugin in eine Website

Inhaltliche Must-Haves  

• Inhalte sollten deinem Markenimage entsprechen
• Designelemente, wie Text auf den Slides oder Rahmen dieser, sollten zu deiner Website passen
• Mehr Bilder und Graphiken als Text
• Zahlen und Formeln so gut es geht vermeiden
• Slideshow-Titel sollte als Seitentitel der Website 
• Kurze ergänzende oder einleitende Textbeschreibung neben der Diashow als Textblock auf der Website

Animationen die automatisch in der Kopfzeile der Seite ablaufen geben dir zwei Möglichkeiten, die Besucher/-innen zu erschrecken oder dazu zu bewegen weiter zu klicken. Je nach Inhalt natürlich. Überlege dir also genau, was du animierst und automatisch ablaufen lässt. 

Tipp: Um deine Website Inhalte für Suchmaschinen zu optimieren, brauchst du geschriebenen Text. Nutze Schlüsselwörter und Phrasen im Seitentitel der Slideshow

Slideshow Maker

Heutzutage gibt es viele Alternativen zu den klassischen Programmen wie PowerPoint. Sie sind interaktiver, kollaborativer, dynamischer und lassen das Zusammenarbeiten in Echtzeit zu. KI macht es möglich eine Präsentation in wenigen Minuten erstellen.

Typ	Slideshow Maker
Klassisch	Canva
Nicht-linear	Prezi
Ki-gestützt	Visme, AhaSlides

Verschiedene Slide Show Maker, die als kostenlose Version zur Verfügung stehen

Mit zusätzlichen Programmen, wie Filmora kannst du bestehenden Slideshows ein Voiceover geben oder Hintergrundmusik hinzufügen. 

Slideshows in deine Website einbetten

Grundsätzlich bestehen zwei Optionen eine Slide Show in eine Website einzubetten: 

• durch eine bestehende Slideshow der Bildergalerie des Website Builders, wie bei Webnode
• ein externes Programm und somit das Einbetten von HTML-Code in die Website

Im Programm, wie Canva zum Beispiel kannst du auf teilen, mehr und embed gehen und den dort generierten Code einfach in deine Website kopieren. Mit Webnode geht das Einfügen von HTML-Codes ganz schnell.

Mit Canva erstellte Präsentation und als HTML-Code in den Webnode Websitebuilder eingebettet

Eine Slideshow mit dem Webnode Website Builder 

Im Webnode Editor kannst du direkt durch die Bildergalerie eine Diashow erstellen. Wir empfehlen dies speziell für Fotographien.  

Logge dich bei Webnode ein, öffne dein Website Projekt, und: 

1. Füge eine Fotogalerie hinzu, indem du auf das große schwarze Plus-Zeichen klickst (dieses erscheint in der Mitte der Seite, beim Drüberfahren mit dem Mauszeiger)
2. Wähle Galerie aus und lade deine Bilder hoch
3. In der Ansicht gehe auf Diashow und Schieber (oder alternativ Karussell)

Eine detaillierte Anleitung hierzu findest du unter der Bilder-Anleitung im Handbuch.

Diashow in eine Webnode Website über die Bildergalerie einfügen

Tipp: Im Online-Shop fügst du die Präsentation deines Produktes als Produkt-Liste hinzu 

Zeitgemäße Diashows, mit optimierten Bildern und auffälligen Designelementen, wecken Aufmerksamkeit und Interesse. Schaffe etwas, das nicht so allgemein klingt wie genau dieser Satz. 

Teste deine Slideshow im Webnode Editor gratis