この投稿を編集するHTMLサイトマップは、文字通りサイト(ブログ)の案内図のような働きを持っています。ブログを訪問したユーザーが、興味のある記事を見つけられるようにブログ記事の一覧をリストで表示するのがサイトマップの基本機能です。Blogger101では、BLOGGERLABというサイトが提供するBlogger向けのHTMLサイトマップ作成方法を紹介する記事を投稿しています。(本ブログのサイトマップでも使用しています。)BLOGGERLABのサイトマップは、新しい投稿から順番に全てのブログ記事を一覧で表示して、各記事のラベル欄をクリックすると、ラベル毎にまとめて表示する仕様となっています。記事数の多いBloggerブログの場合、サイトマップでラベル単位に記事がリスト表示されていると、ユーザーが興味のあるラベルから記事を探しやすい利点があると思います。どの様なサイトマップの表示形式が良いかは、ユーザーにもよると思います。サイトの記事構成、ラベル分類の仕方、コンテンツの種類によっても適不適が異なると思います。本記事では、ラベル毎に記事をまとめて表示するHTMLサイトマップの作成、設置方法を紹介します。新記事には、"New!"が加えられます。記事から提供されるものです。HTMLサイトマップの作成手順です。サイトマップ用の新ページを作成するBloggerの管理メニューからページをクリックして、固定ページの作成編集ページ上部に表示される「新しいページ」のボタンを押します。固定ページの新規作成ページが表示されます。ページタイトルを入力し、左上のメニュー項目から「HTML」を押して、入力編集モードをHTMLに切り換えます。HTML生成コードを貼り付ける以下のコードをコピーし、新規作成したページのテキスト入力欄に貼り付けます。http://helplogger.blogspot.comを自分のブログのアドレスに変更します。(https://にしていれば、https://から入れ替えます。)サイトマップのカスタマイズ上のコードの上部の赤字部は、カテゴリーのタイトルの文字色とサイズです。お好みに併せて変更します。記事のリンクのテキストの色を変更したい場合は、橙色のコード部をお好みの色に変更します。サイトマップページのコメント入力を無効にするページ右側に表示されるページ設定の「オプション」をクリックして、「閲覧者のコメント」を許可しないを選択します。サイトマップのページにコメント欄は通常必要ありません。コメント欄を設けたい場合は、この作業は省きます。設定を確認の上、「公開」ボタンを押します。本記事で紹介した方法で作成したHTMLサイトマップを以下のリンクからご覧になれます。9:48大変参考になりました。本記事(カテゴリで区分したサイトマップページの作製)により、私のbloggerブログを改善できました。カテゴリーの設定は、複数よりも1語の方がまとまりがすっきりしてみやすいのも分かりました。本ページのHTMLタグをコピーしたら「タグが壊れている」というメーッセージで上手くいかず、参照元の「Helplogger」サイトのHTMLタグをコピーして正常に動作しました。参照元の方が追加修正されているようです。それから最終行の「src="http://」の部分は、「src="https://」と、「http」を「htts」にしないと受付ませんでした。bloggerはHTMLのタグの中に、httpがあるとエラーメッセージを出して警告する仕様になっているようです。9:49コメントありがとうございます。コメントシステムの不具合なのかコメントを下さって承認待ちとなった状態で残っていたことに今頃になって気づきました。深くお詫び申し上げます。タグが壊れているとのこと、不具合もあり、本当にすみませんでした。お詫びを先に申し上げます。11:51コードの方を修正致しました。ご指摘、ありがとうございます。コメントを追加もっと読み込む...コメントは承認後、表示されます。BloggingLifeJP関連記事とスポンサーリンク関連サイトサイト運営に関する幅広い話題を取り扱っています。Bloggerを利用してAMPをサポートする情報などを発信します。以前と比べて、Blogger関連の記事への検索経由のアクセスが増えてきています。増えていると言っても、以前と比べて少し多い程度なのですが、TwitterなどでBlogger関連の話題を目にすることもあり、Bloggerへの関心が高まっているような印象を持っています。Cardsを設定する方法Bloggerは、基本機能がしっかりしています。無料ブログでありながら、カスタマイズも柔軟に行うことができ、機能拡張することができます。AdSenseに追加された最新の広告自動表示機能です。自動広告は、ページ単位の広告の機能を大幅に拡充し、主要な広告フォーマットを全てサポートしています。自動広告について詳しく...Bloggerのデータ利用容量の制限、上限はある?Bloggerのヘルプには、Bloggerのデータ利用容量や作成するアカウントの数の上限などは明記されていません。関連した事柄についてのQ&Aは、公式フォーラムには掲載されています。企画したテキストファイルの仕様です。ads.txtの基本的なコンセプトは、robots.txtに似ています。ブログにHTMLサイトマップを設置する方法サイトマップは、大きく分けるとXMLサイトマップとHTMLサイトマップサイトマップの2種類があります。XMLサイトマップは、検索エンジンにサイトのページの更新情報を伝えるなどの役割を持っています。ユーザーが書かれている内容の概要を素早く把握でき、理解する手助けとなります。ボリュームのある記事の冒頭に目次があると更にユーザーの利便性が向上します。ブログの投稿記事の著者名やコメントの投稿者名をクリックするとユーザープロフィールページが表示されます。プロフィールページに紹介文やその他の情報を記載すると訪問したユーザーに付加情報を提供することができます。Consoleに送信する方法Bloggerは、無料のブログサービスでもSEO機能が充実しているのが特徴です。Googleの提供するブログサービスと思うことが多々あります。Googleのプロダクトだから検索で優遇されるということはありません。コメントの設定と管理Bloggerは、ブログに必要とされる重要な機能が充実しているのが特徴の1つです。Bloggerのコメントシステムでは、スパムコメントの防止に極めて有効な認証システムreCAPTCHAを標準で組み込むことができます。ブログに適したラベルでまとめるHTMLサイトマップの作成方法HTMLサイトマップは、文字通りサイト(ブログ)の案内図のような働きを持っています。ブログを訪問したユーザーが、興味のある記事を見つけられるようにブログ記事の一覧をリストで表示するのがサイトマップの基本機能です。本記事では、ラベル毎に記事をまとめて表示するHTMLサイトマップの作成、設置方法を紹介します。お探しのページが見つかりませんでした。目次タイプ入力して下さい。