本サイトは記事内に広告を含みます

5分でできるHTMLサイトマップのつくり方| PS Auto Sitemap

こんにちは~もかです!
@mama-asobitai

PVアクセスランキング にほんブログ村

本記事では、5分で出来る「HTMLサイトマップ」のつくり方をご紹介します

HTMLサイトマップとは、サイトを訪れた読者の方向けにサイト内のカテゴリーにどのような内容の記事があるのかを視覚的にわかりやすくするページのことです
簡単にあらわすと、サイトを1冊の本とした場合の目次のようなものです

この記事でわかること
  • HTMLサイトマップのつくり方
  • \⇩このサイトのサイトマップを見てみる⇩/
    サイトマップ

    サイトマップを自動生成するプラグインの導入|PS Auto Sitemap

    プラグインの検索|PS Auto Sitemap

    まずはワードプレスのダッシュボードから「プラグイン」→「新規追加」を選択

    右上の検索窓から「PS Auto Sitemap」を検索

    \⇩トリプルクリック+「ctrl+C」でコピー⇩/

    PS Auto Sitemap

    HTMLサイトマップの作り方
サイトマップ作成方法
プラグイン
PS Auto Sitemap
    プラグインの有効化|PS Auto Sitemap

    プラグインをインストールしましたら、「有効」をクリックして設定画面へ

    HTMLサイトマップの作り方
サイトマップ作成方法
プラグイン
PS Auto Sitemap
    「PS Auto Sitemap」の設定画面からコードをコピーする

    まずは、サイトマップページを作るために、PS Auto Sitemapの設定画面を開きます

    ここでは、一番下のコードだけをコピーするのが目的です

    \⇩トリプルクリック+「ctrl+C」でコピー⇩/

    <!-- SITEMAP CONTENT REPLACE POINT -->
    HTMLサイトマップの作り方
サイトマップ作成方法
プラグイン
PS Auto Sitemap
    ワードプレスの固定ページを作成する

    ワードプレスのダッシュボードから「固定ページ」→「新規追加」を選択

    タイトルは「サイトマップ」などでOK

    本文中に「カスタムHTML」ブロックを追加する

    HTMLサイトマップの作り方
サイトマップ作成方法
プラグイン
PS Auto Sitemap
    「カスタムHTML」ブロックを本文中に追加する
    「カスタムHTML」ブロックにコピーしたコードを貼り付ける
    HTMLサイトマップの作り方
サイトマップ作成方法
プラグイン
PS Auto Sitemap
    パーマリンク&アイキャッチ画像の設定を終えたら記事を「公開」する

    パーマリンクとアイキャッチ画像の設定を終えたら、記事をひとまず公開します

    パーマリンクやアイキャッチ画像はあとから変更も可能です

    HTMLサイトマップの作り方
サイトマップ作成方法
プラグイン
PS Auto Sitemap
    サイトマップページの「投稿ID」を確認する

    ワードプレスのダッシュボードから「固定ページ」→「固定ページ一覧」を選択する

    先ほど作成したページのタイトルにマウスのカーソルを合わせる

    左下に表示されるURLの「post=〇〇〇」の〇〇〇の数値をメモに取って覚えておく

    ※post=〇〇〇とは、投稿IDのことです。ブログ内の記事を公開すると、自動でID(2桁~4桁)が振り分けられる仕組みです

    HTMLサイトマップの作り方
サイトマップ作成方法
プラグイン
PS Auto Sitemap
    「PS Auto Sitemap」の設定をする

    ここでイチバン重要な設定は「サイトマップを表示する記事」の入力欄に先ほどメモしておいた「投稿ID」を入力すること

    ここさえ入力しておけば、あとの項目は特に気にしなくとも大丈夫です

    「スタイルの変更」は好みのスタイルを探してみてください😊

    最後に左下の「変更を保存」で完了です

    HTMLサイトマップの作り方
サイトマップ作成方法
プラグイン
PS Auto Sitemap
    完成!
    HTMLサイトマップの作り方
サイトマップ作成方法
プラグイン
PS Auto Sitemap
    自動生成されたサイトマップ

    \⇩このサイトのサイトマップを見てみる⇩/
    サイトマップ

    HTMLサイトマップは必要か?

    一言で言えば、HTMLサイトマップは特に必要はありません

    スマホでサイトマップを見てみても、文字だらけになってしまってどうしても見づらいページになってしまいます

    パソコンでサイトマップを見る場合は、画面が大きいのである程度は見やすくなります

    そもそも、そのサイトによほどの興味がない限りは、サイトマップまで見に行くことがないものです

    そのため、サイトマップを作成したことでPVが伸びたりすることに過度な期待はしないようにしましょう

    記事数が溜まってきて、内部リンクを貼るときの管理用として作っておくと、ブログ運営がはかどることは間違いありません

    \⇩ブログ関連記事一覧⇩/

    コメントを残す

    メールアドレスが公開されることはありません。 が付いている欄は必須項目です