Ondertiteling en HTML5 video: verhoogde toegankelijkheid en SEO waarde

Ik heb pasgeleden ‘transmediaal.nl‘ opgericht voor wat transmediale experimenten. Met transmediaal bedoel ik de ware integratie van video, audio, tekst, visuals, links en interactie. Deze integratie is hét middel om van een website meer te maken dan een stapel teksten en videos. Op transmediaal.nl zie je een aantal HTML5- en flash-video experimenten om Video SEO vriendelijk en toegankelijk te maken.

Video, visuals, audio en applicaties zouden dus echte relevante content moeten worden. Op dit moment zijn video, visuals, maar ook webapplicaties autonome ‘blobs’ die voor google en anderen geen enkel verband heeft met de webpagina waarin het is opgenomen. Daarbij kan bijvoorbeeld Google ook niet zien wat IN een video, visual of applicatie zit. Die beperking geld voor iedereen die de de video nog niet heeft gespeeld, of de applicatie nog niet heeft gebruikt. Dat geld natuurlijk dubbel voor blinden en mensen die op een alternatieve manier het internet verkennen.

Dus we willen de informatie bij video’s, etc verbreden door te beschrijven wat erin zit, of waar het over gaat. Denk bij het verbreden van bijvoorbeeld video-informatie aan hoofdstukindelingen, een transscriptie van het gesproken woord en natuurlijk een toegankelijke bediening. Dus koppel tekst aan de video, waardoor de inhoud wordt blootgelegd. Als eerste middel voor het verbeteren van de toegankelijkheid van video’s, maar ook het verhogen van de SEO-waarde van video’s gebruik ik de SubRip (SRT) bestanden. Die bestanden ken je van de ‘geripte’ DVD’s. Daarin zitten de ondertitelingen in diverse talen, die sommige video-programma’s als een laag over de video projecteren.

SubRip bestanden maak ik met behulp van het uiterst goed verborgen webapplicatie, die gekoppeld kan worden met een Youtube account: Caption Tube. De makers zijn mij nog niet bekend. Caption Tube is een van de weinige goed werkende/ gratis/ online tools om mooie ondertiteling-bestanden te maken. Na wat zoekwerk heb ik programma’s van twijfelachtige allure gevonden vanaf een euro’tje of 200.

Ik heb een PHP-programma’tje bewerkt om de SRT bestanden te converteren naar het TTAF1 formaat om het te integreren in HTML. TTAF staat voor Timed Text Authoring Format 1. Dit formaat is een aanstaande webstandaard van W3c, maar staat al een tijd stil. Omdat het op HTML lijkt bied het een redelijk eenvoudige structuur om ondertitelingen snel te plaatsen onder een video.

Inmiddels is er ook een web-variant voor SRT gemaakt; je raad het al: WebSRT of ook wel bekend als Timed Tracks. Timed Tracks is ook opgenomen in de HTML5 video standaard, maar door de meeste browser makers (Google, Apple, Microsoft) nog niet geïmplementeerd. Ik heb overigens een heel fijne presentatie over WebSRT gevonden op het -overigens ook interessante- blog van Sylvia Pfeiffer (Ginger Technologies).

Op transmediaal.nl zijn twee experimenten te vinden, één puur Flash  video speler implementatie en één met HTML5 en Flash als backup. Voor beide experimenten gebruik ik de JW Player van Jeroen Wijering. De JW Player kan van zichzelf al ondertiteling aan (in de vorm van zowel SRT als TTAF1), maar de HTML5 variant niet. Het is wachten wie het eerste is: JW of de browserbouwers. Tot die tijd gebruik ik Video Sub: een op jQuery gebaseerde Caption projector die aanhaakt op de track-tag van de video-tag in HTML5.

Er is ook nog een tweede jQuery subtitle library jQuery.SRT, die pure SRT bestanden interpreteert.

Enfin, kijk snel op de website transmediaal.nl en zie hoe het experiment vordert!

Helaas werkt het commentaar mechanisme tijdelijk niet… Je kan eventueel commentaar en vragen posten via mijn twitter: twitter.com/sneakerpeet

Commercieel eb en vloed op het web, federatie en relevantie.

Dit is een reactie op de volgende vraag: Wat gebeurt er met merken en met hun online activiteiten? Het lijkt erop dat alle merken verhuizen naar Hyves, Facebook en twitter om daar te verkopen, promoten en service te verlenen, maar is dat het eindstation? Zullen merken en consumenten elkaar vinden op deze platforms om de ultimieme daad van commercie uit te voeren?

Trends die de consolidatie of expansie van online aanwezigheid en merken beschrijven  gaan altijd in golven. Het ene moment is een bedrijf al de activiteiten aan het consolideren, voor één boodschap/ identiteit, communicatie kanaal, etc en het andere moment gebruikt men zoveel kanalen, submerken, doelgroep diversivisering, nano targetting als mogelijk is.

Lokatie, lokatie: Sociale netwerken voor sympathieke en ‘open communicatie’

