SEO対策

ブログ運営者のための「よくわかるSEO対策」フィード編

atom feedly rss WebSub WordPress xml フィード
ブログ運営者のための「よくわかるSEO対策」フィード編
 

アメブロやFC2など優れたブログサービスが存在している中、好きなデザイン、こだわった機能を求めてWordPressを選択される方も多いですね。

また、コーポレートサイトにWordPressを用いる方もいるでしょう。ただしSEO対策がしっかりとされていなければ、提供されているサービスに太刀打ちできません。 

もちろん、自由なカスタム機能があるということは、工夫によっては優位にも立てるということです。

 

特にブログの立ち上げや制作会社のWebエンジニアでは、実際にどういった対策が必要かをしっかり理解しておくことが大切です。

今回は、主にブログで役立つSEO対策の一つ、「フィード機能」について見ていきましょう。

 

 

 

フィードとは

 

そもそも、フィードとはなんでしょうか?

 

Googleにサイトの情報を伝え、クロールしてもらうためにサイトマップを作成しますね。しかし、それだけではGooglebotは常に高頻度でクロールしてくれるわけではありません。企業サイトや、商品追加がそこまで高頻度に行われていないネットショップなどでは支障は少ないかも知れませんが、定期的に更新を軸としたブログでは致命的だと言えますね。

 

そんな問題点を解決してくれるのがフィードです。更新情報を効率よく伝えるための手段であり、適切な情報鮮度で配信するこが目的となります。

また、ユーザー視点からしても更新情報をいち早く欲しいと思ってくれている人がいます。そういった人はフィードリーダーと呼ばれるものを使用して、登録したサイトのフィードから更新情報を受け取っています。代表的なものでfeedlyというフィードリーダがありますので、気になった方は試してみても良いでしょう。

 

 

 

RSSとAtom

 

フィードには2種類あります。それがRSSとAtomです

RSSフィードはバージョンごとに非互換なことや仕様も不明瞭であり、後発であり普及が進んでいるAtomを導入することが推奨されています。なので、もし新規で導入をする場合は将来的なことも考慮して、Atomを選んでおけば問題ありません。

 

それでは、RSSAtomの記述方法を見ていきましょう。

 

RSSフィード

<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
 <channel>

  <title>サイト名</title>
  <description>YQUALの最新情報をおとどけします</description>
  <link>https:// s-yqual.com/</link>

  <item>
   <title>サンプル記事2</title>
   <link>https:// s-yqual.com/2020/4/29/article2</link>
   <pubDate> Wed, 29 Apr 2020 18:30:00 GMT</pubDate>
   <description>記事2の内容</description>
  </item>

  <item>
   <title>サンプル記事1</title>
   <link>https://s-yqual.com/2020/4/28/article1</link>
   <pubDate> Wed, 28 Apr 2020 18:00:00 GMT</pubDate>
   <description>記事1の内容</description>
  </item>

 </channel>
</rss>

 

冒頭の2行は定型の記述ですので、サイトに合わせて記述必要があるのは<channel>タグ内です。

それでは、channel内の要素を見てみましょう。

 

title (必須)

RSSフィードのタイトルです。サイト名を記述します。

 

link (必須)

サイトURL

 

description(必須)

サイトの説明文

 

item(必須)

ページ情報をまとめます。ページの公開日が新しい順に並べるようにします。

あくまで更新情報を通知することが目的なので、上限を設定しておくことが適切です。リーダーによっては読み込み可能な最大件数が指定されている場合もあります。

 

※以下item下層

title

ページタイトル

 

link

ページURL

 

description

ページの概要説明文

 

pubDate

ページ公開日。(RFC822の形式で記述)

 

 item内は任意ですが、Googlebotへページの内容を伝えることが目的のため、この4点は漏れが内容に入力しておきましょう。

 

 

Atomフィード

