Het is geen knowhow meer dat het toevoegen van video's aan uw website een ongeëvenaarde waarde heeft voor u en uw bezoekers. Van het verbeteren van de gebruikerservaring - in onze visuele cultuur geven mensen de voorkeur aan kijken boven lezen - tot het bieden van SEO-voordelen voor uw site. Meer tijd op de site, hogere doorklikratio's, meer conversies en dus meer inkomsten zijn duidelijke voordelen van het opnemen van video's op uw website.

Maar een eenvoudige upload volstaat in dit geval niet. Video insluiten op uw website is echt de manier om te gaan. Video insluiten lijkt misschien een routineklus, maar zo duidelijk is het niet. Met zoveel informatie hier en daar over hoe u een video op een andere plaats kunt insluiten, hebben wij getracht een ultieme gids temaken voor het insluiten van video op uw website, waarin alles aan bod komt.

Laten we er meteen in springen!

Deel I: Wat is een video-embed?

Eerst en vooral is het belangrijk te begrijpen wat er achter het belangrijkste element van een video-embed zit: een embedcode. Een insluitcode is een stukje HTML-code dat u kunt gebruiken om video en andere soorten inhoud aan uw website toe te voegen.

Dit stukje code helpt om de video op uw website weer te geven. Het haalt de video van de oorspronkelijke bron, zonder u daadwerkelijk te "dwingen" de video op uw website te hosten. Dit houdt in dat u zich geen zorgen hoeft te maken dat een video de laadtijd van uw website zal beïnvloeden, en het opent ook een scala aan keuzes tussen verschillende video hosting diensten die het beste passen bij uw behoeften.

Hoewel de meeste video hosting diensten auto-embed generatie bieden, kan het geen kwaad om de basis video embed code structuur te begrijpen:

<iframe src="URL'></iframe>

In plaats van het URL-gedeelte voegt u gewoon de link naar de video toe, en voila - daar is uw HTML-code. Als u een beetje HTML kent, kunt u de insluitingscode ook handmatig aanpassen: de benodigde hoogte en breedte toevoegen, of bepaalde kenmerken van de video blokkeren die u niet op uw pagina wilt weergeven. Het kan er zo uitzien:

Misschien vraagt u zich nu af: waarom kunt u de video niet gewoon uploaden naar uw site en bent u van dat gedoe af? Google zegt vaak dat video's de laadtijd van de website aanzienlijk verlengen, de snelheid van de site verlagen, en dus de gebruikerservaring aantasten en uw SEO negatief beïnvloeden. Vandaar dat u verkeer, rankings enzovoort kunt verliezen. Om nog maar te zwijgen over overbelaste servers, extra kosten, enzovoort.

Door video's in een website op te nemen, kunt u de meeste van deze problemen oplossen. Dit is waarom.

Deel II: Embedden Niet Uploaden: De belangrijkste voordelen van een ingesloten video

1. Embed video op een website voor hogere video laadtijden (en SEO)

Wanneer u een video naar uw site uploadt, kan het laden van uw video lang duren, wat weer gevolgen heeft voor de laadtijd van de pagina. Bezoekers van uw site kunnen dus te maken krijgen met traag laden van video's, onverwachte pauzes en de algehele weigering om af te spelen. Door video's in te sluiten kunt u de snelheid van uw site in evenwicht houden en de gebruikerservaring niet negatief beïnvloeden. En volgens John Mueller van Google is sitesnelheid een van de belangrijkste rankingfactoren in ons mobile-first tijdperk.

Waarom zou u zich daar zorgen over maken? Hier is een grafiek die laat zien hoe de laadtijd van een site de conversies beïnvloedt:

Bron: Crisp Video

Dus, in principe, lagere laadtijd betekent lagere rankings, minder verkeer, minder conversies, en ... verloren inkomsten!

Maar denk niet dat het toevoegen van een video alleen maar problemen oplevert. Een video laten afspelen op uw website zal een aanzienlijke invloed hebben op de hoeveelheid tijd die mensen op uw site doorbrengen (positieve rankingfactor), en ook de video zelf kan verschijnen op Google's #1 pagina, wat verkeer oplevert, en al de rest die volgt. Het is dus allemaal een kwestie van goed doen en de embed-optie kiezen boven de upload.

