RDFa, overbrugging tussen mens en web.

Bij het schrijven van dit artikel merkte ik snel dat ik nooit alle informatie in 1 post zou kunnen verwerken. Gezien de technische materie zullen sommigen onder jullie snel verveeld geraken. Anderzijds, ik zou persoonlijk ook nooit alles lezen in 1 keer :-).

Daarom heb ik beslist deze post op te splitsen in 2 delen. Hopelijk vind je deze interessant. Straks zal ik je vertellen waar het vervolg over zal handelen.

Deze post is trouwens een meer gedetailleerde technische omschrijving over een eerder gepubliceerd artikel op deze blog, namelijk "het semantisch web, evolueer jij mee?".

Overbrugging tussen mens web.
Het web vandaag is een rijke verzameling van informatie, via hyperlinks verbonden met elkaar. Ook al beginnen we gebruik te maken van data, verstaanbaar voor machines, toch worden deze typisch onderverdeeld in afzonderlijke files met al te vaak verschillende formaten.

Browsers zijn nog erg beperkt hierin, deze zien enkel representatieve informatie. Het gebruik van RDFa kan hier oplossingen bieden.

Wat is eigenlijk RDFa?
RDFa biedt ons een set van xHTML attributen om extra informatie aan visuele data toe te kennen, zodat deze ook beter en meer accuraat door machines zal geïnterpreteerd worden. In deze post gaan we enkele eenvoudige datasets eens meer in detail bekijken.

Geef meer betekenis aan visuele data!
Neem een eenvoudige xHTML pagina, deze is vaak opgebouwd uit een hoofdtitel, subtitel(s), tekst in cursief en enkele tekstblokken, beter gekend als paragrafen. Deze kunnen gevolgd worden door enkele links (tags).
Een browser kan deze data correct weergeven zonder problemen. Toch is er een groot verschil tussen hoe programma’s en mensen deze data kunnen interpreteren.

Links is wat de browser ziet, rechts is wat een gebruiker ziet? Zou het niet interessant zijn om deze kloof wat meer te overbruggen?

• Hoofd van het document is de titel.
• De subtitel is de auteur.
• Tekst in cursief is de publicatie datum.
  

We kunnen een browser informatie geven over de betekenis van visuele elementen op een pagina. Enkele voorbeelden kunnen zijn:

• Een concert op de website van de AB kan je onmiddellijk toevoegen aan je online kalender.
• Contact informatie van personen (linkedin) kan je rechtstreeks importeren in je adres boek.
• Snel oproepen van eerder gelezen artikels en deze onderverdelen in categorieën, aan de hand van tags.
• Een foto die je kopieert op het internet en deze plaatst op jou blog geeft een link terug naar de fotograaf zodat deze zijn vermelding krijgt.
  

RDFa laat dit toe bij xHTML. Wij kunnen data meegeven in de opmaak van onze pagina die ervoor zorgt dat programma’s deze beter kunnen interpreteren.

Geef betekenis aan je data!
We nemen een typische blog als voorbeeld. Hier kan je een mix terugvinden van artikels, van persoonlijke interesses tot professionele activiteiten etc.. .

Voeg een licentie toe aan je werk.
In de footer van je blog zou je kunnen plaatsen dat je de content vrij overgenomen mag worden, mits de vermelding van je naam (bronvermelding). We kunnen een ‘Creative Commons License’ toevoegen.

Een mens verstaat deze tekst, een browser niet. Hier kunnen we nu wat extra gaan toevoegen zodat we dit ook verstaanbaar kunnen maken voor een programma.
We kunnen gebruik maken van het ‘rel’ attribuut, deze definieert de relatie tussen de huidige pagina en de pagina waar we naar linken. De waarde van het attribuut is ‘license’.

Deze kleine toevoeging zorgt ervoor dat een andere bezoeker zijn browser nu verstaat dat het gekoppelde document verwijst naar "de licentie".


Add some flavor :) aan link die verwijst naar de pagina met "the license". We kunnen deze voorstellen als nodes, met “license” als label.
Informatie over de titel en auteur.
Allemaal goed en wel, maar wat met de titel en auteur van de blog post. We kunnen het bovenstaande verder uitbreiden. We gaan effectieve betekenis meegeven aan ons artikel zodat een browser ook begrijpt dat we werken met een titel, een ondertitel en deze kan interpreteren.

