10 ways to optimize your feed for feedly

We want to make feedly a great tool for publishers, bloggers, and videographers to nurture and thrill their most loyal readers. Here are 10 tips on how to optimize your RSS or ATOM feed for the feedly open platform.

01. Feed metadata used for discovery

Screenshot 2015-07-30 21.57.58

Feedly users are constantly searching for new sites and blogs to add to their feedlys. To optimize the discovery experience, we have created a set of RSS and Atom discovery extensions that allow publisher to deliver a richer discovery experience in feedly. These extensions allow content creators control the cover image, icon, title and description that are used to present feeds when users search for new sources.

Sample markup:
<rss xmlns:content=”http://purl.org/rss/1.0/modules/content/&#8221;  xmlns:webfeeds=”http://webfeeds.org/rss/1.0″ version=”2.0″>
<channel>
<title>Your short feed title</title>
<atom:link href=”http://blog.feedly.com/feed/&#8221; rel=”self” type=”application/rss+xml”/
<link>http://blog.feedly.com</link&gt;
<description>Your short 140 character feed description here</description>
<webfeeds:cover image=”http://yoursite.com/a-large-cover-image.png />
<webfeeds:icon>http://feedly.com/icon.svg</webfeeds:icon&gt;

02. Website metadata used for discovery

Screenshot 2015-07-30 21.59.32

Many feedly users discover new feeds to add to their feedly while doing research on the web or browsing the Twitter, Facebook and Pinterest feeds. By adding an “application/rss+xml” alternate metadata to the header of your HTML page, you can make it easier for users to discover your feeds and add them to their feedlys.

Once a user adds your feed to their feedly, they will automatically receive all the new stories you publish to your feed. This is a great opportunity to convert one time visitors into more loyal repeat readers.

Your feed update will automatically be delivered to all the devices the user is using to consume content.

03. Formatting your HTML content

Screenshot 2015-07-30 22.03.14

Feedly is designed for a clean and fast reading experience. The best way to optimize your content for feedly is to use clean HTML markup – focusing on the semantics of the content you are publishing: use h2,…, h4 for headers, mark your paragraphs with p elements, use b elements to highlight important words.

Your HTML content can include image, audio, video, and other media elements. Images will be cached and resized by the feedly cloud to deliver the fastest, most efficient experience to the reader.

When using images, try to use the largest size possible and make sure that the image element has a width and height property.

Video can be embedded in the content using the video element or for Youtube and Vimeo using the iframe element. For video and audio, you can also take advantage of enclosures.

04. Featured image

Slack for iOS Upload-1.png   Slack for iOS Upload.png

Feedly will associate a featured image with each story. This image is used when we show an preview of the story to the reader.

Here are the set of rules we use to pick the featured visual:

If the content of the story in the feed has an img element with a webfeedsFeaturedVisual classname, that image will be selected as the featured image.

If the first img in the story has a height and width > 450 pixel, that first image will be selected as the featured image. If not, feedly will try to pick the largest image in the story.

If the feed is partial, the feedly poller will look up in the web page and see if the webpage include open graph or twitter card metadata and use that as the featured visual.

Having a great featured image associated with your post is one of the most important aspects of increasing engagement with your readership. A great visual will draw the user into your story.

06. Enhanced branding

Screen Shot 2015-07-30 at 10.33.59 PM

By improving your brand’s presence on feedly, we can make your readers feel more at home. When you specify an SVG-formatted logo and an accent color we will place your logo on each of your stories and change the colors of hyperlinks throughout your content to your chosen accent color. These changes will not only improve your brand recognition but also improve your readers’ experience on feedly.

Sample markup:
<rss xmlns:content=”http://purl.org/rss/1.0/modules/content/&#8221;  xmlns:webfeeds=”http://webfeeds.org/rss/1.0″ version=”2.0″>
<channel>
<title>Your feed title</title>
<webfeeds:logo>http://yoursite.com/logo-30px-height.svg</webfeeds:logo&gt;
<webfeeds:accentColor>00FF00</webfeeds:accentColor>

07. Related stories

Slack for iOS Upload-3.png

Often times when delving deep into your content, readers will want more than just one story on the given topic. Using the feedly cloud we can pull content on the same topic, also from your site, from up to three years in the past. This will allow your readers to really explore the subject and also engage with your archive of content.

Sample markup:
<rss xmlns:content=”http://purl.org/rss/1.0/modules/content/&#8221;  xmlns:webfeeds=”http://webfeeds.org/rss/1.0″ version=”2.0″>
<channel>
<title>The verge</title>
<webfeeds:related layout=”card” target=”browser”/>

08. Google Analytics integration