2. Video insluiten op een website om bandbreedtebeperkingen te overwinnen

Het uploaden van een video verbruikt de bandbreedte van uw eigen server (en dat kost geld). En elke keer dat iemand naar uw video linkt of deze op zijn website insluit, lijdt uw eigen site daaronder, omdat ze opnieuw uw bandbreedte gebruiken. Dit is duur en inefficiënt.

3. Video insluiten op een website om bestandsgrootte en opslagbeperkingen te vermijden

Uw sitehosting heeft altijd een opslaglimiet - dus elke keer dat u een video uploadt, neemt u ruimte in op uw server. Door meerdere video's te uploaden, kunt u mogelijk te veel ruimte innemen, en als meerdere gebruikers uw video tegelijkertijd bekijken, kunnen de laadtijden van uw site drastisch vertragen.

Bovendien is er ook een kwestie van beperking van de bestandsgrootte bij het uploaden van video. Uw site hosting platform zal waarschijnlijk hebben strakke beperkingen op de video formaat en bestandsgrootte, dus je zult merken dat het comprimeren van de video om een punt van geen nut. Video insluiten zal je niet krijgen deze beperkingen.

Bron: ProPhoto

4. Video insluiten op een website voor hogere videokwaliteit

Van beperkingen in bestandsgrootte komen we bij beperkingen in videokwaliteit als het gaat om het uploaden van video's naar een site. Als u uw hoogwaardige video op uw website wilt weergeven, zorgt de opslag ervan op een site van derden ervoor dat u binnen uw "inode-limiet" blijft, de gegevensstructuur die de informatie over het bestand op uw hostingaccount bewaart. U hoeft dus niet na te denken over het converteren van uw videobestanden in meerdere formaten en versies om uw bezoekers uw video's in hoge definitie of lagere resolutie te laten bekijken.

Deel III: Een video-hostingsite kiezen

Als u ervoor kiest om video's op uw website in te sluiten, laat u alle zorgen over de serverbelasting en het wijzigen van het bestandsformaat over aan iemand die daar de tijd en de middelen voor heeft. Maar, zoals u waarschijnlijk begrijpt, om een video op uw website in te sluiten, moet u die eerst toevoegen aan een videohostingplatform van een derde partij . En hier heeft u veel keuze.

Er is geen beste of slechtste video host concept, het is echt een kwestie van balans van de juiste functies en kosten. Dus, we hebben de belangrijkste kenmerken opgesomd waarmee u rekening moet houden voordat u de juiste video hosting site kiest:

Responsieve speler

Uw site voor videohosting moet een responsieve videospeler bieden, een mobielvriendelijke rich media widget, die is ontworpen om uw publiek een optimale gebruikers- en kijkervaring te bieden. Ongeacht of zij kijken vanaf een desktopscherm, smartphone, tablet of een ander schermformaat, de video breidt zich uit om de breedte van het scherm te vullen, maar behoudt de oorspronkelijke beeldverhouding van de video's. Dit voorkomt statische afmetingen die de paginalay-outs kunnen vervormen, het beeld kunnen vervormen of zwarte balken rond de video kunnen weergeven.

Snelheid en kwaliteit van de dienstverlening

Wanneer je een video hosting kiest, wil je er zeker van zijn dat ze de beste service bieden. Dus, er is een tweeledig begrip van wat een goede snelheid en kwaliteit van de dienstverlening inhoudt:

• Ondersteuning voor geweldige videokwaliteit: In 2020 kunt u zich niet echt korrelige beelden en animaties in 360p of 480p veroorloven. Dus, tenzij u een laag budget hebt en 1080p voldoende is voor uw doeleinden, moet u ervoor zorgen dat de videohostingdienst die u kiest Ultra HD of meer ondersteunt. De beste platforms bieden u de mogelijkheid automatisch te schakelen tussen HD/SD-kwaliteit.
• Geweldige ondersteuning en klantenservice: Dubbelcheck de kwaliteit van de servers die de dienst gebruikt. Crasht de site van tijd tot tijd (dit zal de videoweergave op uw website beïnvloeden!)? Is hij gevoelig voor DDoS-aanvallen? En, nog belangrijker, wat is de gemiddelde reactietijd op de vragen van hun klanten?