<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">

 <id>s-yqual.com</id>
 <title>サイト名</title>

 <updated>2020-04-29T00:00:00+09:00</updated>
 <link rel=”alternate” type=”text/html” href="https://s-yqual.com/feed/" />
 <link rel=”self” type=”application/atom+xml” href="https://s-yqual.com/feed.atom" />
 <author>
  <name> s-yqual.com </name>
 </author>

 <entry>
  <id>https://s-yqual.com/2020/4/29/article2</id>
  <title>サンプル記事2</title>
  <summary>サンプル記事2の説明</summary>
  <link rel=”alternate” type=”text/html” href=" https://s-yqual.com/2020/4/29/article2" />
  <updated>2020-04-29T18:30:00+09:00</updated>
 </entry>

 <entry>
  <id>https://s-yqual.com/2020/4/28/article1</id>
  <title>サンプル記事1</title>
  <summary>サンプル記事1の説明</summary>
  <link rel=”alternate” type=”text/html” href=" https://s-yqual.com/2020/4/28/article1" />
  <updated>2020-04-28T18:00:00+09:00</updated>
 </entry>

</feed>

  

細かな記述方法は異なりますが、基本的な構造はRSSと同じです。

タグの名称が違っているので、手動で作成する際は間違って記述してしまわないように注意しましょう。

それではそれぞれの役割を見てみましょう。

 

id(必須)

永久的且つ完全に一意的な識別子を設定します。URLを記述しておくと良いでしょう。

 

title(必須)

サイト名

 

updated(必須)

更新日時。RFC3339date-time形式に準拠して記述します。

 

link(alternate)

新着記事一覧が掲載されたHTMLURL

 

link(self)

AtomフィードのURL

 

another

著者情報が入ります。

 

name(必須) ※another下層

エントリーやフィードの著者名です。

 

entry

ページ情報を束ねる親タグ。RSSitemと同じような役割を持つ。更新日は新しい順に並べます。

 

※以下entry下層

id(必須)

永久的で完全に一意。URLを記述しておくとよいでしょう。

 

title(必須)

ページタイトル。

 

link(必須)

ページURL

 

updated(必須)

ページの公開日時。RFC3339date-time形式に準拠して記述します。

 

summary

ページの概要

 

RSSAtom共に禁則文字が含まれているとエラーが発生するため、作成時には十分注意しましょう。(禁則文字:<>&など)

作成したXML文書は同一ドメイン上のどこか任意の場所に配置します。基本的にはドメイン直下へ配置することが多いので、特に理由がなければそれに従っておくと良いでしょう。

 

 

 

ヘッダーへ記述

 

フィードの作成が終わったら、XMLの存在をトップページのヘッダーへ記述します。

記述方法は以下を参考にしてください。 

<head>
 
 <link rel=”alternate” type=”application/rss+xml” href=”RSSのURL” title=”RSS2.0” />
 <link rel=”alternate” type=”application/atom+xml” href=”AtomのURL” title=”Atom” />

</head>

 

また、GoogleのSearch Consoleで送信する必要があります。

【サイトマップ】のメニューから、作成したフィードのURLを送信しましょう。

 

ブログサービスでは特に手を加える必要がなく実装されており、WordPressにおいてはほとんどのテーマにおいて初期設定されているのがほとんどです。

だからこそ、カスタムを軸としたエンジニアがフィードの実装が漏れてしまっているということはよくあります。

どういった機能があるかを知っておくことは、こういったミスをしないためにも大切です。

 

 

 

WebSub(PubSubHubbub)

 

RSSAtomといったフィードは、クロールに対して受動的です。それを能動的に新着ページのクロールをリクエストできれば、更に早く新着情報を伝えることができます。

それを実現するためには、WebSubという技術を使用します。

 

使い方は、先ほど作成したRSSAtom内にHubURLを記述するだけです。

 

 

RSSフィード

<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom=”http://www.w3.org/2005/Atom”>
 <channel>

…

  <atom:link rel=”hub” href=”https://pubsubhubbub.appspot.com” />

  <atom:link rel=”self” type=”aplication/rss+xml” href=”https://s-yqual.com/feed.rss” />

…

  <item>…</item>

…

 

Atomフィード

<?xml version="1.0" encoding="utf-8"?>

<feed xmlns="http://www.w3.org/2005/Atom">

