Travailler avec les flux Web: c'est plus que RSS

Avec Google Chrome Explorer le site Web "suivant" les fonctionnalités et la frustration croissante concernant les limitations de flux algorithmiques des médias sociaux sur la portée du créateur, les flux RSS connaissent une résurgence. Cette tendance devrait se poursuivre en 2022 et au-delà.

Cet article est soutenu par Frontend Masters, partenaire d'apprentissage officiel de CSS-Tricks.

Besoin de compétences en développement frontal?

Frontend Masters propose des cours complets couvrant les technologies frontales essentielles. Les aspirants développeurs à stockage complet trouveront également des ressources précieuses ici:

Prenez les cours que les rumeurs de la disparition de RSS sont grandement exagérées. Son utilisation généralisée dans le podcasting démontre sa pertinence continue. Que vous soyez un utilisateur RSS chevronné qui a besoin d'un rafraîchissement ou d'un nouveau venu, il est crucial de comprendre les meilleures pratiques pour créer et gérer les flux. Cet article vous guide à travers divers types de flux, techniques de mise en œuvre et stratégies pour maximiser le contenu des flux.

Flux RSS, Atom et JSON: une comparaison

RSS n'est qu'un type de flux Web syndiqué. Les formats les plus répandus comprennent:

1. RSS
2. Atome
3. Feed JSON

Bien que "RSS" soit un terme de recherche couramment utilisé, cet article utilise "Feeds Web" à moins de se référer à un format spécifique.

Les aliments pour atomes, RSS et JSON ont le même but, mais avec des différences clés:

• Atom et RSS sont basés sur XML, tandis que JSON Feed utilise JSON.
• Tous les formats permettent des extensions. JSON utilise des clés préfixées sous-estimées, tandis que Atom et RSS utilisent des déclarations d'espace de noms (par exemple, l'espace de noms du podcast iTunes avec<itunes:></itunes:> Tags).
• JSON Feed, étant plus récent, peut avoir un soutien moins répandu que l'atome ou le RSS. Cependant, RSS est essentiel pour les podcasts .
• Atom nécessite uniquement un identifiant unique pour chaque flux, en plus de chaque entrée / élément.
• Tous prennent en charge le balisage HTML, mais le gèrent différemment (JSON utilise content_html avec HTML Escaped JSON; ATOM utilise la balise content avec type=html et HTML Escaped HTML; RSS<description></description> ou des extensions de contenu avec HTML insuffisant ou non brisé par XML).

Au-delà de ces différences, les variations sont mineures. La taille du fichier n'est pas un facteur significatif en raison de la compression. À moins qu'un format spécifique ne soit requis (comme pour les podcasts), offrir plusieurs formats est bénéfique, RSS et Atom bénéficiant du soutien le plus large.

Création de flux Web efficaces: meilleures pratiques

L'optimisation de vos flux implique plusieurs stratégies clés:

1. Assurer la découverte

Un flux caché est inutile. Rendre votre flux facilement découvrable en incluant des liens dans le de votre site. Cela permet aux lecteurs de flux d'identifier et d'accéder à votre contenu. Voici un exemple incorporant les trois formats:

<link href="https://codelab.farai.xyz/index.rss.xml" rel="alternate" title="Flux RSS de Codelab de Farai" type="application/rss xml"><link href="https://codelab.farai.xyz/index.feed.json" rel="alternate" title="Flux JSON de Farai CodeLab" type="application/feed json"><link href="https://codelab.farai.xyz/index.atom.xml" rel="alternate" title="Alimentation atomique de Codelab de Farai" type="application/atom xml">

L'utilisation des trois est acceptable. Alors que certains lecteurs peuvent ne reconnaître que le premier lien, rel="alternate" et le type de mime correct est essentiel. L'ajout d'un titre est également recommandé. Améliorez davantage la découverte en affichant en évidence les liens directs vers vos flux sur votre site Web. CSS Tricks, par exemple, fournit un lien RSS dans son pied de page. Les lecteurs de flux peuvent souvent détecter ces liens même en dehors du . Le nom du flux est moins crucial que son accessibilité.

2. Tiration des fonctionnalités HTTP

Optimisez vos flux en utilisant des technologies Web standard:

• Compression: utilisez GZIP, Brotli ou similaire pour réduire la taille des fichiers et les heures de téléchargement. La plupart des serveurs le génèrent automatiquement.
• Cache: implémentez les ETAG ou si-modifiés pour permettre aux clients de mettre en cache des flux et d'éviter les téléchargements inutiles. La configuration côté serveur gère souvent cela.
• CORS: Activez les CORS permissifs (par exemple, Access-Control-Allow-Origin: * ) pour éviter le blocage côté client. Bien que les implications en matière de sécurité soient prises en compte, il est peu probable qu'il soit une préoccupation majeure pour les petits sites.

