Google ChromeがWebサイトを「フォロー」する機能を探索し、ソーシャルメディアのアルゴリズムフィードの制限に対するフラストレーションの高まりを作成しているため、RSSフィードは復活を経験しています。この傾向は、2022年以降に続くと予想されます。
この記事は、CSS-Tricksの公式学習パートナーであるFrontend Mastersによってサポートされています。
FrontEnd Mastersは、必須のフロントエンドテクノロジーをカバーする包括的なコースを提供しています。意欲的なフルスタック開発者もここに貴重なリソースを見つけるでしょう：
RSSの終miseの噂が非常に誇張されています。ポッドキャスティングでの広範な使用は、その継続的な関連性を示しています。復習者または新規参入者を必要とするベテランのRSSユーザーであるかどうかにかかわらず、フィードの作成と管理のためのベストプラクティスを理解することが重要です。この記事では、さまざまなフィードタイプ、実装手法、およびフィードコンテンツを最大化するための戦略をガイドします。
RSSは、シンジケートWebフィードの1つのタイプです。最も一般的な形式には次のものがあります。
「RSS」は一般的に使用される検索用語ですが、この記事では、特定の形式を参照しない限り「Webフィード」を使用します。
Atom、RSS、およびJSONフィードは同じ目的を果たしますが、重要な違いがあります。
<itunes:></itunes:>タグ）。content_html contentしますtype=html<description></description>またはXML-ESCAPEDまたはUNESCAPED HTMLを使用したコンテンツ拡張機能）。これらの違いを超えて、バリエーションは軽微です。ファイルサイズは、圧縮による重要な要因ではありません。 （ポッドキャストなど）特定の形式が必要な場合を除き、複数の形式を提供することが有益であり、RSSとAtomが最も幅広いサポートを楽しんでいます。
フィードの最適化には、いくつかの重要な戦略が含まれます。
隠されたフィードは役に立たない。にリンクを含めることで、フィードを簡単に発見できるようにしますあなたのサイトの。これにより、フィードリーダーはコンテンツを識別およびアクセスできます。 3つの形式すべてを組み込んだ例は次のとおりです。
<link href="https://codelab.farai.xyz/index.rss.xml" rel="alternate" title="FaraiのCodelabのRSSフィード" type="application/rss xml"><link href="https://codelab.farai.xyz/index.feed.json" rel="alternate" title="FaraiのCodelabのJSONフィード" type="application/feed json"><link href="https://codelab.farai.xyz/index.atom.xml" rel="alternate" title="FaraiのCodelabの原子フィード" type="application/atom xml">
3つすべてを使用することは許容されます。一部の読者は最初のリンクのみを認識するかもしれませんが、 rel="alternate"と正しいmimeタイプが不可欠です。タイトルの追加もお勧めします。ウェブサイトでフィードへの直接リンクを顕著に表示することにより、発見可能性をさらに向上させます。たとえば、CSSトリックは、フッターにRSSリンクを提供します。フィードリーダーは、しばしばこれらのリンクを外でも検出できます。フィードの名前は、アクセシビリティよりも重要ではありません。
標準のWebテクノロジーを使用してフィードを最適化します。
Access-Control-Allow-Origin: * ）を有効にします。セキュリティへの影響を考慮する必要がありますが、小さなサイトにとって大きな懸念事項である可能性は低いです。単なる要約ではなく、フィード内の各投稿/エントリ/アイテムの完全なコンテンツを提供することを優先順位付けします。多くのユーザーは、フィードリーダーの読みやすさを好みます。コンテンツのスクレイピングに関する懸念は存在しますが、フィードほどウェブページからこすりつけるのは難しくありません。フィードコンテンツ内に直接静的広告を含めることは可能です。一部の読者は、関連するWebページを解析することもできます。ただし、特定の視聴方法（ポッドキャストショーノートなど）が必要な、長編コンテンツまたはリッチメディアを使用したフィードの要約は許容されます。要約を使用する場合は、画像、キーポイント、および完全なコンテンツへのリンクを含めます。
JavaScriptとCSSが限られているWebブラウザの外で最適な読みやすさのためにフィードコンテンツを設計します。これに関するSara Soueidanのヒントは価値があります。特に埋め込まれた要素に対して、堅牢なフォールバックエクスペリエンスを提供することに焦点を当てます。多くの埋め込みは、フォールバックコンテンツ（TwitterやCodepenなど）を提供しますが、他にはそうではないかもしれません。一部の埋め込み（Vimeoビデオのような）は、特定のドメインでのみ動作する場合があります。画像やリンクなどの代替案を提供します。異なる読者がコンテンツを処理する方法を検討し、適切なフォールバックを提供します。
エントリのコンテンツ内のすべてのhrefおよびsrc属性に絶対URLを使用して、画像とリンクの相対URLを解決します。これにより、相対的なURLやサブディレクトリの問題が回避されます。特に静的に生成されたサイトでは、これは挑戦的ですが、最も堅牢なソリューションです。 1つのアプローチは、ビルドプロセス中に相対URLを絶対にすることです。もう1つは、静的サイトジェネレーターを構成して、マークダウンで絶対URLを直接レンダリングすることです。脚注は例外です。一部の読者は、脚注内の相対的なジャンプリンクを処理します。
JavaScriptのサポートはフィードリーダーでは制限されているため、ADは動的に注入されるのではなく、コンテンツに直接統合する必要があります。
特に頻繁に更新されるサイトの場合、過度に長いフィードを持つ圧倒的なユーザーを避けてください。含まれる過去のエントリの数を制限すること、完全なコンテンツの代わりに要約を使用するか、異なるコンテンツカテゴリまたはトピックの複数のフィードを作成することを検討してください。
フィードを移動するときは、タグURIスキームを使用してエントリにグローバルに一意の識別子（GUID）があることを確認してください（例： tag:<authority> ,<yyyy-mm-dd> :<specific> #<fragment></fragment></specific></yyyy-mm-dd></authority> ）。これにより、フィードリーダーの重複エントリが防止されます。フィード自体に301リダイレクトを使用します。
フィードを検証し（RSSおよびATOMのW3Cのサービス、またはJSONのJsonFeed.orgを使用して）、正しさを確保し、潜在的な問題を特定します。 GUIDと絶対URLに関連するエラーに対処します。
HTTP Basic Authentication（Username/Password）またはトークンをクエリパラメーターとして使用して、フィードアクセスを管理します。どちらもHTTPSよりも同様のセキュリティを提供します。
RSSクラブは、コンテンツがウェブサイトではなくフィードを介してのみ利用可能な排他的フィードの作成を促進します。
Webフィードは、Webサイトでの更新、通知、監視の変更など、ブログ投稿以外のさまざまな目的に使用できます。 WebSUBは、通知を効率的に管理するのに役立ちます。
この記事では、RSSポッドキャストフィード、RSSブログ投稿フィード、およびJSONフィードの例を提供します。
この記事には、WebフィードをサポートするCMSS（WordPress、Ghost、Shopify、Squarespace、Wix、Wix）と静的サイトジェネレーター（Eleventy、Hugo、Next.js、nuxt.js、Jekyll、Astro、Gatsby、Zola）がリストされています。
この記事は、効果的なWebフィードを実装するための重要な考慮事項を要約することで締めくくります。読者がコメントでフィードや質問を共有することを奨励しています。
以上がWebフィードの操作：RSS以上のものですの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
