ブログのサイトマップを作成します!

2020年1月27日月曜日

ブログ作成

t f B! P L


こんにちは、がるつです٩(。θ◡θ。)۶


ブログのサイトマップ。

はて、サイトマップ?
サイトマップとは、サイト全体の構成を分かりやすく把握するため、
サイト内にどんなコンテンツがあるか等をリストアップしたものです。











SEO(SearchEngineOptimization)対策では
サイトマップはXMLサイトマップを設置すると良いようです。

Googleの検索エンジンなんかは特にそうですが、
SEOに対策していくことにより、検索上位にヒットするように
なるようです。

必然的に、サイトに訪れてくれるユーザーが増えますね♪






サイトマップについて

サイトに訪れてくれたユーザーに分かりやすく
リスト形式等で表示するページになります。

どんなコンテンツがあるのかを
見やすい形で表示して、ユーザーを欲しい情報に誘導します。

XMLサイトマップ

XMLサイトマップは、検索エンジンに対して
サイト内の情報を提供します。
検索エンジンのクローラーが巡回時に更新の情報等を拾っていくようです。


HTMLサイトマップ

HTMLサイトマップは自分で更新する場合は
リンク切れなどを起こしやすいようです。

ユーザーへは、見やすい形で 作成出来ます。

(ʻʻั๑);




というわけで、今回は、ユーザー向けのHTMLサイトマップを作成します。
自分でも整理したいですしw






HTMLサイトマップ作成手順

HTMLページの作成

HTMLファイルを作成します。
Blogger管理画面の左側メニューの、「ページ」をクリックします。

次に、右側の「新しいページ」をクリックします。
貼り付けるコードは、下記のリンクから取得します。

blogger.tocのデモページ



「ドメイン」にブログのアドレスを入力し、画面下のほうの
OpenWindow」をクリックします。


ウィンドウが起動し、デモのサイトマップが表示されます。
ウィンドウを閉じると、画面下の方、グレーの囲みの中にHTMLが
表示されていますので、丸ごとコピーします。


コピーしたコードは、上記で作成したページに貼り付けます。
「新しいページ」をクリックした状態では、【作成】になっていて、
HTMLコードを編集できないので、画面左の【作成/HTML】と
表示されている箇所で【HTML】をクリックして、
HTMLコードが編集できる状態に切り替えます。


コードが貼りついたら、右側の「ページ設定」のオプションを
展開し、閲覧者のコメントを「許可しない(既存のバックリンクを表示しない)」に設定しておきます。


プレビューで、サイトマップが作成出来ていることが確認できたら、
公開ボタンをクリックして、ページを公開します。



動作確認

サイトマップが作成されているかどうかは、ページの作成画面から
プレビューで確認できたかと思います。


次は、「サイトマップ」のリンクをブログのページ内に
表示させます。


レイアウトから、表示させたい箇所のガジェット内で、ページを追加します。

ページガジェットの編集ボタンをクリックすると、
「ホーム」にチェックがついていますが、追加したページにも
チェックを付けると表示されるようになると思います。
(ʻัદʻั๑);







今回はサイトマップを作成しました。時間があったら
CSS使ってきれいにしていきたいです♪

@がるつ٩(。θ◡θ。)۶

QooQ