HTMLサイトマップの作り方sitemap/Cocoon

Cocoon
この記事は約6分で読めます。

備忘録_33 / Cocoon_7

[図_1]
まず、下の図をご覧ください。当ブログ「私の備忘録(仮)」は、現状サイトの運営にあたりアクセス数が伸びないという深刻な悩みを抱えています。ええ、伸びないといいますか … … 、
――――――――――― そもそも、ブログサイト開設して以来、誰一人として訪問者が来ていない!

この世界には俺しかいない!完全な stand alone.

[図_1]

私なりに努力しました。少ないながらも32枚の投稿記事を書きあげました。しかし未だ、各検索サイト様、Google様にその存在すら知覚されていない非情に悲しい現実に直面しております。サイトマップが必要です。これは直観です。

全世界の情報、その一切全てを完全網羅把握するGoogle神の目は一体どこに付いているのよ …。
根拠ですって? … … そう囁くのよ、私のゴーストが

サイトマップとは?

サイト内の全URLを含むようなサイトマップを作成し、それをサーチエンジンに登録する。現在、Google, Bing, Yahoo, Askといったサーチエンジンがサイトマップ標準に対応している為、サイトマップに対応すれば、事実上、主要なサーチエンジン群に更新ページ情報を伝えることができる。 また、この標準に対応したからといって、サーチエンジンにそのページが登録されることを保証していない。

サイトマップが役立つ点は以下の点である:

  • たどり着けないようなサイト内の箇所を示すことができる。
  • リッチコンテンツを使っている場合、この部分のコンテンツ内容へ誘導できる。


via:wikipedia_sitemaps

とにかくサイトマップを作ると、検索サイトに「いますよ💢」と伝えることが出来るようです。しかし、往々にして気が付かない事もあるようです。「何とも憐れ、汝小さき者よ」。
サイトマップと書いて字のごとく、サイト全体の地図のことです。投稿記事を1000枚書いた内の1~2枚くらいは検索エンジン側に気付かれない事、記載漏れがあります。その忘れられた1~2枚も、こちら998~999枚の仲間ですよと、サイトの全体像を伝えることができます。
広い世界を歩くときは迷子にならないように地図が必須になりますが、そもそも、お家のご近所をお散歩するような時は特に地図って必要ないですよね … 。他に手立てがないので、とにかく作るだけ作ってみましょう。

サイトマップの種類

sitemap作成にはHTML形式、XML形式の2種類のファイル形式がありますが、WordPress本体にはそのどちらも作成する機能がありません。そこでサイトマップを作る最もポピュラーな方法はWordPressプラグインを使う方法です。

  ユーザー様の利便性向上 検索サイト様の利便性向上
HTML sitemap
XML sitemap


僕は耳と目を閉じ、

口をつぐんだ人間になろうと考えた

or should I ?

こればかりは両方試してみるしかないと考えました … 。

HTMLサイトマップの作り方

Cocoonマニュアル
簡単なサイトマップページを生成できる

プラグインには相性があります。プラグインをあまり入れすぎるとプラグイン同士がコンフリクトを起こすことがあります。ですから、Cocoonテーマに内蔵されているHTMLサイトマップを利用します。

サイトォォォ!! そいつをよこせェェーーー!!!

[図_2]

固定ページなどに上記ショートコードを入力して公開することで、以下のようなサイトマップペーを手軽に作成することが可能です。

[図_2]

  • 固定ページより、新規追加

sitemap専用の投稿記事を作ります。

[図_3]

ショートコードの基本的な使い方は、こんな感じです。
[sitemap]

[図_3]
唐突に「ショートコード」という謎の単語が出てきました。分からないのでその通りやってみます。

  • [sitemap] →  [公開] 
[図_4]

[図_4]
出来ました、サイトマップ(仮)。

… 勘だけど、何か違う気がする。

ユーザーの利便性向上になってない。
どころか、
検索サイトの利便性向上にもなっていない。

更なる改善が必要だと僕は考えた。
Master of codes,

this is the end of all you’ll know,
I’ll have to stand alone,

――――――― 我々の間にチームプレーなどという都合のよい言い訳は(ry

HTMLサイトマップの更なる改善

サイトマップのページが作成されました。しかし1このページにはお客様がアクセスする手段がありません。そこで、

[図_5]

[図_5]
1⃣ お客様の利便性向上の為、

  • メニュー項目を増やします。

こちら、ヘッダーメニューの作り方をご参照下さい。

また、サーチエンジンが、2このページこそが(真)のsitemapであると識別する方法がありません。そこで、

[図_6]

[図_6]
2⃣ 検索サイトの利便性向上の為、

  • パーマリンクの変更をします。

このページこそが当webサイトのサイトマップである事を可及的速やかに伝えなければなりません。しかし、page_id=3997 では何か説得力に欠けます。

――――――――――――― ゴーストのない人形は哀しいもんだぜ

[図_7]

[図_7]
サイドバー管理メニューより、

  • [設定] → [パーマリンク設定]
  • ☑ 投稿名を します。
  • 最後に、 [変更の保存]  です

パーマリンクは、将来にわたって変更されないようにすることを目的としたURLハイパーリンクを生成します。
via:Permalink_wikipedia

将来にわたって変更されないように」そこまで念を押されると、おいそれと簡単に変更して良いものか逆に心配になってきます。パーマリンクって重要なの?それも別途追って調べてみる必要がありそうです。

―――――――――――― 誰もお前のマテバに期待しちゃいねーよ。新米。

HTMLサイトマップの改善例
[図_8]

[図_8]

http://www.offtoon.org/blog/sitemap/

URLに続くパーマリンクを変更できました。

――――――――――――――――――――――― かくいう私も童貞でね。

[図_9]

[図_9]
出来ました、サイトマップ(真)。

しかし、このサイトマップのページが正当なパーマリンクを持つとするなら、ココを基準に今まで投稿した全ての投稿記事ページのパーマリンクを見直す、新たな問題が発生しているような気がします。

それは神の目に気づかれていない
―――――――― 今のうちに
可及的速やかに行うべきだと
―――― 僕は考えた

今回は以上です。ありがとうございました。

EyeCatch image:OpenClipart-VectorsによるPixabayからの画像