WordPressRSSフィードを最適化する方法

公開: 2017-09-20

RSSフィードは、機械で読み取り可能なデータを作成することで機能し、そのデータを使いやすい形式でエンドユーザーに表示します。 サイトユーザーがRSSフィードにコンテンツを追加することを選択した場合にコンテンツを定期的に表示できるように、このオプションをサイトユーザーに提供することが重要です。 Webサイトのコンテンツは常に変化しているため、RSS（RichSiteSummaryまたはReallySimpleSyndication）は、ブログ記事などの定期的に変化するWebコンテンツを配信するための形式です。

RSSはXML（eXtensible Markup Language）形式のプレーンテキストであるため、XMLはその構造によって実際に物事を合理化するため、非常に理解しやすいものです。 XMLは、適切なコンテンツを含むタグ（たとえば、pubDateは公開日）を整理することで機能します。 ブログ投稿がRSSフィードにリストされる方法の例を次に示します。 

<item>
<title>This is the Post Title</title>
<pubDate>Wed, 26 July 2017 05:30:28 +0000</pubDate>
<content>This is the post content here.</content>
</item>

RSSは時系列であるため、新しい記事が公開されると、古い記事のリストが押し下げられ、新しい記事が一番上に表示されます。これにより、新しい記事がいつ公開されたかを簡単に判断できます。このXMLファイルをすばやく確認します。

人気のRSSリーダー

RSSをWebサイトに追加する前に、まだユーザーでない場合は、RSSリーダーに精通することをお勧めします。 複数のプラットフォームで利用できる複数のオプションがあります。 いくつかのオプションをテストして、どれが最適かを確認することをお勧めします。

フィードリーダー

フィードは、「フィードリーダー」と呼ばれることが多いアグリゲーターに配信されます。 調べてみると、RSSリーダーには、オンラインRSSサービス、ネイティブRSSアプリ、オフラインデスクトップクライアントの3つの主要なタイプがあることがわかります。 すべてのオプションで両方が許可されているわけではないため、一方にコミットする前に必ず確認してください。 リーダーはバックグラウンドで自動的に実行され、公開されるとすぐに新しい記事を見つけます。 フィードで複数のデバイスで同期できる場合に非常に便利です。 外出先で読むのは素晴らしいことであり、モバイルで物事を最新の状態に保つオプションは確かに手元にあります。

Webベースのフィードリーダーの例はFeedlyです。 また、Google Chrome拡張機能を含む複数のプラットフォーム（Web、iOS、Android）でも利用できます。 あなたがする必要があるのはあなたのモバイルデバイスまたはあなたのブラウザでFeedlyを使うことです。 他のサービスと同様に、Feedlyは、独自のニュースフィードを作成する簡単な方法として設計されているため、関心のあるトピックをフォローできます。

フライホイールによるレイアウトは、RSSフィードフィードのサンプルスクリーンショットを最適化します

Feedlyに加えて、無料バージョンを提供するRSSリーダーが多数あります（アップグレードバージョンを提供するリーダーもあります）。 ここにいくつかの人気のある読者があります：

  • パンダ：Chrome、ウェブ、iOS
  • Reeder 3 ： iOSユーザー（デスクトップおよびモバイル）
  • フィーダー： Android、Chrome、iOS
  • Feed Wrangler ： Web、iOS
  • Inoreader ： Web、iOS、Android、Windows Phone

RSSフィードの最適化を開始する方法

自分のサイトでRSS機能を設定する前に、必ず自分用のフィードを設定してください。 （これは後でテストするために重要になります！）

選択したRSSリーダーをダウンロードしたら、コンテンツを追加します。 出来事に追いつくために、これらのフィードのほとんどは、あなたの興味に基づいて、追加の関連サイト（もちろんRSSフィードを含む）の提案を見つけます。

お気に入りのWebサイトにアクセスして、RSSリンクを探します。 多くのサイトでは、頭字語がRSS、XML、またはRDFの小さなアイコンが表示されます。 RSSアイコンが表示されていない場合、それは問題ありません。代わりにRSSリンクが必要です。

RSSリンクを見つける方法：

Webサイトのフィードを見つけるには、通常、WebサイトのURLの末尾に/feed/を追加します。 そうでない場合は、ウェブサイトと「RSS」をグーグルで検索してみてください。

