Videos sind eine tolle Sache. Manche Dinge, die schriftlich wirklich schwierig zu erklären sind, kannst du zum Beispiel in einem Video ganz einfach zeigen. Du kannst Eindrücke teilen, die sich in Worten nur schwer beschreiben lassen. Du kannst dich so zeigen, wie du bist – und damit deine Kund:innen von deiner Persönlichkeit begeistern.
Entsprechend sind Videoformate (insbesondere Kurzvideos) auch online seit Jahren auf dem Vormarsch. Das kannst du natürlich auch auf deiner Website nutzen und neben Texten und Bildern dort auch Videos bereitstellen.
Aber Vorsicht! Auch wenn der Gedanke naheliegend ist, das entsprechende Video einfach auf deiner Website hochzuladen, solltest du das besser nicht tun. Warum das problematisch ist und wie es besser geht, schauen wir uns in diesem Beitrag an.
Auf einen Blick:
- Wenn du Videos direkt auf deiner Website hochlädst, beeinträchtigt das die Ladegeschwindigkeit und Leistung deiner Website maßgeblich
- Besser ist es, Videos bei externen Plattformen wie Youtube oder Vimeo hochzuladen und von dort einzubinden
- Da es sich dabei um externe Tools handelst, sollten diese zunächst vom Cookie-Tool blockiert werden und du solltest in der Datenschutzerklärung darauf eingehen
- Die Einbettung erfolgt ganz bequem per Link oder Einbettungscode
Inhalt
Warum Videos auf deiner Website zu Problemen führen können
Im Internet dreht sich alles um Geschwindigkeit. Wahrscheinlich kennst du das auch von dir selbst, dass du schnell genervt bist oder eine Website sogar direkt wieder verlässt, wenn diese mehr als ein paar Sekunden zum Laden braucht.
Es gibt diverse Wege, die Ladegeschwindigkeit der eigenen Website zu optimieren – am Ende ist aber vor allem entscheidend, wie „groß“ (im Sinne der Dateigröße) deine Website ist. Sofern mit deinem Hosting nicht irgendetwas grundsätzlich schiefläuft, gilt: Je weniger Bytes übertragen werden müssen, desto schneller lädt die Webseite.
Und da sind wir beim Kernproblem: Videos brauchen vergleichsweise viel Speicherplatz und auch noch diverse andere Ressourcen deiner Website/deines Servers (oft ein Vielfaches dessen, was alle Bilder und Texte der Seite zusammen brauchen). Wenn du also ein Video direkt auf deiner Website hochlädst, erhöht sich dadurch fast sicher auf die Ladezeit dieser Seite.
Die Lösung: Videos von externen Seiten einbetten
Zum Glück gibt es Plattformen wie Youtube oder Vimeo, die sich ausschließlich darauf konzentrieren, Videos möglichst effizient zur Verfügung zu stellen.
Genau das kannst du dir für deine Website-Videos zu Nutze machen. Statt die Videos auf deiner eigenen Website hochzuladen und damit unnötig Speicher und Ressourcen zu blockieren, kannst du diesen Teil den „Giganten“ überlassen.
Auf deiner Website kannst du das Video dann trotzdem anzeigen (lassen), der einzige Unterschied ist, dass es eben nicht von dort geladen wird, sondern von der Video-Plattform deiner Wahl. In der Website-Welt sprechen wir hier davon, dass du ein Video von einer externen Seite „einbettest“.
Das solltest du beachten, wenn du Videos von externen Quellen einbindest
Leider gibt es aber auch bei dieser Variante einen Haken: Da es sich bei Youtube und Vimeo um externe (und in diesem Fall zusätzlich noch amerikanische) Tools handelt, gibt es datenschutzrechtlich ein paar Dinge, die du beachten solltest.
Bindest du einfach so Youtube-/Vimeo-Videos auf deiner Website ein, werden bei jedem Aufruf die Daten deiner Nutzer:innen auch an diese Dienste weitergegeben.
Da dies so nicht erlaubt ist, musst du dafür sorgen, dass die Videos zunächst blockiert werden, bis die Besucher:innen aktiv ihre Zustimmung gegeben haben, dass das in Ordnung ist.
Die meisten gängigen Cookie-Tools (in WordPress z. B. Borlabs Cookie) haben dafür bereits entsprechende Funktionen eingebaut, die du möglicherweise aber noch für den Service deiner Wahl aktivieren musst (bei Borlabs musst du z. B. in der Bibliothek das Paket für Vimeo/Youtube aktivieren).
Außerdem solltest du auf die Nutzung der (und Datenweitergabe an die) entsprechenden Tools auch in deiner Datenschutzerklärung eingehen.
Wichtig: Rechtlich kann und darf ich dich hier nicht beraten. Wenn du dir unsicher bist und/oder Zweifel hast, wende dich bitte an entsprechende fachliche Stellen (z. B. Anwält:innen).
So bindest du Videos in deine Website ein
Nachdem das geklärt ist, lass uns anschauen, wie du Videos auf deiner Website einbetten kannst. Im Normalfall ist die Sache in zwei Schritten erledigt:
Schritt 1: Video bei externer Plattform hochladen
Sofern du noch keinen hast, leg dir einen Account bei der Plattform deiner Wahl an (wenn du dir unsicher bist, ob Youtube oder Vimeo die bessere Wahl ist schau mal unten ins FAQ). Dort lädst du dann das Video hoch.
Wenn du magst, kannst du es auch so einstellen, dass das Video auf der jeweiligen Plattform nicht auffindbar ist (bei Youtube heißt das „nicht gelistet“, bei Vimeo „Hide from Vimeo“, die genaue Bezeichnung ändert sich aber gelegentlich). Alle anderen Einstellungen (wie z. B. privat, nur mit Link etc.) funktionieren in der Regel nicht.
Wichtig ist außerdem, dass dort ausgewählt ist „kann überall eingebettet werden“ (oder wenn du die Domains einschränken möchtest, dass deine Domain dort dabei und auch richtig geschrieben ist).
Anschließend kannst du je nach Plattform noch weiter Einstellungen vornehmen (z. B. wie der Videoplayer aussehen soll).
Wenn alles richtig eingestellt ist, brauchst du die Einstellungen zum Teilen des Videos. Dir werden hier verschiedene Optionen angezeigt. Je nachdem, welche der beiden Optionen du im nächsten Schritt wählst, brauchst du entweder den Teilen-Link oder den Einbettungscode.
Schritt 2 - Option 1: Video-Element deines Baukastens/Pagebuilders
Das ist aus meiner Sicht die einfachste Methode. Die meisten WordPress-Pagebuilder (inklusive Divi und Elementor), sowie die meisten Baukasten-Systeme, kommen bereits mit einem vorgefertigten Element, um Videos auf der Website anzuzeigen.
Der Gutenberg-Editor (d. h. Standard-WordPres-Editor) bietet sogar eigene Elemente für das Einbetten von Youtube und Vimeo-Videos.
Dort kannst du in der Regel entweder ein eigenes Video hochladen/auswählen (das wollen wir aber nicht wegen der Ladezeit) oder den Link zu einem bereits an anderer Stelle hochgeladenen Video teilen. Und genau hier fügen wir jetzt den Link aus Schritt 1 ein. Wenn du alles richtig gemacht hast, solltest du jetzt direkt dein Video sehen.
Schritt 2 - Option 2: HTML-Code
Gibt es bei dir nicht die Option, Videos direkt über den Link auf der Website einzubetten, kannst du dafür den sogenannten Einbettungscode nutzen. Diesen findest du ebenfalls bei den Teilen-Optionen von Youtube/Vimeo und kannst ihn dort kopieren.
Auf deiner Website fügst du dann einen neuen HTML-Block/ein neues HTML-Element hinzu und kopierst den eingefügten Code dort hinein. Wenn du deine Seite jetzt speicherst und/oder in der Vorschau anschaust, solltest du dein Video sehen können.
Troubleshooting: Das kannst du tun, wenn dein Video nicht (richtig) angezeigt wird
Manchmal passiert es, dass es beim Einbinden zu Fehlern kommt und dir eine Fehlermeldung angezeigt wird, dass das Video nicht verfügbar ist/nicht angezeigt werden kann etc..
In diesem Fall prüfe zuallererst, ob du das Video auf der Live-Seite (nicht im Bearbeitungsmodus) sehen kannst. Manchmal zeigt es Videos in der Bearbeitungsansicht einfach nicht richtig an.
Geht es auf der Live-Seite auch nicht, prüfe nochmal die Privatsphäre-Einstellungen des Videos (siehe Schritt 1). Du kannst hier auch mal verschiedene Varianten durchprobieren. Beachte, dass sich der Link manchmal ändert, nachdem du die Privatsphäre-Einstellungen geändert hast, d. h. du muss den Link/Code neu auf deiner Website einfügen.
Wenn es dir überhaupt nichts anzeigt (auch keine Fehlermeldung), prüfe nochmal, ob du den Code vollständig eingebunden hast und ob du diesen wirklich in einem HTML-Element (kein Textelement!) eingefügt hast.
Du fühlst dich verloren im Technik-Dschungel?
Fazit: Nutze gerne Videos auf deiner Website, aber binde sie richtig ein
Und das wars auch schon. Sofern noch nicht geschehen, prüfe nochmal, ob die Videos von deinem Cookie-Tool auch richtig blockiert werden und ob du den entsprechenden Dienst auch in deiner Datenschutzerklärung erwähnst.
Jetzt kannst du so viele Videos produzieren und auf deiner Website einbinden, wie du willst – ohne dass das Auswirkungen auf deine Ladegeschwindigkeit hat.
FAQ
Kann ich Videos nicht auch einfach direkt auf meiner Website hochladen?
Technisch ist das problemlos möglich. Da Videos in der Regel aber sehr viel Speicherplatz (und damit Ladegeschwindigkeit) brauchen, wird deine Website dadurch unnötig langsam. Wenn das für deinen konkreten Anwendungsfall nicht wichtig ist (z. B. weil die Website sowieso bei Google etc. nicht gefunden werden kann/soll), kannst du deine Videos auch direkt dort hochladen. Achte dann aber in jedem Fall darauf, die Dateigröße deines Videos so klein wie möglich zu halten.
Soll ich meine Videos besser bei Vimeo oder bei Youtube hochladen?
Das kannst du frei entscheiden. Bei Youtube kannst du ohne zusätzliche Kosten so viele Videos hochladen, wie du möchtest. Dafür hast du keine Möglichkeiten, den Player zu customizen und nach deinem Video werden immer automatisch Empfehlungen zu weiteren Videos angezeigt.
In Vimeo kannst du den Player fast nach Belieben anpassen und auch einstellen, was nach den Ansehen deines Videos passieren soll. Dafür brauchst du allerdings ein Abo, was mit regelmäßigen Kosten einhergeht.
Und wenn ich nicht will, dass jeder mein Video sehen kann?
Sowohl bei Vimeo als auch bei Youtube kannst du einstellen, dass dein Video auf der jeweiligen Plattform nicht auffindbar/gelistet sein soll. Das Video ist dann nur dort sichtbar, wo du es eingebunden hast – und wer darauf zugreifen kann, entscheidest du selbst.
Gibt es auch datenschutzfreundliche(re) Möglichkeiten, Videos einzubinden?
Wenn du entsprechendes technisches Know-How und Setup hast, gibt es natürlich immer auch die Möglichkeiten, Videos von anderen externen Quellen einzubetten, bei denen es sich nicht um amerikanische Tools handelt. Das ist aber leider relativ kompliziert und die oben beschriebenen Wege funktionieren dafür nicht bzw. nur begrenzt. Wenn du das planst, empfehle ich dir, entsprechende Expert:innen um Hilfe zu bitten, die das für dich einrichten können.
Wie kann ich Videos von Instagram oder Tiktok auf meiner Website einbetten?
Sowohl TikTok, als auch Instagram stellen die Funktion zur Verfügung, den Einbettungscode für ein Video zu kopieren. Den kannst du dann wie oben in Schritt 2 - Option 2 beschrieben auf deiner Website einfügen. Die Datenschutzthematik besteht hier natürlich dann aber auch. Alternativ gibt es auch Plugins, mit denen du ausgewählte Beiträge von Instagram/Tiktok auf deiner Website einbetten kannst, die sind aber meist kostenpflichtig (z. B. von SmashBalloon).
0 Kommentare