Om aan te tonen dat “h2” staat voor de titel van de pagina en “h3” voor de auteur, moeten we gebruik maken van “@property”, een attribuut geïntroduceerd door RDFa, deze heeft specifiek als bedoeling extra informatie mee te geven in een xHTML pagina.

Waarom maken we gebruik van dc:creator en dc:title? xHTML heeft geen gereserveerde termen voor deze concepten. Je zou kunnen proberen van “property=”title”’ toe te voegen in je de tag, maar waar staat deze voor? Hoe moet een browser of een andere machine dit interpreteren? Verwijst dit naar een titel van een tekst, een aanspreektitel, …. ? En wanneer iedere blogger een eigen term zou gebruiken die staat voor de title (taalgebonden etc), hoe moet het dan allemaal geïnterpreteerd worden.

Om een lange discussie af te sluiten. RDFa verstaat niet property=”title”. Om deze extra informatie ook effectief betekenis te geven moeten we de concepten voor "creator" en "title" importeren. Gelukkig voor ons bestaat er the Dublin Core [DC] community, zij hebben reeds een vocabulaire (vocabulary) om deze nuttige concepten voor het beschrijven van elementen ontwikkeld. Een overzicht van deze elementen kan je terugvinden op hun website.

Dus, hoe gaan we te werk?
We importeren "the Dublin Core vocabulary" met xmlns:dc=http://purl.org/dc/elements/1.1/, hier ook de associatie met de prefix "dc:", we gebruiken "dc:title" en "dc:creator", dit is de shorthand voor de volledige url http://purl.org/dc/elements/1.1/creator, en http://purl.org/dc/elements/1.1/title.




Dit gezegd zijnde over RDFa.
RDF (Resource Description Framework), is de abstracte data representatie zoals je kan zien op de bovenstaande afbeelding. Elke pijl is voorgesteld als het driedelige onderwerp-predicaat-object (subject-predicate-object).

Het onderwerp is voorgesteld aan de eerst node, waar de pijl start. Het predicaat is de pijl zelf en het object is de node aan het einde van de pijl. Deze schematische voorstelling wordt ook wel een "RDF dataset" of "RDF graph" genoemd. Deze zijn opgeslagen in een “triple store”.

De bedoeling van RDF is het aanbieden van een universele taal voor het uitdrukken van data, een betekenis geven kan je wel zeggen. Wanneer je alle data, beter gezegd pagina’s gaat linken aan elkaar met al deze extra informatie toegevoegd is het mogelijk om heel wat informatie extra ter beschikking te stellen aan de gebruiker.

Gebruik makend van SPARQL (RDF query language) kunnen allerlei verbanden geplaatst worden. Bv, een gebruiker kan verder zoeken naar gerelateerde data, op zoek gaan naar vrienden (FOAF, zal uitgelegd worden in een volgende post), zoeken naar gerelateerde onderwerpen, etc .

RDF is een abstracte, machine leesbare data representatie bedoeld voor maximum hergebruik van deze vocabulaires. RDFa is een methode om RDF data toe te voegen in je xHTML.

Content strategy, een hype of nieuwe opportuniteit?

Wat is content strategy (content strategie)? Een fundamentele definitie op vlak van interactieve content. Het geheel van kennis en zij die het uitoefenen.

Wel, content strategie is een opkomend gebied in de praktijk dat alle aspecten omvat omtrent inhoud. Dit voor aspecten als:

• Het ontwerp, tekst, graphics, video en audio die samen de user experience vormen.
• Technische aspecten.
• Analyse, presentatie, het meten (measurement), evaluatie.
• Productie.
• Beheer en bestuur.

Kristina Halverson, auteur van "Content strategy for the web", omschrijft als "de praktijk van de planning voor content creatie, levering en beheer".

In "The Web Content Strategist’s Bible", benadrukt Richard Sheffield het belang van het redactionele proces voor de inhoud.


Content Strategen.
De perspectieven die een content strategist kan bieden zijn vaak afhankelijk van hun professionele training en opleiding.

Een voorbeeld, sommigen zijn gespecialiseerd in het beschrijven van meta data, taxonomie, zoekmachine optimalisatie, en de juiste methode waarop deze concepten toegepast moeten worden.

Anderen hebben dan weer een specialisatie in het redactionele aspect of richtlijnen uitwerken en instrumenten kiezen welke voor organisatorische doeleinden gebruikt worden.

Alle content strategen zijn vertrouwd met een uitgebreid scala aan toepassingen en tools, vaak ook verantwoordelijk voor de uitvoering en interne opleiding voor hun teamleden.


