The latest version of Firefox has a button called "Reader View" that is supposed to hide the clutter on the page such as sidebars and headers and only show the article.

https://support.mozilla.org/en-US/kb/firefox-reader-view-clutter-free-web-pages

How do I make my site compatible with this button? When I click the button on my site it says:

Failed to load article from page

  • Firefox's readerview
  • Microsoft's Read later thing
  • Chrome's Readability
  • Evernote's Clearly
  • Safari's Reading List

All of these have one thing in common.. they need text and they need properly formed HTML code behind them.

Having these two things in your website will not only make them work with these new features but will also give you the benefit of meeting more SEO requirements for better placement in the search engines.

  • I can confirm that malformed HTML can cause the readerview to not appear. – Marco Tolk Nov 27 '15 at 13:03

There seems to be no official documentation about this, see https://support.mozilla.org/en-US/questions/1067528. However, I'd advise trying wrapping your article in <article> tag.

You need at least one <p> tag around the text, you want to see in Reader View and at least 516 characters in 7 words inside the text.

  • 5
    Do you have a reference? – MrWhite Sep 2 '15 at 9:43
  • And how about cases where there are also images, videos, and widgets? My pages have very little text. – Stephen Ostermiller Sep 2 '15 at 10:10

Your Answer

 
discard

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.