…

 <link rel=”hub” href=”https://pubsubhubbub.appspot.com” />
 <link rel=”self” type=”application/atom+xml” href="https://s-yqual.com/feed.atom" />

…

 <entry>…</entry>

…

 

ファイル内にhubサーバーの記述後は、GoogleのHubサーバーへ通知します。

 

こちらへアクセスして、PublishフォームへフィードのURLを入力して送信しましょう。

これでWebSubへの通知が完了です。

 

 

WordPressが人気な理由

 

ブログサービスでなぜWordPressがそこまで人気なのか。

それはやはり、ブログとして欠かせない機能が標準で充実しているからです。

作成が面倒なフィードは、自動で生成、URLを格納してくれているので、以下のWordPressで準備されている関数を実行するだけでそれぞれ取得することができます。

<?php

bloginfo('atom_url');

bloginfo('rss2_url');

?>

 

また、WebSubに関してもプラグインがあります。

WebSub/PubSubHubbub」というプラグインを導入して、有効化すれば完了です。細かな設定は必要ありません。もちろん無料で使用できます。

 

Googleはクロール機能を常にアップデートしており、わざわざ準備をしなくても高速でページをインデックスしてくれます

しかし、他のサイトより有利に立つためには、こういった細かい対策が必要だと言えます。

また、制作会社やフリーランスでブログサイトを作成、提供する際には、こういった知識を備えていれば、いざというときに困るようなことは少なくなるでしょう。

現場のプロから学ぶ SEO技術バイブル 現場のプロから学ぶ SEO技術バイブル

今回は技術書紹介するで! SEOの勉強したことある人なら、ほとんどの人が読んだことあるんちゃうか?って一冊や。   これ一通り読んだら、内部のSEO対策はもちろん、コンテンツの作り方やサイトを伸ばしていくための戦略まで身につけられるようになるで! まさに「バイブル」に恥じない一冊や!   SEOの...

注目の記事

動画にカラオケテロップを入れる編集方法【AfterEffectsで色変わりの文字】
動画編集
Adobe,AfterEffects
動画にカラオケテロップを入れる編集方法【AfterEffectsで色変わりの文字】

  動画に声と同じタイミングでテロップを入れたい カラオケのような文字はどうやっていれればいいの?   一見簡単に見えるものも、いざ導入しようとすればどうやればいいかわからない、そんなこと多いのではないでしょうか? 今回はAdobe AfterEffectsを使った方法をご紹介します。些細な編集が動画のク...

できるやつの「雑学力」
雑記
勉強法,雑学力
できるやつの「雑学力」

  テレビのコメンテーター、討論番組の出演者で活躍するほとんどの人は物知りだ。 あなたも「よくそんなことまで知っているな」と思ったことはあるだろう。 現代で起業して成功し続ける人のほとんどが、常に新しい情報を取り入れている。 そして得た情報に対して、歴史情報と照らし合わせ、自分なりの意見や解釈を...

PHPポケモン「バトルシステム編〜状態異常1〜」30
プログラミング
PHP,PHPポケモン,ポケモン
PHPポケモン「バトルシステム編〜状態異常1〜」30

状態異常チェック 今回は少し先延ばししていた状態異常判定を一部作成していきましょう。 状態異常では「行動前」と「行動後」に判定するものに分けることができます。 行動前 まひ、ねむり、こおり  行動後 どく、もうどく、やけど   まずは簡単な行動前から実装していきます。行動前に判...

PHPポケモン「野生ポケモン遭遇編」18
プログラミング
PHP,PHPポケモン,ポケモン
PHPポケモン「野生ポケモン遭遇編」18

  PHPポケモンが第18回にしていよいよバトルの第一歩、野生ポケモンとの遭遇編に突入です。 新しいコントローラーの作成と、バトル画面の作成、そしてポケモンデータの受け渡しなどを中心にご紹介します。   バトル画面の実装  ポケモンのゲームでも、野生ポケモンが現れるとバトル画面へ移管し...

あばれる編(あばれる・はなびらのまい)PHPポケモン52
プログラミング
PHP,PHPポケモン,ポケモン
あばれる編(あばれる・はなびらのまい)PHPポケモン52