3. Fournir du contenu complet

Priorisez la fourniture du contenu complet de chaque post / entrée / élément dans votre flux, plutôt que de résumés. De nombreux utilisateurs préfèrent la lisibilité des lecteurs de flux. Bien qu'il existe des préoccupations concernant le grattage du contenu, il n'est pas plus difficile de se retirer d'une page Web qu'un flux. Y compris les annonces statiques directement dans votre contenu de flux reste possible. Certains lecteurs peuvent également analyser les pages Web associées. Cependant, les résumés sont acceptables pour les flux avec un contenu de forme longue ou des supports riches qui nécessitent des méthodes de visualisation spécifiques (comme les notes de spectacle de podcast). Si vous utilisez des résumés, incluez une image, des points clés et un lien vers le contenu complet.

4. Optimisation de la lisibilité

Concevez votre contenu de flux pour une lisibilité optimale en dehors d'un navigateur Web, où JavaScript et CSS sont limités. Les conseils de Sara Soueidan à ce sujet sont précieux. Concentrez-vous sur la fourniture d'expériences de secours robustes, en particulier pour les éléments intégrés. De nombreuses intégres offrent du contenu de secours (comme Twitter et Codepen), mais d'autres non. Certaines intégres (comme les vidéos Vimeo) ne peuvent fonctionner que sur des domaines spécifiques. Fournir des alternatives comme des images ou des liens. Considérez comment les différents lecteurs gèrent le contenu et fournissent des replies appropriées.

5. Utilisation d'URL absolues

Résolvez les URL relatives pour les images et les liens en utilisant des URL absolues pour chaque attribut href et src dans le contenu d'une entrée. Cela évite les problèmes avec les URL et sous-répertoires relatifs. Bien que cela puisse être difficile, en particulier avec les sites générés par statistique, c'est la solution la plus robuste. Une approche consiste à rendre les URL relatives absolues pendant le processus de construction. Un autre consiste à configurer votre générateur de sites statique pour rendre les URL absolues directement dans Markdown. Les notes de bas de page sont une exception; Certains lecteurs gèrent les liens de saut relatifs dans les notes de bas de page.

6. Gestion des annonces dans les aliments

Étant donné que le support JavaScript est limité dans les lecteurs de flux, les annonces doivent être intégrées directement dans votre contenu, et non injectées dynamiquement.

7. Gestion de contenu et flux multiples

Évitez les utilisateurs écrasants avec des flux excessivement longs, en particulier pour les sites fréquemment mis à jour. Envisagez de limiter le nombre d'entrées passées incluses, en utilisant des résumés au lieu du contenu complet ou en créant plusieurs flux pour différentes catégories de contenu ou sujets.

8. Feeds de déménagement

Lorsque vous déplacez un flux, assurez-vous que les entrées ont des identifiants (GUID) uniques à l'aide d'un schéma URI TAG (par exemple, tag:<authority> ,<yyyy-mm-dd> :<specific> #<fragment></fragment></specific></yyyy-mm-dd></authority> ). Cela empêche les entrées en double chez les lecteurs d'alimentation. Utilisez une redirection 301 pour l'alimentation elle-même.

9. Validation des aliments

Validez vos flux (en utilisant le service de W3C pour RSS et Atom, ou validator.jsonfeed.org pour JSON) pour assurer l'exactitude et identifier les problèmes potentiels. Aborder toutes les erreurs liées aux guides et aux URL absolues.

10. Contrôle d'accès

Gérez l'accès aux aliments pour faire à l'aide de l'authentification de base HTTP (nom d'utilisateur / mot de passe) ou des jetons comme paramètres de requête. Les deux offrent une sécurité similaire sur HTTPS.

11. Le club RSS

Le RSS Club promeut la création de flux exclusifs où le contenu n'est disponible que via le flux, pas le site Web.

12. Web se nourrit au-delà du contenu

Les flux Web peuvent être utilisés à diverses fins au-delà des articles de blog, y compris les mises à jour, les notifications et les modifications de surveillance sur un site Web. WebSub peut aider à gérer efficacement les notifications.

13. Exemples

L'article fournit des exemples de flux de podcast RSS, de flux de blog RSS et de flux JSON.

14. CMS et implémentations de générateur de sites statiques

L'article répertorie les CMS (WordPress, Ghost, Shopify, Squarespace, Wix) et les générateurs de sites statiques (Eleventy, Hugo, Next.js, nuxt.js, Jekyll, Astro, Gatsby, Zola) qui prennent en charge les flux Web.

L'article se termine en résumant les principales considérations pour la mise en œuvre de flux Web efficaces. Il encourage les lecteurs à partager leurs flux et leurs questions dans les commentaires.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!