それ、カッコいい!とおもって調べてみました。
サイトマップは、Helplogger様で公開されているスクリプトを使用します。
サイトマップは、Helplogger様で公開されているスクリプトを使用します。
このスクリプトでは、ラベルごとの記事が一覧として取得でき、さらに記事を投稿すると自動でサイトマップに反映される優れものです。
ということで、今回はHTMLのサイトマップの自動生成スクリプトを導入した体験を具体的にわかりやすくまとめて記事にしています。
HTMLの記事一覧のサイトマップとは
サイトマップはブログの投稿記事をラベルごとにソートし表示したものになります。
また、新しい記事には”New!”の文字が付け加えられます。
スクリプトコードの入手方法
スクリプトコードは以下で入手願います。
リンク先の注意事項等をご確認の上ご使用ください。
注意事項
以下の点に注意してください。
以下の点に注意してください。
青文字の”http://helplogger.blogspot.com/”部分はBloggerの自分ブログのURLに変更してください。
例えば、このブログであれば”https://monocotoyom.blogspot.com/”となります。
最近始めた方は”HTTPS(Hypertext Transfer Protocol Secure)”を指定していると思いますので間違えないように書き換えてください。
サイトマップの設置方法
サイトマップの設置は固定ページに追加しましょう。
固定ページの作成
固定ページについてはわからない場合は関連記事を参照ください。
ページ→新しいページ
HTMLビューに切り替えてコードをコピペします。
注意事項
タイトルがURLになりますので、初めは”HTML SITMAP”など半角英数字で記載し、公開した後で、必要であればタイトルを変更し、”更新”を行ってください。
コメント機能を好みで変更してください。
固定ページをブログに設置する。
Bloggerのメインメニューのレイアウトから”HTML/JavaScript”ガジェットか、ページリストに追加しましょう。
このブログでは、ヘッダー部分のページリストに追加しています。
この方法を説明します。
そのままでよければチェックを追加するだけでもOKです。
もし、ヘッダー部に表示するタイトルを記事のタイトルから変えたい場合は、”外部リンクを追加”から追加します。
”外部リンクを追加”→ページタイトル、ウエブアドレス(URL)
ページタイトルや(ウエブアドレス)URLを変える場合は新規に追加し、不要になったほうを削除するしかないようです。
ヘッダーの表示例
尚、このブログでは、表示名を変えたいので”外部リンクを追加”で追加しました。
ブログ名の下に入れたかったので文字幅も狭めたくて半角英数字”SITMAP”にしました。
まとめ
以上のように簡単にHTMLの記事一覧のサイトマップを表示させることができます。
ポイントは
- Helplogger様のHow to Create a Sitemap or Table of Contents in Bloggerからコードを入手
- 固定ページにHTMLビューでコードをコピペ
- 固定ページをレイアウトから好みの場所に設置
となります。
編集後記
HTMLの記事一覧は記事の管理にも便利ですね。
しかもなんかカッコいい。
あと繰り返しになりますがコード自体は、リンク先の注意事項等をご確認の上ご使用ください。
ほかにやり方、対処の仕方をご存知の方がいればコメントいてだけると助かります。
また、おなじお悩みを抱えていた方もこの記事で解決できたらコメントいただけるとはげみになりますので、コメントをお願いします!
こちらの記事よりサイトマップを使用させていただいております。
返信削除ありがとうございました。
お忙しいところ恐縮ですがひとつ質問させてください。
私のブログのサイトマップには表示されていない記事がいくつかあります。
https://kakimonigoigo1515.blogspot.com/p/blog-page_15.html
たとえば、02棋書の紹介のその1から4です。最初は表示されていました。
もし、おわかりになれば、ご教示ください。
よろしくお願いいたします。
こんにちは!だいぶ遅くなりました。
返信削除上記のリンクは表示できないようでした。
このためリンクできないのかもしれませんね。一度、記事を違うブラウザ(例えばシークレット)などで確認してみるといいかもしれません。
初めてメールします。
返信削除そちら様のサイトマップを利用させて頂きましたが、表示が「サイトマップ」だけで、関係の無い「にほんブログ村」のボタンとか連絡フォーム、人気の投稿が表示されます。
指示の通り最初は半角英字でタイトル入力し、コードの末尾も自分のブログのに置き換えました。
操作に関しては間違えてはいないと思うのですが、原因が分かりません。教えて頂けますか。
他のナビゲーションは問題が無いです。
ちなみに私のブログのurlはhttps://ureshiimebae.blogspot.comです。
よろしくお願いします。
初めまして。サイトマップのページソースを見ましたサイトマップ生成されていないようです。
削除残念ながらブログ村が一覧になっているのはちょっとわかりませんでした。
力不足ですみません、そのうえでですが
お手数ですがもう一度コピペから作り直した方がよいのではと思いました。
その時、気になるのがご自分のサイト指定がどうなっているかくらでしょうか。。
ふわっとした回答で申し訳ありませんがご検討ください。
ご丁寧にありがとうございます。再度、挑戦してみますが、Windowsの突然始まるシステムの更新後にこの様になりました。何か関係あるのかもしれません。
返信削除話は変わりますが柿門さんの質問で思い当たる事があります。テーマには作ったページは殆ど表示されます。但しgoogleにインデックス登録されない物はサイトマップには表示されないみたいです。一度登録されても取り消しになると表示されません。
これを調べようとかなと思っていたのですが。
ありがとございます!興味深いですね。
削除コンソール側の登録状況がBrogger側が検出できるとは思えないので
登録しているsitmapの原因かなと・・例えばですが、
もしかして記事が150を超えているというのはないでしょうか?Broggerのsitmapは150記事以上はインデクスになるそうです。私は念のためインデックスの状態もコンソールに登録しています。
sitemap.xml?page=1 新しいのが2,3という風になるようです。
ご存じでしたらすみません。
今のところこの辺もあるのかな?という感じの回答ですがご検討いただければと思います。
ご丁寧にありがとうございます。
返信削除サイトマップが150増えると1,2,3・・・と分けられていくというのは初めて知りました。私のはまるっきり表示されなくなっています。
それと、サーチコンソールは当初から登録してあります。
私のブログはあと2個あります。2個とも30記事前後ですが、同じ様にサイトマップは表示されません。最初に提示したブログは現在430記事を超えています。何しろ家庭菜園の物ですから日記帳で、どんどん増えて行きます。それで、今年になってから3ブログに分け、完璧な日記帳の物は随分削除しています。サイトマップが表示されていた頃に全てが表示されないので調べたところgoogleにインデックス登録されていませんでした。
今日調べたところ、サイトマップにはサイドバーの物が表示されているのが分かりました。サイドバーのurlとぶつかっているのかな。
お忙しいところ、こんな質問で申し訳ありません。
お騒がせしましたが解決しました。
返信削除色々と検索しているうちに同じ様なサイトマップを紹介してくれるブログと出会いました。
入れ方は同じです。やはり自分のブログのアドレスを入れ替えるのが難点でしたが、何とか入力出来ました。
有難うございました。
改善したとことよかったです!あまりお力になれませんでしたがまた何かあればコメントください!
削除