Spelersconfiguratie-opties

De eerste indruk is belangrijk, dus het eerste wat u en uw klanten opvalt is het ontwerp van de videospeler. Van kleuren tot knoppen, autoplays en het configureren van alle noodzakelijke commando's - hoe meer aanpasbaar de videospeler is, hoe beter.

Aanpassingsopties voor videospeler in Wave.video hosting

Functies voor het genereren van leads

Als u een video toevoegt aan uw website, wordt deze onderdeel van uw leadgeneratiemachine. Zorg er dus voor dat het videoplatform dat u kiest ook daadwerkelijk leadgeneratie via de video ondersteunt. Deze functie omvat zaken als calls-to-action en manieren om informatie van uw bezoekers (leads) vast te leggen. Anders is het eigenlijk een videospeler waar u voor betaalt.

Privacy

Wanneer u online actief bent, is privacy een voor de hand liggende factor om rekening mee te houden. Hetzelfde geldt voor de privacy van uw video's. Het is belangrijk dat het video hosting platform van uw keuze niet iedereen toestaat uw video's te bekijken of te downloaden zonder uw toestemming. Daarom moet de hostingdienst u de mogelijkheid bieden om strenge regels op te leggen voor het downloaden van dingen en een efficiënte manier om die regels af te dwingen. De mogelijkheid om uw video's te beschermen met een wachtwoord is een functie waar u naar moet zoeken bij het kiezen van een video hosting platform.

SEO

Als u wilt spelen met de ranking van uw eigen site, moet u strategisch zijn in uw keuze van een video hosting platform. Zoek naar een hostingdienst die zowel stabiel als populair is (als in, hoog in rankings op zich), en maak gebruik van hun aandeel in de ranking van Google. Allereerst zal het hosten van uw video op een externe site u voorzien van uitgaande links, of backlinks, en het mogelijk gemakkelijker maken om video rich snippets te krijgen voor uw eigen domein. Dit geeft u dus een kans om de ranking van uw site ook te beïnvloeden.

Bron: Moz

Analytics en gegevensverzameling

Uw video's zijn ontworpen om de klant aan te trekken en te behagen, dus u wilt natuurlijk weten hoe tevreden de klanten zijn. Daarom moet de dienst waarop u uw video host u een overvloed aan analyses geven om naar te kijken. En niet alleen simpele dingen als views, comments, maar een heel ander soort complexe gegevens. Als u video's insluit, kunt u een speciale trackingcode toevoegen - van Google Tag Manager - en extra analytics krijgen binnen uw Google Analytics-account, zoals de gemiddelde kijktijd, het moment waarop mensen over het algemeen stoppen met kijken, enzovoort. U hebt al deze gegevens nodig om te weten hoe en waarom uw video's succesvol zijn (of niet).

Kosten

Als u er zeker van bent dat u alle functies die u nodig hebt in overweging hebt genomen, dat u tevreden bent met het platform en de ondersteuning, en dat u de videokwaliteit onder de knie hebt, is het laatste wat u moet doen ervoor te zorgen dat het platform binnen uw budget valt. En dit hangt af van hoeveel videoweergaven u verwacht, en hoe groot uw videobestanden zijn. Meer weergaven van grotere video's betekent dat u meer bandbreedte gebruikt en dus zal de prijs stijgen. Het is ook de moeite waard om na te gaan of het platform maandelijkse of jaarlijkse contracten toestaat. Als u een klein bedrijf bent of net begint met video, wilt u waarschijnlijk niet vastzitten aan langetermijncontracten.

Deel IV: Hoe de insluitcode te genereren

Zodra u uw videohostingplatform hebt gekozen en al uw video-inhoud hebt geüpload, is er nog maar één stap die u scheidt van het toevoegen/insluiten van een video op uw website - het vinden van die insluitcode.

Video's insluiten vanvideo hosting diensten

Insluiten vanuit Wave.video

Als u een video van Wave.video wilt insluiten, gaat u naar Mijn projecten en zoekt u de video die u wilt insluiten. Ga vervolgens met de muis over het pictogram met de drie puntjes en klik op "Player".