あばれる状態とは 技を使うと、しばらくの間その技のみしか使用できなくなる技があります。その状態を「あばれる状態」と言います。 あばれる状態(ポケモンwiki) https://wiki.ポケモン.com/wiki/あばれる_(状態変化) あばれるの効果 2~3ターンの間攻撃し続け、交換したり、他の指示を出すことが出...

ネコにこばん編 PHPポケモン73
プログラミング
PHP,PHPポケモン,ポケモン
ネコにこばん編 PHPポケモン73

ネコにこばんとは 初代ポケモンでは、基本的にトレーナーとのバトルでしかお金を増やすことができず、もし手持ち金が0円の状態で金が必要なイベントが発生すると詰んでしまうという隠された落とし穴がありました。 ですが、初代でも唯一トレーナー意外からお金を得る方法があります。それが「ネコにこばん」という...

これってスパム?amazon・paypalを装う悪質メールの対処方法とは
ネットワーク
amazon,Paypal,Xserver,スパム,三井住友,楽天,迷惑メール
これってスパム?amazon・paypalを装う悪質メールの対処方法とは

定期更新、役立つコラムのコーナー!   今回の注目したのは「迷惑(悪質)メールについて」です。   以前はamazonや楽天を名乗る業者から届いた迷惑メールについて紹介、その対処方法について取り上げましたが、今回は更にレベルアップしたスパムがいくつか届いたので、それらも紹介がてら、騙されないため...

迷惑メールはなぜ届く?amazonや楽天を騙る悪質メールへの対処法とは
ネットワーク
amazon,スパム,メール,楽天
迷惑メールはなぜ届く?amazonや楽天を騙る悪質メールへの対処法とは

「いきなり迷惑メールが届くようになった」 「Amazonや楽天を装ったメールはどうやって見分ければいいの?」   知らない人からいきなり連絡が届いたり、登録もしていないようなサービスからメールが届けば、それは詐欺メールかも知れません。 スマホやパソコンが一般的に普及して、ネットでの買い物やサービスを利用...

カテゴリ

SEO対策 イベント デザイン ネットワーク ビジネスモデル フリーランス プログラミング マーケティング ライティング 動画編集 雑記

タグ

5G Adobe AfterEffects AI ajax amazon Animate api artisan atom Automator AWS Bluetooth CSS CVR description EC-CUBE4 ECショップ ESLint Facebook feedly foreach fortify function Google Google AdSense Honeycode htaccess HTML IEEE 802.11ax Illustrator Instagram IoT JavaScript jetstream jQuery jQuery UI keyword LAN Laravel Linux MacBook MAMP meta MLM MySQL NoCode note OS OSI参照モデル Paypal Photoshop PHP phpMyAdmin PHPポケモン PremierePro rss SEO SEO対策 Sequel Pro Skype SNS SSH Symfony TCP/IP title Toastr Trait Twig Twitter UCC V系 WAN WebSub Wi-Fi wiki Windows WordPress XAMPP xml Xserver YouTube YouTuber Zoom アーティスト アウトプット アクセス層 アニメーション アフィリエイト イーブイ インターネット インプット エンジニア オブジェクト指向 お金配り クリック単価 クリック数 コミュニケーション能力 コロナ コンサルティング サムネイル システムエンジニア スタートアップ スタイルシート スパム データベース ディープフェイク デザイナー デザイン テレワーク ナンパ ニュース ネットワークモデル ノマドワーク バナー ピカチュウ ビジネス フィード フリーランス ブロガー ブログ プログラマー プログラミング プログラミング学習 プログラミング教育 プロトコル ホームページ制作 ポケモン マークアップ マーケティング メール リモートワーク レンダリング 三井住友 三宮 仕事依頼 児童デイ 児童デイサービス 児童発達支援 公開鍵 初心者 助成金 勉強法 営業 広告 広告収入 必勝マニュアル 放課後等デイサービス 朝活 楽天 深層学習 無線LAN 独立 神戸 福祉 秘密鍵 翻訳 自己啓発 英語 見積書 計算機 認証 読書 起業 迷惑メール 配列 銀の弾丸 集客 雑学力