Opleiding en professionele achtergrond.
Een verscheidenheid van formele academische en professionele disciplines.

• Bibliotheek- en informatiewetenschappen.
• Computerwetenschappen / informatica.
• Kunsten.
• Journalistiek.
• Communicatie wetenschappen.

Persoonlijk heb ik zelf 6 jaar fulltime les gegeven, de meest interessante profielen waren naar mijn mening communicatie, informatica of kunst. Dit moet je wel zien in een vak specifieke context.

Typische werk producten voor content strategie zijn dan ook erg divers. We spreken hier over:

• Inhoud inventaris.
• Copy / inhoud beoordelen, redactioneel werk.
• Inhoudelijke analyse.
• Vergelijkende analyse.
• Conversie / measurement.
• Content flow schema’s.
• Metadata strategie.
• Branding, stijlgids.
• Woordenlijsten.
• etc. …….

Zoals je merkt, content strategy (content strategie) is een erg ruim begrip. Heel wat disciplines komen hier aan bod. In welk deelaspect van deze ruime omschrijving situeert jouw discipline zich en wat is jouw bijdrage? Dit zou ik graag van jou willen horen.

2010, Nieuwe trends of het jaar van de aap?

Nieuwjaar is ondertussen enkele dagen voorbij, goede voornemens zijn genomen (waarschijnlijk). Persoonlijk doe ik hier niet aan mee om verscheidene redenen maar toch is er dit jaar een kleine uitzondering.

Professioneel gezien heb ik toch enkele doelen waar ik me dit jaar verder in zal verdiepen. Tevens zal je dit jaar ook hier op mijn SEO blog steeds nieuwe informatie vinden hierover.

Voornemens voor 2010 (op professioneel gebied).

1. Mobile lijkt me interessant, volgens mij (en heel wat anderen) zal mobile dit jaar een hot topic zijn. Meer en meer bedrijven willen ook hier aanwezig zijn. SEO voor mobile, wat momenteel nog in kinderschoenen staat zal in de nabije toekomst meer aan bod gaan komen.
   
   
2. Content strategy. Heeft ‘lorem lipsum’ afgedaan? Je klanten kunnen reeds beseffen dat content strategy kan helpen bij het creëren van meetbare ROI. Zo niet, jij kan ze helpen dit te verstaan. Het is logisch dat hun doelpubliek relevante en informatieve inhoud wil.
   
   In een meer thematisch niveau,’ communicatie doelstellingen’ en ‘de boodschap’ kan je helpen bij het ontwikkelen van de deliverables . Je kan je klant helpen te besparen door eerst duidelijk strategie te definiëren dmv het samenstellen van duidelijke documentatie, ipv gebruik te maken van dure design iteraties.
   
   
3. RDF(a), je kan enkele artikelen terug vinden over ‘het semantisch web’ en microformats. Erg interessant maar nog steeds niet genoeg bekend, laat staan toegepast.
   
   
4. Webtoegankelijkheid (accessibility) en SEO in het algemeen.
   

Hebben enkelen onder jullie misschien interesse om mee te schrijven aan deze blog dan mag je dit zeker laten weten. Liefst over onderwerpen die niet vernoemd zijn hierboven maar het mag erg breed zijn. Ik denk aan topics als social media, social email marketing, usability, informatie architectuur, … . Kortom, alles omtrent optimaliseren van websites en strategie, met als doel het verhogen van ROI en versterken van de online positie.
In het grijze kadertje in de rechterkolom vind je mijn email, laat het me weten en ik neem verder contact met je op!

Niet professionele voornemens voor 2010!
Dit jaar wil echter een uitzondering maken :). Zoals je kan lezen in de titel, ‘het jaar van de aap’. Ik ben al geruime tijd mezelf aan het wijsmaken dat ik terug een band wil samenstellen. Spijtig genoeg komt het er niet van maar hier wil ik verandering in brengen. Bespeel jij een instrument als gitaar, contrabas, viool, cello, …… .? Heb je interesse om regelmatig eens alle stress, zorgen of gewoon alles te vergeten. Waar wacht je op? Zoals eerder vermeld, get in touch :).

Interesse in meer improvisatie te spelen wat een beetje tegen blues of jazz aanleunt? Het is immers altijd leuker om van bestaande nummers een eigen versie te maken. Oude blues is trouwens niet gemaakt om letterlijk na te spelen. Wel om gewoon je eigen ding mee te doen!