Schakel de knop "Video insluiten" in en Wave.video genereert automatisch een insluitcode voor uw video. Onder de toggle vindt u ook instellingen voor de videogrootte, dus vergeet niet van deze functie gebruik te maken.

Als u de videospeler wilt aanpassen, opent u het tabblad "Uiterlijk" en kunt u de kleur van de speler wijzigen, bepalen welke besturingselementen worden weergegeven (indien aanwezig) of een aangepaste miniatuur kiezen. Als u meer wilt weten over de hostingfuncties van Wave.video, moet u zeker dit artikel lezen.

Er zijn verschillende mogelijkheden hoe u video's met Wave.video op uw website of blog kunt insluiten.

• Inline insluiten

Dit is een gewone embed die uw video binnen de omringende tekst of andere UI-elementen van uw pagina plaatst.

• Popover insluiten

Als u een video op deze manier insluit, wordt deze geopend in een modale dialoog die over de rest van de inhoud heen verschijnt.

Er zijn drie manieren om uw video in de inhoud van uw pagina te integreren: thumbnail, highlight en tekstlink.

Embedden van YouTube

Ga gewoon naar de afspeelpagina van je video op YouTube, klik op de knop "Delen" en vervolgens op "Insluiten". Je kunt gewoon de insluitingscode kopiëren, of werken aan een paar aanpasbare opties - het weergeven/bedekken van de bedieningselementen van de speler of het afspelen van de video vanaf een bepaald punt (niet noodzakelijk het begin).

Als u meer maatwerk wilt, zijn er tal van parameters - autoplay, kleur, taal, looping en meer - die u kunt toevoegen binnen de iframe embed. Ze staan allemaal vermeld op de Developer-pagina van Google.

Embedden van Vimeo

Vimeo embed code kun je vinden door te klikken op het Share icoon rechts van de video. Je ziet dan een venster met verschillende kaders, en één daarvan is je insluitcode.

Door te klikken op +Toonopties, kunt u de manier waarop uw video wordt weergegeven met deze insluitcode aanpassen. U kunt de kleur van de speler aanpassen, de grootte (houd hem Responsive, voor het geval dat), een intro toevoegen, en wat "speciale dingen" zoals looping, autoplay en meer.

Door te kiezen voor Pro, Business of Premium krijgt u een aantal extra voordelen, zoals het aanpassen van kleuren en onderdelen, het toevoegen van eindschermen en een logo.

Embedden van Wistia

Ga naar uw mediapagina en klik op de knop Embed & Share. U ziet een Embed & Share scherm, waar u uw embed code type kunt kopiëren en aanpassen voor uw pagina.

Wistia biedt twee soorten insluitcodes: Inline embeds en Popover embeds. Inline embeds houden in dat de video in lijn met de rest van uw inhoud wordt geplaatst, terwijl Popover embeds uw video's helpen, nou ja, over de inhoud van uw pagina heen te springen.

Embedden van Vidyard

Merk op dat u voor het insluiten van video van Vidyard de functie Player Embeds bij uw abonnement moet hebben. Vidyard ondersteunt twee insluitingsopties - responsief insluiten en iframe insluiten.

Klik op het dashboard van uw Vidyard op de sectie Content>Player, en beweeg uw cursor over de player, en klik vervolgens op "share". Klik in het gedeelte Responsive Embed op het pictogram Copy Code en kies de optie Use Lightbox om van de code een lightbox embed te maken. U kunt de afmetingen van de speler handmatig invoeren om de maximale breedte en hoogte te krijgen.

Als uw website geen JavaScript ondersteunt, kunt u het vakje Probleemloos insluiten? aanvinken en in plaats daarvan de iframe insluitcode kopiëren.

Video's vansociale media insluiten

Embedden vanuit Facebook

Elke video op Facebook wordt ondersteund met de insluitfunctie. U hoeft alleen maar te klikken op de "..." in de rechterbovenhoek van de Facebook-post en op "Embed" te drukken.

Als je wilt, kun je de optie "Volledig bericht opnemen" kiezen (druk gewoon op het selectievakje), en dan wordt de bijbehorende tekst uit het Facebook-bericht samen met de video toegevoegd.