For many publishers, feedly can be a black box of sorts. You can click through and see the number of readers you have, but not much else. We have spent the last few months building an integration between feedly and Google Analytics so that you have more visibility into your feedly readership.

The integration mirrors the engagement users have with your stories on feedly as page views in your Google analytics account. This opens the door to lots of interesting insights: how many users are engaging with your stories, how many times a week, on which devices, in what countries, what are the most popular stories, etc.

The pageview events reported to GA are based on the canonical URL of the stories, allowing you to aggregate the views you are getting on feedly and on your website and get a more global understanding of how users engage with your content.

These pageview events are decorated with utm_… so that you can easily split the engagement on feedly from the direct engagement on your website.

We protect the privacy of our users by generating an anonymized hash.

This integration requires no work on your side: you simply decorate your feed with your Google Analytics id and feedly will start to automatically deliver the engagement information to your account.

This feature is only available to publishers who are part of the Publisher Kit beta program.

We are working on adding support for comScore and omniture.

Sample markup:
<rss xmlns:content=”http://purl.org/rss/1.0/modules/content/&#8221;  xmlns:webfeeds=”http://webfeeds.org/rss/1.0″ version=”2.0″>
<channel>
<title>The verge</title>
<webfeeds:analytics id=”UA-xxx” engine=”GoogleAnalytics”/>

09. Ad integration

Screen Shot 2015-07-30 at 10.36.09 PM

We want to make sure that publishers are able to monetize their loyal feedly audience. The first option we are offering toward this goal is to allow publishers to embed a 300×250 DFP ad slot in the feedly stories – after the second paragraph. Feedly will take care of the technical integration and you keep 100% of the ad revenue.

This feature is only available to publishers who are part of the Publisher Kit beta program.

10. the +feedly button

Screenshot 2015-07-30 23.32.02

If you want to increase the size of your feedly audience and have more loyal readers engage with your content several times a week, you can add the follow us on feedly button to your website next to the other options you offer to visitors to connect with you. For more information on how to add the follow us on feedly button to your website, please visit the button factory page.

Get in touch

We have been working closely with 100 publishers over the last 6 months to design, implement and polish the first version of the feedly Publisher Kit. We will be opening this program to more publishers this fall. If you have an questions or would like to get early access to the kit, please email publishers@feedly.com with information about what is driving your interest.

Author: @feedly

Read more. Know more.

24 thoughts on “10 ways to optimize your feed for feedly”

  1. Would be great if these options were made available in a plugin for WordPress and other CMS

  2. Good to hear from you. Feels like things have been pretty quiet on your end. How have things been going? What’s the state of feedly?

    1. We have been quiet indeed. We are working hard on a couple of important projects we hope to share with the community this fall. The publisher kit is one of them. Have a great week end.

      1. +1 Ben. We are working on a wordpress plugin which will take the featured image in wordpress and automatically annotate the img element with the right class information. Between now and then Ben suggestion to manually edit the HTML is the best one.

  3. May I suggest that you use automatic numbering or learn counting? Nr. 5 is missing obviously…

    1. Ah!!! There should be a fifth section about push and faster polling that seem to be missing. Will get this fixed on Monday. Thanks for the heads up.

    1. Hi Pawel, our plan is to offer a wordpress plugin that will help non programmers generate all the additional metadata without having to deal with XML. More on this later this fall. Have a great week end.

  4. The more you propose “Feedly-specific” solutions, the less you work for the spread of the RSS ecosystem. I know it’s a delicate balance to find… but I’m affraid you’re doing it the wrong way!

    – Way #1 : *YOUR* Webfeeds namespace is inaccessible (the website is down… bad karma!)
    – Way #2 : Would have been interesting to point to the “official” RSS Autodiscovery specifications : http://www.rssboard.org/rss-autodiscovery
    – Way #5… is missing :-)
    – Way #6 : Wouldn’t it be simplier to use the “official” optional channel element? http://www.rssboard.org/rss-specification#optionalChannelElements
    – Way #10 : Pleeeease, don’t act as if you were the only newsreader on the planet. It’s counterproductive. There’s an open source subscribe button solution wich includes Feedly (and you can put Feedly on top of the list): https://www.subtome.com.

  5. Section 7– Related stories. I’ve been having a problem with Engadget’s related stories changing the unread counter on the left side of my feedly. Every time I read an Engadget article, the three related stories at the bottom increase the unread counter by three. Any idea why this keeps happening?

  6. I just sent out a post with the ” img src=”someimage.png” class=”webfeedsFeaturedVisual” ” for the image, but that screwed up my feeds to facebook, twitter and Google+, especially since the img src line already had a class item.

    Why not use the ” ” attributes used by Facebook, twitter etc???

Comments are closed.