Anderzijds mag het wel wat anders zijn soms, licht verteerbaar, leuk maar toch niet dadelijk wat iedereen in een repertoire stopt.

Eerlijk gezegd maakt het allemaal niet zoveel uit, zolang het maar klinkt.
Een (late) gelukkig Nieuwjaar voor iedereen.

Webtoegankelijkheid is effectieve SEO!

Verscheidene webdesigners en ontwikkelaars zien zoekmachine optimalisatie (SEO) als een “smerig trucje” . SO’ers verontreinigen de zoekmachine resultaten met spam. Maken het moeilijker om relevante informatie te verkrijgen in de zoekmachine resultaten, etc .... .

Anderzijds, je hebt meerdere zoekmachine optimalisatie methoden. In het algemeen wordt er vaak verwezen naar “Black-hat” SEO, op zoek gaan naar methoden om goede posities te behalen in de zoekmachine resultaten. Dit gepaard met eender welk trucje mogelijk. Dan hebben we “White-hat” SEO, deze gebruikt ethische methoden en gaat op zoek naar kwaliteit op allerlei vlakken om webpagina’s vriendelijk te ontwikkelen voor zoekmachines.

Het ontwikkelen van kwalitatieve webpagina’s heeft immers heel wat overeenkomsten met deze “White-hat” SEO. Enkele simpele reden:

• het toepassen van scheiding van opmaak en inhoud.
• minimaliseren van Javascript code.
• schrijven van semantische code.

Deze staan zoekmachines echter toe om een webpagina makkelijk te ‘spideren’, indexeren en te ‘ranken’.

In deze post wil ik echter deze conclusie verder uitbreiden. Ik werk voor Nascom, team member van “Tactics Squad” (tactisch team). Ook wij worden steeds meer en meer geconfronteerd met accessibility of toegankelijkheid.


Anysurfer, een dienstverlenende organisatie voor blinden en slechtzienden in Vlaanderen en Brussel verricht hier trouwens erg goed werk. Deze mensen zetten zich continu in om iedereen er meer en meer bewust van te maken dat webtoegankelijkheid belangrijk is.

Goede webtoegankelijkheid heeft erg veel overeenkomsten met goede SEO. Dus “toegankelijk voor alle gebruikers, ook zoekmachines”!

Deze overeenkomsten zijn eigenlijk logisch. Het doel van accessibility is om de inhoud van web pagina’s toegankelijk te maken voor iedereen. Niet enkel de internet gebruikers met visuele beperkingen maar ook zij met fysieke en auditieve beperkingen. Kort samengevat, toegankelijk voor iedereen. Even een getuigenis:


Je zou kunnen stellen dat zoekmachines ook gebruikers zijn met beperkingen. Een zoekmachine kan toch ook geen tekst op afbeeldingen lezen, kan Javascript moeilijk interpreteren en kan heel wat andere multimedia inhoud op je pagina ook niet lezen, zien of horen!
Toegankelijke webpagina’s zijn verondersteld deze informatie wel duidelijk te maken voor iedereen, zo dus ook zoekmachines.

Enkele punten onder de loep.
Nu ik mijn punt in theorie uitgelegd heb gaan we eens nader kijken, we nemen enkele stellingen van de W3C Web Content Accessibility Guidelines.

Alle onderstaande punten zijn ook terug te vinden bij de richtlijnen van Anysurfer op hun website (Nederlandse versie). In deze post maak ik gebruik van de publicatie op W3C.

1.1 Provide a text equivalent for every non-text element (e.g., via “alt”, “longdesc”, or in element content)...

Niet enkel kunnen zoekmachines afbeeldingen,video en audio fragmenten niet begrijpen, ze kunnen deze niet lezen en interpreteren. Het ‘alt’ of ’longdesc’ attribuut kan de informatie wel begrijpbaar maken.
Zoekmachines zijn ook ‘doof’ voor audio en video fragmenten, daarom is het ook steeds goed een korte omschrijving toe te voegen op de pagina of desnoods een extra pagina voorzien om deze inhoud tekstueel weer te geven.

1.2 Provide redundant text links for each active region of a server-side image map.

Tekstuele links zijn erg belangrijk voor zoekmachines. Een tekstuele link werkt als een label voor de inhoud of informatie voor de webpagina waar deze link naar verwijst. Heel wat SO’ers aanschouwen de tekstuele link als de belangrijkste factor in hedendaagse zoekmachine algoritmen.
Maakt een website gebruik van ‘image maps’ of ‘afbeeldingen in de navigatie’ ipv een tekstuele link, dan kan een additioneel menu of contextuele links best ergens toegevoegd worden op de pagina. Deze geven additionele informatie voor zoekmachines en de target webpagina’s.