Embedden vanuit Instagram

Aangezien Instagram eigendom is van Facebook, is het insluitingsproces zeer vergelijkbaar. Open Instagram vanaf een desktop (niet de app), en klik op de "..." in de rechterbovenhoek.

Druk op "Insluiten" en kopieer de insluitcode. Opnieuw heb je de keuze om het bijschrift toe te voegen (of niet) aan je embed.

Embedden vanuit Twitter

Gebruik de app niet om een Twitter-video in te sluiten. Open de tweet op een desktop en selecteer "Tweet insluiten" in het uitklapmenu naast de knop "Volgen" op de tweet. Kies vervolgens de optie "Tweet insluiten".

Kopieer/plak gewoon de insluitingscode - maar let op, met Twitter's insluiting wordt de hele Tweet met het bijschrift weergegeven, er is geen optie om een enkele video weer te geven.

Embedden van TikTok

Met TikTok verschijnt de "Get Embed Code" knop direct bij de video. Hoewel er geen opties zijn om uit te kiezen omdat je alleen een link krijgt voor een 340×700-speler met autoplay, kun je enkele instellingen aanpassen wanneer je de insluitcode aan je webpagina toevoegt.

Een alternatieve methode gebruiken: Video Embed Code Generators

Als u om de een of andere reden niet de eenvoudige stappen wilt volgen om de insluitcodes voor uw video van de videohostingsites of sociale media te krijgen, is er zeker een workaround.

Er is een alternatieve methode - er zijn tal van speciale sites die inherent gewoon video embed code generatoren zijn. Metplatforms als Embed.ly, Toolki en Siege Media kuntu een insluitcode voor uw video genereren: u hoeft alleen maar de URL van de video bij de hand te hebben en deze sites maken automatisch een insluitcode voor uw video.

Maar deze oplossing heeft een paar nadelen:

• Meestal heeft de nieuw ingesloten video op uw site het watermerk van het platform.
• Er is een zeer beperkte mogelijkheid om video's aan te passen
• Deze platforms bieden geen analytics of zelfs de mogelijkheid om een trackingcode toe te voegen om de statistieken van uw video verder te volgen in Google Analytics of analytische platforms van derden.

Dus, als je de kans hebt om een video hosting platform te gebruiken, ga dan altijd voor deze optie.

Deel V: Een video insluiten op uw website

Nu u alle kennis hebt opgedaan over de voordelen van het insluiten van video, weet hoe u de juiste videohostingdienst kiest en hoe u de insluitcode genereert, lopen we snel door de details van het insluiten van een video op de populairste sitehostingplatforms.

Video's insluiten in HTML

STAP 1: BEWERK UW HTML

Open de pagina waarop je de video wilt insluiten in de bewerkmodus. Selecteer de exacte plek in de code waar je de video wilt hebben en plaats je cursor daar.

STAP 2: KOPIEER EN PLAK DE INSLUITINGSCODE

Kopieer uw insluitingscode en plak die gewoon op de plek waar u uw cursor hebt geplaatst. Druk op "opslaan" of "publiceren", en dat is het.

Dubbelcheck of de video wordt weergegeven precies waar u de code hebt geplaatst en vergeet niet de prestaties van uw pagina en video te controleren.

Video's insluiten in WordPress

Als uw website op WordPress draait, zijn er twee mogelijkheden om een video in te sluiten.

#1 OPTIE: KOPIEER/PLAK DE URL

Voor de meest populaire video hosting platforms zoals Vimeo, YouTube, en enkele andere, hoef je de volledige insluitcode niet op te zoeken. Kopieer gewoon de URL van de video en plak die in de Visuele editor - de insluitcode wordt automatisch aangemaakt.

#TWEEDE OPTIE: GEBRUIK DE INSLUITINGSCODE

Soms wil je wat aanpassingen doen aan de videoweergave, of je host je video's op een platform dat niet wordt ondersteund door de automatische insluiting van WordPress. Dan moet je de insluitcode van de video gebruiken.

Ga naar de Teksteditor van WordPress(niet verwarren met de Visuele editor) en je ziet de HTML-versie van je pagina. Volg dan gewoon de stappen die we hierboven vermelden in het HTML-gedeelte van deze gids over het insluiten van video op uw website.

