Syndicating

  • Revision slug: RSS/Getting_Started/Syndicating
  • Revision title: Syndicating
  • Revision id: 92244
  • Created:
  • Creator: Charles
  • Is current revision? No
  • Comment Added more content. (This article is still NOT finished)

Revision Content

This page explains Web Syndication with RSS. You will learn how to make it so both people and machines can find your RSS feed.

What is Syndication

Syndication (or Web Syndication) is the act of making content available for other to read, listen to, or watch. When you make a blog you are syndicating. When you make an Internet radio show you are syndicating. When you make an Internet television show you are syndicating.

RSS helps you syndicate. RSS organizes your syndication into a form that is easy for machines to understand.

Syndicating with RSS this means 3 things.

  1. Creating an RSS feed.
  2. Adding a special <link> element to HTML page(s).
  3. Adding a special <a> element to HTML page(s).

Adding the <link>

Often the data in an RSS feed is also made available on an HTML web page. When this is the case, the HTML webpage can let people and machines know about the feed with code like the following.

<link rel="alternate" type="application/rss+xml" href="http://example.com/feed" />

Often people want to advertise the RSS feed in the other places too. (For example, from blog article.) You can do this with code like the following.

<link rel="home" type="application/rss+xml" href="http://example.com/feed" />

Note that this looks almost exactly like the previous code. The only thing that has changed is the value of the rel attribute. (The previous code had a rel value of alternate. And this code has a rel value of home.)

Adding the <a>

While use of the HTML <link> element is powerfull; it is mostly hidden. To advertise the RSS feed in a more direct way, the HTML <a> element can be used. Doing this mimics the <link> elements discussed above.

When linking from the the HTML webpage where the data in an RSS feed is also made available use:

<a rel="alternate" type="application/rss+xml" href="http://example.com/feed">...</a>

When linking from something like a blog post article, use code like the following.

<a rel="home" type="application/rss+xml" href="http://example.com/feed">...</a>

Again note that these to pieces of code look almost exactly the same. The only thing that has changed is the value of the rel attribute. (The previous code had a rel value of alternate. And this code has a rel value of home.)

Feed Icons

RSS (and other) feeds use a special icon. It is recommended that you use this icon too. The icon looks like the following:

Image:Feed-icon-32x32.png

You can get more icons like this from Feed Icons. (Other sizes and colors are available too. Also, source files are available.)


{{template.PreviousNext("RSS:Getting Started:Hello World", "RSS:Getting Started:Blogs")}}

Revision Source

<p>
This page explains Web Syndication with RSS.  You will learn how to make it so both people and machines can find your RSS feed.
</p>
<h3 name="What_is_Syndication"> What is Syndication </h3>
<p><strong>Syndication</strong> (or <strong>Web Syndication</strong>) is the act of making content available for other to read, listen to, or watch.  When you make a blog you are syndicating.  When you make an Internet radio show you are syndicating.  When you make an Internet television show you are syndicating.
</p><p>RSS helps you syndicate.  RSS organizes your syndication into a form that is easy for machines to understand.
</p><p>Syndicating with RSS this means 3 things.
</p>
<ol><li> Creating an RSS feed.
</li><li> Adding a special <a href="en/HTML/element/link">&lt;link&gt;</a> element to HTML page(s).
</li><li> Adding a special <a href="en/HTML/element/a">&lt;a&gt;</a> element to HTML page(s).
</li></ol>
<h3 name="Adding_the_.3Clink.3E"> Adding the &lt;link&gt; </h3>
<p>Often the data in an RSS feed is also made available on an HTML web page.  When this is the case, the HTML webpage can let people and machines know about the feed with code like the following.
</p>
<code><pre>&lt;link rel="alternate" type="application/rss+xml" href="http://example.com/feed" /&gt;
</pre></code>
<p>Often people want to advertise the RSS feed in the other places too.  (For example, from blog article.)  You can do this with code like the following.
</p>
<code><pre>&lt;link rel="home" type="application/rss+xml" href="http://example.com/feed" /&gt;
</pre></code>
<p>Note that this looks almost exactly like the previous code.  The only thing that has changed is the value of the <code>rel</code> attribute.  (The previous code had a <code>rel</code> value of <code>alternate</code>.  And this code has a <code>rel</code> value of <code>home</code>.)
</p>
<h3 name="Adding_the_.3Ca.3E"> Adding the &lt;a&gt; </h3>
<p>While use of the HTML &lt;link&gt; element is powerfull; it is mostly <em>hidden</em>.  To advertise the RSS feed in a more direct way, the HTML &lt;a&gt; element can be used.  Doing this mimics the &lt;link&gt; elements discussed above.
</p><p>When linking from the the HTML webpage where the data in an RSS feed is also made available use:
</p>
<code><pre>&lt;a rel="alternate" type="application/rss+xml" href="http://example.com/feed"&gt;...&lt;/a&gt;
</pre></code>
<p>When linking from something like a blog post article, use code like the following.
</p>
<code><pre>&lt;a rel="home" type="application/rss+xml" href="http://example.com/feed"&gt;...&lt;/a&gt;
</pre></code>
<p>Again note that these to pieces of code look almost exactly the same.  The only thing that has changed is the value of the <code>rel</code> attribute.  (The previous code had a <code>rel</code> value of <code>alternate</code>.  And this code has a <code>rel</code> value of <code>home</code>.)
</p>
<h3 name="Feed_Icons"> Feed Icons </h3>
<p>RSS (and other) feeds use a special icon.  It is recommended that you use this icon too.  The icon looks like the following: 
</p>
<dl><dd><img alt="Image:Feed-icon-32x32.png" src="File:en/Media_Gallery/Feed-icon-32x32.png">
</dd></dl>
<p>You can get more icons like this from <a class="external" href="http://feedicons.com/">Feed Icons</a>.  (Other sizes and colors are available too.  Also, source files are available.)
</p><p><br>
{{template.PreviousNext("RSS:Getting Started:Hello World", "RSS:Getting Started:Blogs")}}
</p>
Revert to this revision