Googleアドセンス対策！サイトマップの作り方【1分で解説】

完成図はこんな感じです。
表示する項目や順番、ラベルの表示は、サイト上で自由に選択することができます。
実際のサイトは次のような画面になっています。



注意点は、ドメイン名の入力です。
例えば私のドメインは、https://happypapasan.blogspot.com ですが、
このサイトへは赤字の部分だけを入力してください。httpsを入れるとうまく動作しません。


項目を選択し終えたら、ページ最下部にある"open window"ボタンを押すと、完成図が確認できます。



デモに問題がなければ、表示されているコードをコピーし、自分のサイトマップページのHTML欄に貼り付ければ、終了です。コードは次のように表示されていると思います。

<script type="text/javascript">
var POSTSTOC_SETTINGS = {"blogURL":"happypapasan.blogspot.com","sort":{"key":"updated","order":"desc"},"printby":"title","updated":{"enabled":true,"format":"yyyy/MM/dd HH:mm:ss"},"target":"_blank"}
</script>
<link href="//garafu.github.io/blogger.toc/release/latest/simple.css" rel="stylesheet" type="text/css"></link>
<script src="//garafu.github.io/blogger.toc/release/latest/blogger.toc.min.js" type="text/javascript"></script>

更新日時から更新時刻を消す方法

あとはページを公開し、ガジェットの「ページ」からサイトマップを選択して、公開しましょう。

デメリット

読み込みに1秒程度かかってしまうことです。
>>blogger.toc のサイトはこちら。



また、タイトルが長いと1行に表示しきれないことがあるので、私は次のサイトで作成したものを使っています。
現在は私もこちらを使うようにしています。理由は、次に紹介する方法で、一部のテンプレートでうまく表示されない場合があるからです。現在不具合を確認しているテンプレートは、" Emporio"です。

Helploggerでサイトマップを作る方法

サイトにアクセスすると次のような画面が表示されます。



英語のサイトですがコードをコピーするだけなので問題ありません。
サイトにも書いてありますが、コードを貼り付けた後に、一部を自分のサイトのアドレスにする必要があります。


つまり、
http://helplogger.blogspot.com と書いてある箇所を、


https://happyapapasan.blogspot.com


と、自分のサイトアドレスに書き換えてください。
httpではなく、httpsとなっている点に注意してください。


<script type="text/javascript">
var POSTSTOC_SETTINGS = {"blogURL":"happypapasan.blogspot.com","sort":{"key":"updated","order":"desc"},"printby":"title","updated":{"enabled":true,"format":"yyyy/MM/dd HH:mm:ss"},"target":"_blank"}
</script>
<link rel="stylesheet" type="text/css" href="//garafu.github.io/blogger.toc/release/latest/simple.css" />
<script type="text/javascript" src="//garafu.github.io/blogger.toc/release/latest/blogger.toc.min.js"></script>

サイトマップの作り方は、以上です。