Video's insluiten in Shopify

STAP 1: KOPIEER DE INSLUITINGSCODE

De eerste stap is heel eenvoudig - kopieer de insluitingscode van de plaats waar u uw video host.

STAP 2: LOG IN OP JE SHOPIFY ADMIN DASHBOARD

Log in op je Shopify admin dashboard. Al je huidige pagina's zouden moeten staan onder Online Store -> Pagina's. Navigeer naar de pagina die je wilt bewerken en let op de symbolen in de editor toolbar.

Stap 3: KLIK op de knop "VIDEO INVOEGEN".

Kies de rich text editor, en klik in de werkbalk op het videocamerapictogram. Er verschijnt een nieuw venster - plak de insluitingscode van de video en kies de optie "Video invoegen". Dat was het!

Video's insluiten in Squarespace

Wat insluiten betreft, lijkt Squarespace erg op WordPress. U kunt kiezen tussen de optie om een insluitcode te gebruiken of om video's in te sluiten door de URL van de video te kopiëren/plakken (alleen mogelijk bij insluiting vanaf YouTube, Vimeo, Animoto of Wistia).

Aangezien Squarespace een websitebouwer is, voegt u gewoon een blok toe dat video ondersteunt, en kopieert/plakt u gewoon uw video-URL, of drukt u op het insluitingspictogram (gemarkeerd in een rode cirkel), dan ziet u een pop-upvenster waarin u uw insluitingscode kunt kopiëren/plakken.

In Squarespace kunt u de titel en beschrijving van de video aanpassen, en door de optie "Thumbnail gebruiken" uit te vinken, kunt u ook een zelfgemaakte thumbnail voor uw video op die pagina toevoegen.

Video's insluiten in Wix

Wix werkt volgens dezelfde principes als de vorige site hosting platforms. Alleen de copy/paste URL-optie voor het insluiten van video's ondersteunt video's die worden gehost op YouTube, Vimeo, DailyMotion en Facebook.

#1 OPTIE: KOPIEER/PLAK DE URL

Stap 1: Open de editor

Klik op het "+"-pictogram aan de linkerkant van de editor en kies Video. Kies onder Single Videos Player het platform waarop uw video wordt gehost: YouTube, Vimeo, DailyMotion of Facebook.

Stap 2: Kopieer de URL van uw video

Klik op "Video wijzigen" en kopieer de URL van de video die je wilt laten zien. In deze stap kunt u de afspeel- en besturingsopties aanpassen.

Stap 3: Pas de positie van uw video aan

Gebruik slepen en neerzetten om de positie en de grootte van uw video te veranderen. En sla de pagina op!

#TWEEDE OPTIE: GEBRUIK DE INSLUITINGSCODE

Als u uw video's niet host op de platforms die door Wix worden ondersteund, moet u de insluitingscode voor uw video kopiëren. En dan, in plaats van te selecteren om een video toe te voegen, moet je op "Meer" drukken. Dit is waar u de HTML iframe vindt, waar u de insluitcode kunt plakken. Druk op "Opslaan", en je kunt aan de slag.

Laatste woorden

Het lijkt erop dat we zo ongeveer alles hebben behandeld wat te maken heeft met het insluiten van video's op uw website. Na zo'n uitgebreide lezing kunnen we alleen maar zeggen dat het toevoegen van een video aan uw site niet alleen uw SEO, analytics en inkomstenafdeling ten goede komt. Mensen houden van video's en waarderen de tijd die u investeert in het creëren van inhoud die waardevol, onderhoudend en gemakkelijk te verteren is. U hoeft er alleen maar voor te zorgen dat uw video's de gebruikerservaring niet beïnvloeden, en video-insluitingen zijn daarvoor een geweldig hulpmiddel.

Laat ons in de commentaren weten of er iets is dat u aan deze gids wilt toevoegen. Welke vragen zijn nog onbeantwoord? Met welke video hosting platforms of site hosting diensten wil je dat we deze gids bijwerken? Wat zijn jouw worstelingen en uitdagingen als het gaat om het insluiten van video's op je website en het bieden van een optimale gebruikerservaring?