Op dit moment zijn de kansen om een ‘open’ image te verwerven/ verbeteren/ verspreiden gekoppeld aan ‘sociale interactie’ met de klant via Facebooks, Hyves, Twitter, etc. Dat is veelal omdat de klant zich daar bevind en er geen technische, of sociaal acceptabele mogelijkheid is om consumenten subtiel te sturen naar de primaire zuil van het bedrijf (de winkel, de website, etc). Vooralsnog is de communicatie op sociale netwerken dus promotie van het merk en ‘sympatieke communicatie’ (daar moeten sommige bedrijven nog aan wennen). De keuze voor sociale netwerken als platform van merken is vergelijkbaar met de keuze waar een merk een winkellokatie of een poster campagne wilt opzetten. Een speelgoedmerk zou het liefste een vestiging en posters in een basisschool willen, maar dat is niet sociaal of logistiek verantwoord, dus wat is dan de beste manier? Mensen verleiden en de merken-boodschap te mengen in hun conversaties is voorlopig het antwoord!

Mind the tourist trap, initiatief vanuit de klant

Zes jaar terug stampten veel merken hun eigen ‘Hyves-achtige-netwerk’ uit de grond met integraties met online shops, bonus mechanismes, etc , om er achter te komen dit niet het publiek vasthoud/ aantrekt. Mensen zoeken online vooral sociaal contact, geen voor de hand liggende tourist-traps. Dit is overigens een serieus gevaar voor sommige sociale netwerken! Naar mijn mening missen een aantal sociale netwerken de oprechte interesse en investering in hun eigen imago om oprecht, eerlijk en relevant te zijn voor hun bewoners.

Inmiddels is er vanuit de klant wèl echt behoefte aan interactie met het merk, om te zien of ze wel ècht ‘van ons houden’ (getuige de feedback die wij zelf ook wel eens geven aan online vertegenwoordigers van bedrijven over haar producten). Interactie in de vorm van service, maar ook om sociale verantwoordelijkheid en image te spiegelen met die van de klant.

Dus wat gaan we doen? De winkel verplaatsen naar het contactpunt (dus een merk-hyve, of een twitter account, met daaraan een winkel)? Goeie vraag! Voor mij is voorlopig het antwoord: ik denk van niet, omdat deze kanalen niet die functie (horen te) hebben (denk aan de school met speelgoedwinkel).

Toenadering van de klant en ontkoppeling van het sociale profiel

Er zal zeker een technische en sociale ‘ether’ komen waar het verleiden en bedienen van de klant subtiel en effectief mogelijk zal worden, agnostisch van locaties, groepen en content. Consumenten zullen daar hun merken opzoeken, men zal daar kopen en gemak, voordeel en persoonlijke service verwachten. De merken zullen hun bedrijf (moeten) inrichtingen zodat ze dit kunnen faciliteren, zoals men ook met de fysieke winkel heeft gedaan.

Hierbij zal het federaliseren van de sociale netwerken een belangrijke rol spelen. Federaliseren is het loskoppelen van het sociale profiel, het sociale netwerk, de content en de plek waar deze vier zijn opgebouwd. En met name dat jouw profiel en jouw netwerk agnostisch is van één specifieke plek. Het reist met je mee. Een voorbeeld:
Voor flickr.com zou dit zijn:

  • Profiel: Je naam, leeftijd, waar je fotos zijn genomen, waar je woont, je email adres, welke camera’s je hebt, of je fotoshop gebruikt, etc
  • Je sociale netwerk: jouw vrienden, de vrienden van je vrienden, de tags van de fotos van je vrienden en de groepen waarvan je lid ben.
  • De content: jouw fotos
  • De plek: flickr.com

Door de loskoppeling van bijvoorbeeld flickr, de fotos en de bewoners van flickr, zal het mogelijk worden om mensen gebaseerd op hun profiel een fijne aanbieding te doen op het gebied van reizen, fotografie, etc, op de juiste plek, op het juiste moment (als je aan het winkelen bent) met het meeste effect (dus geen spam effect). Het sociale netwerk heeft dan een subtiele mogelijkheid om producten te promoten, maar ook om die direct aan te bieden.

Doeltreffende marketing en comfort voor de klant

Dit klinkt nog vaag (okay, dat is het ook), maar de loskoppeling zal het mogelijk maken om het profiel van een consument en het netwerk van de klant te gebruiken om zo goed mogelijk aansluiting te vinden met het koopgedrag, zonder ‘eng’ te zijn qua privacy. De klant zal eigenaar zijn van zijn eigen profiel en hiervan details kunnen delen en intrekken zodat men zo goed mogelijk geholpen kan worden in de wereld van sociale interactie, commercie en content.

Bij reclame op televisie krijg je alleen relevante reclame, bij de schoenmaker krijg je alleen het aanbod in jouw maat en smaak, de verzekering doet alleen een aanbod voor zwangerschap therapie als dat voor jou relevant is. Maar ook: jij wordt op de hoogte gesteld van content die voor jou relevant is, vrienden updates die écht bij je passen en ook aanbevelingen van mensen waarvan je die vertrouwd.

