So binden Sie Videos auf Ihrer Website ein

Websites mit Videos sind bei Nutzern sehr beliebt. Statt einem langen Text zu lesen, können sie so Informationen in wenigen Minuten bekommen. Sind die Videos noch dazu gut gemacht mit einer spannenden Story, dann werden sie vielleicht sogar zum viralen Hit. Videos führen zu mehr Klickzahlen auf der Homepage und zu weniger Absprungraten. Dies ist ein wichtiger Punkt für das Nutzererlebnis und somit auch für das Ranking bei Google. Es gibt also zahlreiche Vorteile, die für eine Einbindung von einem oder mehreren Videos auf der eigenen Homepage sprechen. Wir haben deswegen einen Leitfaden erstellt zur richtigen Einbindung. Denn auch wenn es wie Routine erscheint, gibt es doch ein paar Tricks und Tipps, die wir Ihnen gerne ans Herz legen möchten. 

Was genau ist eine Video-Einbettung?

Unter einer Video-Einbettung versteht man das Einbinden eines Videos auf ihrer Website. Das Video kann dabei von Ihnen stammen oder von einem anderen Creator, es kann direkt auf der Website stehen oder auf einer anderen Plattform. Die Besucher können sich das Video direkt auf der Website ansehen und müssen nicht die Plattform wechseln. 

Um Datenschutzrichtlinien einzuhalten, kann der Film auch auf einen eigenen Server gehostet werden. Dies erfordert allerdings technisches Know-how, damit die Qualität des Videos gleichbleibend hoch bleibt. 

Doch wie können jetzt Videos auf der Website eingebunden werden? Mit einem sogenannten Einbettungscode. Der Code besteht aus einem Schnipsel des HTML-Code, damit Bilder, Videos oder Text auf der Homepage eingebunden werden können. Durch diesen HTML-Code muss das Video nicht auf der Original-Plattform angesehen werden, sondern es holt das Video sozusagen aus seiner ursprünglichen Quelle. Die Ladezeit wird so nicht beeinträchtigt. 

Videos sorgen für mehr Aufmerksamkeit und höheres Ranking 

Aber warum sind denn nun Videos auf einer Homepage so wichtig? Sie generieren Traffic, ihre Besucher bleiben statistisch länger auf der Homepage und das Nutzererlebnis wird gesteigert. Mit einem Video können Sie Ihre Zielgruppe besser abholen und über neueste Produkte oder andere Neuigkeiten informieren. Die Aufmerksamkeitsspanne der Internet User sinkt kontinuierlich. Mit einem kurzen Video, es reichen häufig 10 Sekunden, ziehen Sie den User in den Bann und können so in kurzer Zeit Informationen vermitteln. Wer auf Landingpages für einen bestimmten Zweck setzt, für den sind Videos ebenfalls unerlässlich. Mit einer textlastigen Page sprechen Sie womöglich nicht alle Besucher gleichermaßen an. Mit einem Produktvideo können Sie ihre Botschaft optimal transportieren. 

Die zwei gängigen Methoden: HTML und WordPress

Wir stellen heute zwei der wichtigsten Methoden zur Einbindung des Einbettungscodes auf der Website vor: HTML und WordPress.

Video per HTML-Code einbetten – Schritt für Schritt Anleitung 

Hypertext Markup Language, oder auch kurz HTML, ist die Grundlage des Webs. Mit diesem Format kann jeder Webseiten aufbauen, verändern oder bearbeiten. Wer Erfahrung mit HTML hat und direkt mit dem Format arbeitet, kann den Code auch an der gewünschten Stellen einbetten. 

Schritt für Schritt:

Schritt 1: HTML-Code bearbeiten

Öffnen Sie den Bearbeitungsmodus ihrer Website und suchen sie dort die Stelle im Code, an der Sie das Video einbinden wollen. 

Schritt 2: Einbettungscode kopieren 

Kopieren Sie den Einbettungscode. Den finden Sie auf verschiedenen Plattformen, im weiteren Verlauf erklären wir genauer, wo der Code zu finden ist. 

