Make your web feed easy to find, autodiscoverable even
Tags: webdev, html
Published: 2024-02-04 12:51:11


If you have a web feed, be it [RSS](https://www.rssboard.org/rss-specification) or [Atom](https://validator.w3.org/feed/docs/atom.html) or [JSON Feed](https://jsonfeed.org), help others discover it!

There are 2 ways to help people find your feed.

## Autodiscovery

The first way is [autodiscovery](https://www.rssboard.org/rss-autodiscovery). Autodiscovery makes it possible for browsers and other software to automatically find a site's RSS feed. It enables you to copy and paste someone's website URL into a feed reader and their feed(s) will get picked up automagically.

<figure>
![Adding my website URL into the Feeder android app discovers my atom feed](https://www.roboleary.net/assets/img/blog/2024-01-26-easy-discover-feed/autodiscovery-roboleary.webp)
<figcaption>Adding the URL of my website into the <a href="https://f-droid.org/packages/com.nononsenseapps.feeder/">Feeder android app</a> picks my atom feed</figcaption>
</figure>

To add autodiscovery, you need to add a `link` reference in the `head` of your website like this:

```html
<head>
  <!-- John Doh's website feed -->
  <link rel="alternate" 
		type="application/rss+xml" 
		title="John's website" 
		href="https://johndoh.com/feed.rss">
</head>
```

Change the `type` depending on the format, for example if your feed is an Atom feed you will need to change it to `type="application/atom+xml"`. If you have various formats for the same feed, you can include them too. Each must identify a different file.

Personally, I put autodiscovery links on every single page on my site. This allows RSS clients to find my sites’s feeds from any page.

You can include autodiscovery links for different data sources too. You may have a feed for your book reviews, your favourite crisp flavours worldwide, your podcast, on whatever. If you decide to include more than one autodiscovery link, the first link should be the site's main feed.

<figure>
![Adding adactio.com (Jeremy Keith) into the Feeder android app finds various different feeds](https://www.roboleary.net/assets/img/blog/2024-01-26-easy-discover-feed/autodiscovery-adactio.webp)
<figcaption>Adding <a href="https://adactio.com/">adactio.com</a> into the <a href="https://f-droid.org/packages/com.nononsenseapps.feeder/">Feeder android app</a> finds various different feeds for Jeremy Keith's content.</figcaption>
</figure>

## Add a prominent link on your website

The second method is to put a link to your feed in a prominent position on your website. I like to have it on every page, so I chose the footer. You could choose the header too.

I think adding another link to your feed close to the content is a good idea too.

There is an RSS icon that was chosen by browser vendors back in the day, it has become synonymous with all web feeds. You can use it or not. It goes a little something like this...

<img src="https://www.roboleary.net/assets/img/blog/2024-01-26-easy-discover-feed/feed-icon.svg" alt="RSS logo" width="200" height="200" loading="lazy">

I think employing that orange colour scheme can be a good shout too if you want to make some other design choices.

## Final thoughts

And cool, people will be able to read your thoughts, in a nice way, and just your published thoughts, which is refreshing in this day and age. Hope to subscribe to ya soon.

P.S. Here's mine <https://www.roboleary.net/feed.xml>!

---

Written by [Rob O'Leary](https://www.roboleary.net)

<small>© Rob OLeary 2024</small>