Een RSS feed maken

Een RSS - Feed maken

1. Wat is RSS ?
2. De basis van je RSS - feed.
3. Je feed uitbreiden
4. Je feed klaarmaken voor publicatie en je feed testen in een RSS-lezer.
5. Slot

1.1 RSS?
RSS staat voor 'Really Simple Syndication'. en is gebaseerd op de XML. Met die RSS kan je dus een feed maken. Zo'n feed kan je lezen in een RSS-lezer of een feed-lezer. Sites die RSS aanbieden herken je aan een oranje of blauw logo.

1.2 Wat ben ik ermee ?
In een feed kan je de laatste nieuwtjes van je website plaatsen. Alle mensen die jouw feed hebben toegevoegd in hun RSS-lezer, krijgen de melding dat er een nieuw nieuwtje op de website staat, als men geïnteresseerd is, kan men dan doorklikken naar de site om het volledige artikel te lezen.

1.3 Is RSS moeilijk ?
Neen, RSS is niet moeilijk om te leren. Wie HTML beheerst, zal zeker geen problemen tegenkomen in het maken van de RSS-feed. Alles gebeurt via tags, net zoals in HTML.

 top

2.1 De eerste stappen ...
Vooraleer we kunnen beginnen, moet je even je favoriete editor openen, dat kan van alles zijn, maar ik neem 'Kladblok', simpel en snel op te starten ...

Een item in je feed, bestaat altijd uit 3 tags: 'title', 'link' en 'description'. We gaan deze alvast in de (lege) feed plaatsen. Ik neem een voorbeeldje van een nieuwsbericht hier op sitemasters ...

We beginnen met de 3 tags van ons item dat we in de feed willen plaatsen.
'title' Zoals het woord het zelf zegt, dit is de titel van het nieuwsbericht.
'link' Hier plaatsen we de URL naar de website, waar het volledige nieuwsbericht kunnen lezen.
'description' Een korte beschrijving, in veel gevallen de eerste zin(en) van het bericht, of een korte beschrijving.

Dit alles zetten we tussen de tag 'item' Dit deeltje kunnen we nu meerdere keren kopiëren met je verschillende nieuwsberichten. De meesten beperken zich tot 10 nieuwsberichten in de feed. De oude gaan dan weg, en de nieuwe komen erbij.

Nu, het eerste item is geplaatst in de feed, even opslaan, je weet nooit wat er gebeurt ...

Opslaan is niet moeilijk, maar toch moet ik nog wat zeggen over de extensie van je bestand. Dit maakt eigenlijk totaal niet uit welke extensie je bestand heeft, dit mag dus .php zijn, maar ook .html of gelijk wat. Omdat de feed in XML is geschreven, gaan de meesten de extensie .xml geven. Dit is dus de meest logische extensie.

2.2 Je feed afwerken ...
Nu heb je al een item in je feed, maar er is meer nodig. Zo gaan we nu informatie over je website in de feed zetten.

We gebruiken dezelfde tags, zoals bij de items, maar dan zonder de tag 'item' erbij, dit wordt dus de code:

Als laatste gaan we nu de RSS-lezer duidelijk maken dat het om een RSS feed gaat, dit doen we zo:

Dit wordt helemaal bovenaan geplaatst, de eerste tag maakt duidelijk dat het om XML gaat, tag 2 vertelt ons dat het om RSS versie 2.0 (momenteel de recenste versie) gaat. De tag 'channel' moet er bij, dit is een beetje vergelijkbaar met de 'body' van onze feed.

Onderaan het document sluiten we deze tags ook af, dit doen we zo:

Ziezo, de basis van onze feed is klaar. Eigenlijk zou je deze feed perfect kunnen gebruiken. Maar je kan er nog wat tags aan toe voegen, en die gaan we nu eens bekijken in deel 3 !

 top

3.1 Meer informatie over je website en feed meegeven.
We hebben in het vorige deel al met 3 tags wat meer informatie over de website gegeven, maar daar weten we eigenlijk niet zoveel mee. Dus we gaan nog wat tags toevoegen. Dit hadden we al:

We breiden dit nu nog wat uit ...

