Stephan Böni - CSS

Feed

RSS reloaded!

"RSS-Feeds, wie retro!", werden nun manche aufschreien. Doch die Feeds feiern gerade eine neue Rainessance. Für jüngere Leser könnten diese Feeds sogar Neuland bedeuten.

Nähern wir uns der Sache also von Grund auf an. Was sind Feeds und wie werden sie Server- und Client-seitig eingerichtet?

Was ist ein Feed?

Ein RSS-Feed ist ein Dateiformat für Web-Feeds, das Änderungen auf Websites wie News-Seiten, Blogs, Audio-/Video-Logs und mehr anzeigt. Das Akronym RSS steht aktuell für Really Simple Syndication. Ursprünglich hatte es andere Bedeutungen.

Ein Benutzer kann einen RSS-Feed abonnieren, um über neue Inhalte einer Website informiert zu werden. Dazu benötigt er einen Feedreader. Dies ist eine eigenständige App oder eine Browsererweiterung. Der Feedreader liest den RSS-Feed ein und zeigt dem Abonnenten die Nachrichten in Kurzform an. Der Feed enthält Schlagzeilen mit Textanriss und Links zur Originalseite.

Feed bereitstellen

Damit ein Feedreader einen Feed erkennt, sollte der Feed als Datei mit der Extension .rss bereitgestellt werden.

feed.rss <?xml version="1.0" encoding="UTF-8"?> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <channel> <title>boeni.com</title> <atom:link href="https://www.boeni.com/feed.rss" rel="self" type="application/rss+xml" /> <link>https://www.boeni.com</link> <description>Blog von Stephan Böni zu den Themen Web-Entwicklung, Hypnose und Bücher.</description> <lastBuildDate>Sun, 05 May 2024 19:05:18 +0200</lastBuildDate> <pubDate>Sun, 05 May 2024 19:05:18 +0200</pubDate> <language>de</language> <category>Blog</category> <generator>http://www.boeni.com/</generator> <managingEditor>stephan@boeni.com (Stephan Böni)</managingEditor> <image> <url>https://www.boeni.com/includes/images/favicon512.png</url> <title>boeni.com</title> <description>Blog von Stephan Böni zu den Themen Web-Entwicklung, Hypnose und Bücher.</description> <link>https://www.boeni.com</link> </image> <item> <description>Bücher lesen</description> <link>https://www.boeni.com/book/</link> <guid isPermaLink='true'>https://www.boeni.com/book/</guid> <author>stephan@boeni.com (Stephan Böni)</author> <pubDate>Fri, 26 Apr 2024 07:42:29 +0200</pubDate> </item> </channel> </rss>

Alles ausser dem <item>-Abschnitt ist der Rahmen, der Informationen über den Feed enthält. In der Feed-Datei sind üblicherweise mehrere Items enthalten, genau genommen pro Beitrag eines.

Auf der Website ist der Feed als Link einzubinden: Feed abonnieren. Es gibt dazu auch ein gebräuchliches Icon:

Damit ein Feedreader-Browserplugin den Feed automatisch erkennen kann ist im <head>-Bereich ein Link-Element zu ergänzen.

HTML <link rel="alternate" type="application/rss+xml" href="/feed.rss" title="feed">

App installieren

Es gibt zahlreiche Feedreader-Apps. Ich selbst nutze Feeder.co als App am Smartphone und als Browserextension am Desktop.

Dran bleiben

Du hast es geschafft. Abonniere meine Benachrichtigungen, um weitere News und Anleitungen von mir zu erhalten.

Feed einbinden