Interactive Studio

Know How

Know How

Embeds

Embeds (auch: Embedding; auf Dt.: Einbettung) sind Inhalte oder Funktionen wie Videos, Karten, Dokumente, Social-Media-Posts oder interaktive Funktionen von einer externen Quelle, die auf einer Website eingebettet werden. Das Besondere dabei: User müssen die ursprüngliche Seite nicht verlassen, um sich den eingebetteten Content anzusehen.

Funktionsweise von Embeds

Wenn Besucher eine Website verlassen müssen, um zusätzliche Informationen zu erhalten, kommen sie meistens nicht wieder zurück. Sie surfen gerne weiter und verschwinden. Schlecht für den Website-Betreiber, der somit einen interessierten Kunden verloren hat. Deshalb vermeiden wir es, eine Webseite auf ein externes Webangebot zu verlinken und nutzen Embeds. Die werden durch einen bereitgestellten HTML-Code oder eine URL von der Quellseite in den HTML-Code der Ziel-Webseite eingefügt. Webtechnologien wie iFrames, JavaScript oder APIs bieten eine maximal nahtlose Integration der Inhalte. Das hat für User und Website-Betreiber den Vorteil, dass niemand die besuchte Website verlassen muss, da er genau hier den kompletten Content zu sehen bekommt.

Anwendungsbereiche für Embeds

Ohne Social Media, Videoplattformen und andere Formen der audiovisuellen Kommunikation kann weder die politische noch die Unternehmenskommunikation erfolgreich aktiv agieren. Embeds werden deshalb häufig verwendet, um Posts von Plattformen wie X oder Instagram direkt in Artikel, Blogs oder Webseiten einzubinden. Das fördert die Interaktion und erhöht die Content-Relevanz. Ähnliches gilt für Videoplattformen wie YouTube oder Vimeo. Auch sie bieten Embed-Codes an, mit denen Erklärvideos, Reden, Diskussionen u. Ä. direkt auf Websites eingebettet werden können, was die Benutzererfahrung verbessert und die Reichweite der Videos erhöht. Das Gleiche gilt für Kartendienste wie Google Maps. Sie erlauben es, Karten in Webseiten zu integrieren, was besonders Unternehmen auf ihren Kontaktseiten nutzen. Google Docs oder SlideShare ermöglichen das Einbetten von Dokumenten oder Präsentationen, sodass diese direkt auf einer Webseite betrachtet werden können, ohne sie herunterladen zu müssen.

Vorteile von Embeds

Embeds sichern einer Website zahlreiche Vorteile. Neben der erwähnten stark verbesserten Benutzererfahrung rangiert eine enorme Zeitersparnis. Statt Inhalte umständlich, teuer und in ungewisser Qualität selbst zu entwickeln, kann das professionelle Webdesign hochwertige Inhalte von externen Quellen einbinden. Funfact: Embeds bleiben aktuell, da sie direkt von der Quelle geladen werden. Änderungen an der Quelle spiegeln sich automatisch in den eingebetteten Inhalten wider.

Best Practices

Auswählen, einfügen, fertig, perfekt? – Nun, etwas umsichtiger sollte man schon vorgehen:

  • Leistung und Geschwindigkeit: Übermäßige oder große eingebettete Inhalte können die Performance beeinträchtigen.
  • Datenschutz und Sicherheit: Prüf die Datenschutzrichtlinien, um sicherzustellen, dass sie den Standards deiner Website entsprechen! Dafür eignen sich Content-Blocker.
  • Responsives Design: Stell sicher, dass die Inhalte auf verschiedenen Geräten und Bildschirmgrößen gut dargestellt werden und die Benutzererfahrung nicht beeinträchtigen!
  • Barrierefreiheit: Embedding auf barrierefreien Seiten kann problematisch sein. Bei multimedialen Inhalten sollte geprüft werden, ob diese mit Transkription bzw. Untertiteln versehen sind oder ob ein erläuternder Text dazu abrufbereit ist.
  • Urheberrecht: Bei Verwendung fremden Materials ist immer die Quelle mit anzugeben und darauf zu achten, dass keine Urheberrechte Dritter verletzt werden.
  • Verfügbarkeit: Löscht der Quelleninhaber seinen Content, ist auch auf der Seite, wo dieser Inhalt eingebettet worden ist, nichts mehr zu sehen. Deshalb sollten bei Verwendung von Embeds intervallmäßige Kontrollsichtungen erfolgen, um zu vermeiden, dass wegen erloschener Inhalte Fehlermeldungen auf der eigenen Seite erscheinen.

Begierde Wissen

insights

insights