Zoals je ziet zijn er 5 tags bijgekomen: 'language', 'copyright', 'lastBuildDate', 'webmaster' en 'image'. We bekijken ze even dichterbij ...
'language' Dit is de taal en landcode waar de RSS-feed zich bevindt, dus in dit geval: Nederlands, en Belgie
'copyright' Is vrij duidelijk, onder wie valt het copyright ...
'lastBuildDate' Dit is de laatste update van de feed, let op, deze tijd moet in engelse notatie, dus zoals in het voorbeeld geplaatst worden.
'webmaster' Het emailadres van de webmaster die de feed onderhoudt.
'image' Deze tag zorgt ervoor dat er boven elk item een plaatje staat, dit kan dus een gewoon plaatje zijn met het logo van je site. Hierin zitten nog enkele sub-tags verwerkt: 'title' titel van je site/plaatje, 'url' de locatie van je plaatje, 'link' URL van je website, 'width' en 'height' Dit zijn de afmetingen (let op: Maximum waarde voor 'width' is 144px, standaard waarde is 88px. Maximum waarde 'height' is 400px, standaard waarde is 31px !) en als laatste subtag 'description', beschrijving van je site/plaatje, is vergelijkbaar met de 'ALT'-tag in HTML.

3.2 Meer informatie bij je items plaatsen.
Ook bij je item kan je wat meer informatie meegeven ... We hadden dit:

Daar maken we dit van:

Hier zijn dus 3 tags bijgekomen: 'author', 'pubDate' en 'comments'.
'author' De maker van het bericht.
'pubDate' De datum van publicatie, in engelse notatie (!)
'comments' De URL waar je eventueel kan reageren op het bericht, in dit geval het zelfde als link.

3.3 Je feed is klaar !
Zo, je feed is eigenlijk al een volwaardige feed, maar je kan nog meer tags gebruiken. Omdat dit veel te veel is om allemaal te behandelen, stuur ik jullie voor meer tags graag door naar een website met alle tags en uitleg die je kan gebruiken met RSS 2.0. Deze website is helaas engelstalig, hier te bekijken: http://blogs.law.harvard.edu/tech/rss

Heel je feed zou er nu zo uit moeten zien:

 top

4.1 Je feed valideren door FeedValidator.
Net zoals je je HTML-code kan valideren, kan je je feed ook laten valideren op fouten in je code. Sla je bestandje nog eens op, upload het naar je server, en voor de URL in op de website van FeedValidator: http://feedvalidator.org/
Als je alles goed hebt gedaan, is je code valid en mag je een logo op je website plaatsen. Als je het standaard plaatje niet mooi vind, kan je een van deze andere logo's gebruiken: http://feedvalidator.org/alt-banners of je kan natuurlijk ook een eigen ontworpen logo gebruiken.

Als je feed niet valid is, zal de fout waarschijnlijk liggen aan een vreemd teken, zoals in onze feed als voorbeeld ook het geval is. Hier vind je een lijst met de alternatieve code voor een bepaald teken: http://www.ramsch.org/martin/uni/fmi-hp/iso8859-1.html
Onze feed is nu volledig valid, hopelijk die van jouw ook !

4.2 Testen in een RSS-lezer
4.2.1 RSS -lezer downloaden
Als je al een RSS-lezer hebt, mag je deze stap overslaan. Heb je nog geen RSS-lezer, dan gaan we deze nu downloaden en installeren. Ikzelf gebruik 'feedreader' goed programma en het is bovendien nog gratis ook. Surf naar http://www.feedreader.com/ en download de laatste versie. De installatie zelf zou probleemloos moeten verlopen.

4.2.2 Je feed toevoegen in 'feedreader'.
Een feed toevoegen is niet moeilijk. Klik op de knop, bovenaan links 'New Feed', voer de URL van de feed in, verander eventueel de standaard titel (die we in de feed hebben vastgelegd) en klaar is kees. Klik op 'Update' en de nieuwe 'feeds' komen binnen. 1X klikken op de titel en je ziet de beschrijving, met de mogelijkheid 'Read On'. Klik je daarop, dan word je doorgestuurd naar de link, die we in de feed bij het item hebben vastgelegd.

Als alles goed gedaan is, ben je eigen klaar. Nu moeten we juist nog maar ons feed promoten !

4.3 Je feed aanbieden aan bezoekers
Nu je feed klaar voor gebruik is, kunnen we ze aanbieden en je bezoekers. Dit kan je doen door het blauwe en/of oranje logotje op je site te zetten, met de link naar je feed. Best maak je ook een pagina met de uitleg wat de feed is.

Dit zijn de logotjes die je kan gebruiken, ook kan je natuurlijk je eigen logo ontwerpen ...
    (Opslaan en uploaden naar je webserver !)

 top

Zo, ik hoop dat je weer iets hebt bijgeleerd met deze tutorial. Met je feed zelf kan je ook nog wat spelen. Met wat kennis van PHP en MySQL kan je je feed perfect koppelen aan je nieuwssysteem, door bijvoorbeeld een XML Parser te gebruiken. Zo hoef je niet altijd je feed manueel aan te passen. Handige XML-scripts vind je hier HIER. Verder nog veel plezier met het maken van je website !

Reacties steeds welkom,
Freddyboeke

 top

(c) 2004 Freddyboeke