Een leuk voorbeeld van het laatste: van wie zou je de aanbeveling van een camera het meeste vertrouwen: je broer die pas zijn eerste camera heeft gekocht en wild enthousiast is, de camera expert die je een tijdje volgt, of de camerashop die zijn laatste aanbiedingen promoot?

beta website ontwikkeling

Waar hebben klanten en ontwikkelaars last van? “het is bijna klaar”. Nog iets erbij: “Big bang release is dé manier om schade toe te brengen aan alle betrokken partijen”.

Dit zijn uitspraken die betrekking hebben op het opleveren van websites. De zin “Het is bijna klaar” zorgt ervoor dat klanten en ontwikkelaars mentaal, financieel en qua productie niet verder komen. Het is het laatste, tochtige busstation waar de bus maar nooit aan lijkt te komen. Dus wat kan je eraan doen? Lage drempel voor het vrijgeven van functionaliteit, gefragmenteerde functionaliteit releases , klant betrokkenheid en de gebruiker begeleiden bij het ontdekken van services.

Meestal zijn klanten en ontwikkelaars bang voor de beta aanpak (producten in delen opleveren voordat het écht af is). Wat zal de aandeelhouder wel niet vinden, wat zal de bezoeker wel niet denken zijn de angsten hierbij. Met aandeelhouders heb ik niets; ik hou niet echt van mensen met bestuurskracht, maar zonder visie of betrokkenheid, dan maar liever geen geld.

De bezoekers van websites zijn echter goed tevreden te houden en voor te bereiden op meer nieuwe spannende dingen. Geef ze een fijne stoel om in te wachten en reden om te blijven zitten. Laat ze merken dat als zij een tip geven dat dit belangrijk is, maar wees ook niet bang om duidelijk te maken wat jouw visie is.

Tegenwoordig zijn er veel bedrijven die op diverse manieren de bezoeker betrekken, met blogs, forums, advertenties en een laagdrempelige manier van feedback creëert men een relatie met mensen die het voorfront zijn voor latere promotie van je product. Zorg dat je snel en persoonlijk reageert op wat men jou toespeelt en zorg voor een heel duidelijke manier waarmee je elke nieuwe feature presenteert.

Ik geef toe, het vereist veel kracht, voorbereiding en aandacht, maar het kan en het is niet moeilijk! Het verzacht je relatie met je bezoekers, verlicht de stress op je productieproces en geeft ruimte om je wensen en prioriteiten aan te passen in het verloop van je project.

mijn eerste google code project van sneakerpeet.com

Vers van de pers, nouja bijna dan. Ik heb op verzoek een Google Code project gemaakt van sneakerpeet.com.

sneakerpeet.jpg

Google Code is een website wat allerlei faciliteiten bied om een software project te onderhouden. Het doet versiebeheer, het houd kwesties bij en heeft ruimte voor mensen om mee te doen met het ontwikkelen van software. Dus op Google Code heb ik nu ook een hoekje.Iemand vroeg op Jaiku.com hoe ik sneakerpeet.com had gemaakt. Ik ben niet de kwaadste, dus ik heb het publiek gemaakt zodat mensen het zelf ook kunnen gebruiken. Voor het eerst mijn code open en bloot.

Je kan de code met de aliteratie-naam vinden op: json-aggregation-publication.googlecode.com . De naam komt van het publiceren van een aggregatie (samenvoeging) van diverse site-berichten in de vorm van JSON. JSON is een uitwissel formaat (zoals HTML en RSS) wat veel op Javascript lijkt.

De bestaat overigens voornamelijk uit een manier om een Jaiku feed (een soort samenvatting van alle site gebeurtenissen in een mooi compact computerformaat) om te zetten in een leuke site.

sneakerpeet.com is live!

Veel mensen die ik tegen kom overweldig ik wel eens met de hoeveelheid sites waarop ik publiceer. Speciaal daarvoor heb ik een site gemaakt waar de meest recente publicaties te zien zijn. Kijk snel op sneakerpeet.com om mij in de gaten te houden.

Op sneakerpeet.com vind je de laatste 20 dingen die ik op het web heb gepubliceerd. Dat kunnen verhaaltjes zijn, podcasts, links, favorieten of fotos.

In het kort heeft elke site die ik maak of gebruik wel een RSS feed, die RSS feeds worden door Jaiku samengevoegt en ik gebruik de samengevoegde feed van Jaiku om sneakerpeet.com van content te voorzien.

RSS is overigens een soort computertaal waarin alle verhaaltjes (posts) die op een site staan, ‘leesbaar’ gemaakt worden voor andere websites. Op deze manier kan je nieuws en andere content syndiceren (verspreiden over meerdere publicaties).

Ik heb sneakerpeet.com overigens ook nog verreikt met links en fotos.