4.1 Clearly identify changes in the natural language of a document’s text and any text equivalents (e.g., captions).

Zoekmachines als Google maken gebruik van geografische informatie, ook geo targeting genaamd. Het specificeren van de taal die gebruikt is op de webpagina helpt ook zoekmachines bepalen in welke index deze geplaatst moeten worden.

6.3 Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported [...]

Sommige gebruikers kiezen ervoor om Javascript en applets uit te schakelen in de browser voorkeuren. Oudere browsers geven niet altijd een correcte ondersteuning voor bepaalde technologieën. Ook de zoekmachines hebben problemen bij het lezen van scripts. Zorg er dus voor dat je pagina correct werkend is, ook wanneer Javascript uitgeschakeld is. Scripts kunnen er ook voor zorgen dat zelfs je webpagina niet opgenomen wordt in de index, met als gevolg, geen ranking!

14.1 Use the clearest and simplest language appropriate for a site’s content.

Het is niet altijd voor de hand liggend hoe dit je SEO kan beïnvloeden maar wanneer je website ‘eenvoudige en klare taal’ bevat, geschreven voor je doelpubliek, dan zullen deze ook wel op je website terecht komen.
Een internet gebruiker zal tijdens het zoeken gebruik maken met termen waar hij of zij vertrouwd mee is. Tijdens het zoekproces zal de internet gebruiker verscheidene keren zijn zoek query herdefiniëren om de gewenste informatie te verkrijgen. Wanneer de inhoud van je website aangepast is aan je doelpubliek, zal je zeker gevonden worden.


Deze bovenstaande punten zijn maar een kleine greep uit de richtlijnen omtrent webtoegankelijkheid. In de praktijk zijn er nog heel wat meer. Zo zijn richtlijnen 6.2 en 6.5 bijvoorbeeld voor dynamische websites. Een e-commerce website optimaliseren omtrent SEO en accessibility is echter één van de meest uitdagende projecten waar je aan kan werken als consultant ;-).


Twijfel jij nog steeds?
Indien je toch je twijfels zou hebben kan je steeds eens de informatie doornemen die je kan vinden bij ‘richtlijnen voor webmasters’ bij Google onder centrum voor webmasters.

Richtlijnen voor design en inhoud:

• Ontwikkel je site met een duidelijke hiërarchie en maak gebruik van tekstuele links. Elke pagina moet toegankelijk zijn vanaf minstens 1 tekstuele link.
• Bied een sitemap aan.
• Creëer informatie rijke websites. Beschrijf de inhoud van je pagina’s accuraat.
• Denk aan termen die jou doelpubliek zal gebruiken voor het zoeken naar informatie. Gebruik deze termen ook zorgvuldig en strategisch in je web pagina’s.
• check, check and double check.

Technische richtlijnen:

• Gebruik een tekstuele browser als Lynx om je website te controleren. De meeste spiders zien je website zoals Lynx deze ziet.
• Volg de W3C richtlijnen
• werk met semantische code.

SEO is slechts een klein onderdeel in accessibility.


De aangehaalde punten in deze post zijn immers een kleine greep van alle mogelijkheden die goede webtoegankelijkheid biedt om je website te optimaliseren voor SEO. Bij het doornemen van deze richtlijnen zal je zien dat je veel meer kan doen wat de optimalisatie van je website ten goede zal komen.

Het goede nieuws is, webdesigners, ontwikkelaars en andere die nodig zijn voor het ontwikkelen van websites, die reeds hiermee rekening houden werken mee bij het uitvoeren van ‘White-hat’ SEO. Ontwerp je websites voor alle internet gebruikers en SEO krijgt automatisch een plaats toegekend in jou website.

Zou je je afvragen als er nog werk is omtrent webtoegankelijkheid, dan moet je bovenstaande grafiek eens snel bekijken en je zal zien dat er nog veel te doen is.

Bronvermelding:
Met dank aan Anysurfer voor de afbeeldingen die ik mocht gebruiken uit hun presentatie.
Anysurfer: http://www.anysurfer.be

Als laatste wil ik Roel van Gils en Bart Simons van Anysurfer bedanken voor de goede service en feedback die we van hun krijgen.