上記が機能しない場合は、ページのHTMLソースを調べてRSSを見つけてください。 Chromeで、右クリックして[ページソースの表示]に移動し、それを見つけました。 「検索」機能（通常、PCではCtrl-F、MacではCommand-F）を使用して、「RSS」と入力します。 次のように表示されます。 

&amp;amp;amp;amp;lt;link rel="alternate" type="application/rss+xml" title="Example"
href="https://www.example.com/blog/feed/" /&amp;amp;amp;amp;gt;

RSSフィードのURLアドレスはhttps://www.example.com/blog/feed/.

フライホイールによるレイアウトRSSフィードの最適化RSSフィードコードのスクリーンショット

独自のフィードにいくつかのRSSソースを追加すると（RSSフィードへのリンクについては、サイトで上記のRSSアイコンを探してください）、これにより時間を節約し、コンテンツソースを整理する方法がわかります。 10ページを読み込んで1つずつ読んだり、すべてのソーシャルチャネルをチェックしたりする代わりに、新しいコンテンツがすべて1か所にあります。

フライホイールによるレイアウトRSSフィードを最適化アビーフィードのスクリーンショット

RSS URLをコピーしてRSSリーダーに貼り付けるか、クイックサブスクリプションボタンを選択すると、フィードに「サブスクライブ」します。 登録を解除するまで、RSSリーダーに表示されます。

フライホイールによるレイアウトRSSフィードを最適化フライホイールフィードのスクリーンショット

たとえば、レイアウトを最新の状態に保つことが重要なので、これをFeedlyに追加しました。 この場合、簡単に追加するためにクリックしたボタンがあり、手動でURLを入力する必要はありませんでした。

フライホイールによるレイアウトRSSフィードを最適化フライホイールサブスクリプションのスクリーンショット

RSSが重要な理由

RSSが、複数のソースにアクセスすることなく、Webコンテンツを簡素化、整理、および配信する方法は明らかです。 Googleは数年前からRSSゲームに参加していませんが、お気に入りのサイトのRSSフィードを取得することを好む人はかなりいます。 私の意見では、これは業界ニュースにとって特に望ましいことです。 すべてが1か所にあります。

また、受信トレイの過負荷を防ぎます。 この方法でニュースレターやコンテンツを購読することに何の問題もありませんが、多くの場合、これはシャッフルで失われます。 代わりに、定期的に楽しみにしているコンテンツをRSSフィードに含めるのは素晴らしいことです。

WordPressサイトをさらに最適化したいとお考えですか？ 画像を最適化する方法を学びましょう！

ユーザー向けのRSSの最適化

RSSに精通し、フィードを作成する機会があったので、これがユーザーにとってどのように機能するかを考えるときが来ました。 チャンネル登録者がいると素晴らしいので、チャンネル登録者向けに最適化する必要があります。

WordPressのRSSはかなり自動化されています。 ブログのURLをブラウザに入力し、その最後に/feed/を追加すると、フィードが表示される可能性が高くなります。 これは、始める前の重要なチェックです。

以下のヒントに関連するプラグインはすべて、最初にローカルテスト環境で実行する必要があります。 これを行う方法を探しているなら、ローカルは素晴らしい解決策です。

フィードのWordPress設定を確認してください

フィード設定は、[設定]パネルの[読み取り]の下にあります。 これらの2つの設定を見てください。

フライホイールによるレイアウトRSSフィードの最適化RSS概要設定のスクリーンショット

シンジケーションフィードには最新のものが表示されます：このアイテム数の設定では、誰かがフィードを購読したときに表示される投稿の数を設定できます。 この数は、毎日作成する投稿の数を反映している必要があります。 コンテンツの流れが安定しているパブリッシャーの場合、これは小さなパブリッシャーよりも多くなります。

フィード内の記事ごとに、次のように表示します。フィード内の記事全体が多すぎるため、「概要」の方が適しています。 このアプローチが最も一般的です。 また、ユーザーがリストをクリックしてサイトに移動するため、サイトのトラフィックを増やすのにも役立ちます。 彼らがあなたのサイトの他のコンテンツも探求する可能性は大いにあります。

投稿にフォローボタンを追加します