Schritt 3: Einbettungscode einfügen 

Als letzten Schritt fügen Sie den vorher kopierten Einbettungscode an der richtigen Stelle ein. Danach einfach speichern und veröffentlichen. Das Video wird auf Ihrer Website ausgespielt. 

Mit WordPress Videos auf der Homepage erfolgreich einbinden

Unzählige User nutzen zum Aufbau ihrer Websiten das Tool WordPress gebaut. Es hat sich mittlerweile zum beliebtesten Content Management-System etabliert. Es gibt bei WordPress zwei verschiedene Varianten ein Video einzubinden.

Bei der ersten Variante wird das Video über die URL eingebettet. Kopieren Sie einfach die URL des Videos, das beispielsweise bei YouTube oder Vimeo gehostet ist, und fügen Sie diese dann über den visuellen Editor ein. 

Wer mehr Möglichkeiten haben möchte, wie das Video angezeigt wird, für den gibt es noch die zweite Variante: Einbindung mit einem Einbettungscode. Rufen Sie den Texteditor auf. Danach folgen Sie den Schritten wie bei der HTML-Einbindung, die wir weiter oben beschrieben haben. 

Der Einbettungscode am Beispiel von YouTube und Facebook 

Jetzt haben wir schon ziemlich viel über den Einbettungscode erzählt. Aber wo finde ich diesen für mein Video? Nun, dies ist je nach Plattform unterschiedlich. Wir konzentrieren uns in diesem Beispiel auf YouTube und Instagram. 

Die wohl beliebteste Plattform für Videos ist YouTube. Auf YouTube lassen sich ganz einfach Clips hochladen. Auch der Einbettungscode ist leicht zu finden. Klicken Sie das gewünschte Video an. Darunter finden Sie die Option “Teilen”. Es öffnet sich ein Fenster mit verschiedenen Möglichkeiten. Klicken Sie auf “Einbetten” und kopieren Sie den angezeigten Link. Daneben haben Sie noch verschiedene Optionen zum Anpassen. So können Sie die Steuerelemente des Players verändern. Auch kann eingestellt werden, dass das Video an jeder beliebigen Stelle gestartet wird.

Der Einbettungscode auf YouTube kann nach Belieben angepasst werden.

Bei Facebook müssen Sie den gewünschten Beitrag über den Webbrowser öffnen. Rechts unten finden Sie drei Punkte, auf die Sie klicken. Dann erscheint der gewünschte Einbettungscode. Bei Instagram finden Sie den Code ebenfalls dort. 

Auch von Facebook können Posts ganz einfach eingebunden werden.

Fazit: Mit Videos neue Zielgruppen erreichen 

Zusammenfassend lässt sich sagen, dass Videos für den Erfolg einer Landingpage ausschlaggebend sind. Sowohl beim Nutzererlebnis als auch beim Google-Ranking. Mit diesem Blogbeitrag haben wir die wichtigsten Schritte zur Einbindung eines Videos auf einer Homepage zusammengefasst. Wir empfehlen, immer wieder die Einbindung zu überprüfen. Es kann vorkommen, dass das Video von der Plattform verschwindet und nicht mehr abrufbar ist. 

Wenn Ihnen jetzt aber noch das passende Video zum Einbinden auf Ihrer Homepage fehlt, können wir Sie gerne unterstützen. Stream1, die Livestream Agentur aus München, produziert neben Livestreams auch hochklassige Impressions-, Produkt- und Imagefilme. Mit über zehn Jahren Erfahrung und einem kompetenten Team sind sie der ideale Ansprechpartner, von der Planung über die Konzepterstellung bis hin zum fertigen Video inklusive Schnitt. 

YouTube

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

Der letzte Auftrag von Stream1: Livestream und Produktion eines Impressionsfilms. Alles aus einer Hand.

Nehmen Sie Kontakt auf unter Telefon 089 41 41 453 10 oder schreiben Sie eine unverbindliche Anfrage an hello@stream1.eu