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の...

注目の記事

わざマシン編 忘れさせる技の選択 PHPポケモン106
プログラミング
PHP,PHPポケモン,ポケモン
わざマシン編 忘れさせる技の選択 PHPポケモン106

忘れさせる技の選択 わざマシンによる技習得処理を作成しましたが、既に覚えている技が4つあると、モーダルが表示されて選択をしても習得することができません。これは、技習得用のサービスがホーム画面には用意されていないからです。 なので今回は、わざマシンを使った際の技の入れ替え処理を実装していきましょう...

フォームはもう古い?サイトのCVRを高くするチャットシステムとは
マーケティング
CVR,ECショップ
フォームはもう古い?サイトのCVRを高くするチャットシステムとは

  サイトのコンバージョン率を上げたい お問い合わせフォームから連絡が来ない   ちょっとWebサイトやネットショップを立ち上げても中々思うような結果につながらない時代になりました。数多くのサイトが出回っていることはもちろん、ユーザーの閲覧頻度が増えて目が肥えているというのも大きな理由の1...

売れるECサイトになるために必要な3つの戦略
マーケティング
ECショップ,コンサルティング
売れるECサイトになるために必要な3つの戦略

  ECサイトで全く売れない・・・   ネットショップのオープンが手軽で安価になり、クレジット決済も主流の今ECサイトを立ち上げるお店も増えてきました。 しかし期待感とは裏腹に、思ったような売上が出なかったり、お客さんが1人も獲得できていないケースも少なくありません。   今回はそういった「...

忘れさせる技選択 前編(覚えるのを諦める) PHPポケモン 55
プログラミング
PHP,PHPポケモン,ポケモン
忘れさせる技選択 前編(覚えるのを諦める) PHPポケモン 55

忘れさせる技の選択 PHPポケモンでは技習得時に忘れさせる技の選択が出来ず、古いものから順番に消えていっていました。ですが、これでは主力技として使っているものが、覚えたくもない技に消されてしまうということが起こってしまいます。 実際のゲームでも、技を覚えようとした際に既に最大数の4枠が埋まっていれ...

PHPポケモン「オートローダー編」16
プログラミング
PHP,PHPポケモン,ポケモン
PHPポケモン「オートローダー編」16

  今までは技やタイプを一括requireという荒業で対応していましたが、フシギダネ系列の技を実装した際に「こんなん全部読み込んでられるか!」と流石になったので、簡易ながらオートローダーを実装していきます。 そして、実装したらしたで色々と問題も浮かび上がってきたので、このあたりは回を進めて行きなが...

データベース定義は超重要!システム開発を始める前に知っておきたい構造と構成の考え方
プログラミング
MySQL,データベース,プログラミング学習
データベース定義は超重要!システム開発を始める前に知っておきたい構造と構成の考え方

  システムやアプリ開発をする場合、そのほとんどでデータベースを使用しますね。 それぞれのデータを連携させるためにも、その構造をどうするかは重要で、設計が甘ければシステムそのものの保守性はもちろん、想定していた仕組みを実現するのが難しくなることもあります。   今回は、これからデータベースを...

放物線アニメーション編 PHPポケモン 81
プログラミング
PHP,PHPポケモン,ポケモン
放物線アニメーション編 PHPポケモン 81

ボールアニメーション 前回までに作成した捕獲判定処理を使って、ボールのアニメーションを作成します。 捕獲演出は以下の通りです。  味方側から相手に向かってボールを投げる 相手ポケモンの前でボールを開く 捕獲判定で算出した揺れ回数分ボールを揺らす   捕まえた際は、ボールの揺れをストップ...

【税金は貰うもの】知って得する!お金を稼ぐための実践的な3要素
マーケティング
【税金は貰うもの】知って得する!お金を稼ぐための実践的な3要素

  「お金を稼ぐための基本的な3要素」に続く、「実践的な3要素」です。 前回は、単価、頻度、客数の関係を理解すれば、お金を稼ぐ仕組みがどのように成立しているのか、そしてどういったアプローチをすればお金を稼げるのかがわかりました。   今回は、直接お金に関係する実践的な3要素です。どう...

カテゴリ

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

タグ

5G Adobe AfterEffects AI ajax amazon Animate api artisan atom Automator AWS Bluetooth CSS CVR description EC-CUBE4 ECショップ ESLint Facebook feedly foreach function Google Google AdSense Honeycode htaccess HTML IEEE 802.11ax Illustrator Instagram IoT JavaScript 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 独立 神戸 福祉 秘密鍵 翻訳 自己啓発 英語 見積書 計算機 読書 起業 迷惑メール 配列 銀の弾丸 集客 雑学力