フィードリンクを使用してフィードリーダーに入れるのは問題ありませんが、ボタンは非常に便利です。 Feedlyは非常に人気があるため、ユーザーがFeedlyでRSSフィードを直接購読できるようにする簡単に追加できるボタンがあります。

RSS URLへのリンクを提供する必要があるため、RSSURLを知っていると便利です。 Feelyを使用すると、クイックリンクを簡単に追加できます。 このためにカスタムボタンを作成する必要はありません。 Feedly Button FactoryのWebサイトにアクセスし、追加するボタンのデザインをクリックします。 その後、URLフィールドにRSSフィードを入力します。

フライホイールによるレイアウトは、RSSフィードフィードボタンのデザインを最適化します

次に、Feedlyが提供するコードスニペットを操作する必要があります。 ほとんどの場合、これはサイトのグローバルエリアで行われます。 ウィジェット領域も可能であるため、いつでもテキストウィジェットを追加してから、このスニペットをコピーして貼り付けることができます。 プレビューする前に、これが保存されていることを確認してください。

フライホイールによるレイアウトRSSフィードフィードフィードボタンスニペットを最適化
フライホイールによるレイアウトは、ウィジェットのスクリーンショットでRSSフィードをフィードで最適化します

ボタンがページに表示されます。 これをテストするには、Feedlyユーザーである必要があります。 ボタンをクリックすると、Feedlyにフィードが認識されたことが表示されます。 [フォロー]を選択すると、ユーザーにとってフィードがどのように表示されるかを確認できます。

フライホイールによるレイアウトは、ブログのRSSフィードフォローボタンを最適化します

他のサービスに対応したい場合は、 AddToAnyのSubscribeButtonと呼ばれるクールなプラグインがあります。 ユーザーが別のもの、または古いタイプのリーダーを使用している場合、これにより簡単にサブスクライブできます。

サブスクライバーを追跡する

コンテンツに多大な労力を費やしているため、サブスクライバーを追跡することが重要です。 これには、 SimpleFeedStatsプラグインが必要です。 RSSに相当するGoogleAnalyticsのようなものと考えてください。 WordPressダッシュボードで統計情報を提供します。 必要に応じて、サブスクライバー数を表示するオプションがあります。

フライホイールによるレイアウトは、RSSフィードの単純なフィード統計プラグインを最適化します

フィードの前後にカスタムコンテンツを追加する

カスタムコンテンツをフィードに追加する場合は、それを行うオプションがあります。 たとえば、特別なメッセージやある種の行動の呼びかけを追加したい場合があります。 Yoast SEOプラグインは、これを実現するのに役立つ優れたツールです。 Yoast SEOは非常に人気があり、多くのSEOのメリットを提供します。

Yoast SEOをインストールしたら、[RSS]タブに移動して、投稿の前後にカスタムコンテンツを追加できます。 このコンテンツはメインサイトの読者には表示されないことを忘れないでください。フィードを購読している人だけが表示されます。

このカスタムコンテンツの良い使い方の1つは、ステートメントを追加して元の投稿にリンクすることです。 残念ながら、コンテンツを盗むコンテンツスクレーパーが存在する場合があります。 投稿の発信元をメモしておくことをお勧めします。

フライホイールによるレイアウトRSSフィードの最適化RSSフィード設定WordPress

うまくいけば、これによりRSSと、RSSが現在どのように関連しているかについての洞察が得られます。 デフォルトでは、WordPressはRSSの操作を非常に簡単にします。 さまざまなRSSリーダーをテストし、最適化手法を使用することで、サブスクライバーが常にコンテンツを最新の状態に保つことができます。

無料の電子ブック：WordPress 101

フライホイールによるレイアウトは、RSSフィードを最適化する無料の電子ブックをダウンロードします。青い背景とスターバーストにWordPess101の黒と白のカバーをダウンロードします。

アビーからのこれらの素晴らしい記事を見たことがありますか？

  • あなたのウェブサイトに粘着性のある背中合わせのボタンを追加する方法
  • FlexboxグリッドとCSSグリッドを組み合わせて効率的なレイアウトを実現する方法
  • デザインのアニメーションスクリーンショットをポートフォリオで機能させる方法
  • CSSを使用してSVGアニメーションを作成する方法