当サイト使用テーマ:「SWELL」を見てみる >>

WordPressでHTMLサイトマップを作成する2つの方法【画像付き徹底解説】

URLをコピーする
URLをコピーしました!
  • HTMLサイトマップ(読者向け)の作り方を知りたい
  • 手動とプラグインでやる方法があるって聞いたけど自分におすすめなのは?
  • 画像つきで手取り足取り教えてほしい

読者向けにサイトマップを作成することはSEOにいい影響をもたらします。
利便性が上がることで、読者満足度や回遊率が向上するからです。

この記事ではHTMLサイトマップの作成方法(2種類)を画像つきでわかりやすく解説しています。

サイトマップがSEOにもたらす効果を詳しく知りたい方は以下の記事をご覧ください。

この記事でわかること
  • HTMLサイトマップの2つの作成方法
  • サイトマップ作成後にやるべき1つのこと

この記事はWordPress使用者向けに解説しています。

はてなブログを使用している方は以下の記事が参考になります。


はてなブログでHTMLサイトマップ(ユーザー向け)を手動作成(外部リンク

この記事を読めば、だれでも簡単にHTMLサイトマップを作成できるようになります。
(合わせて自分におすすめの作成方法もわかります。)

2つの作成方法
  • 手動で作成する方法
    ページ表示速度を落としたくない人向け
  • プラグインを使用する方法
    面倒な管理なしでサイトマップを作りたい人向け

下のボタンからお好きな方へ↓

しばゆー

読者のためにもHTMLサイトマップを作っておきましょう!

記事の内容

【手動】HTMLサイトマップの作成方法

作成ステップ
  1. 固定ページの作成
  2. カテゴリ等で見出しを作り記事タイトルを貼り付け
  3. タイトルに記事URLをリンク
  4. アドセンス広告を非表示

手動によるHTMLサイトマップ作成のメリット・デメリットは以下のとおりです。

ページ読み込みスピードが落ちない

少々手入れが大変

しばゆー

ページ表示速度を落としたくない方にオススメです!

①固定ページの作成

はじめに固定ページを作成しましょう。

ここで作成する固定ページがサイトマップになります。

(1)固定ページを「新規追加」

WordPressの管理画面で「固定ページタブ」内「新規追加」をクリックしてください。

(2)タイトルを「サイトマップ」にする。

(3)パーマリンクを英語表記に変える。

編集画面右側の「投稿タブ」内「パーマリンク」で変更できます。

②カテゴリ等で見出しを作り記事タイトルを貼り付け

(1)カテゴリをH2に、カテゴリの中の小さなトピックをH3に設定する。

  (トピックが多い場合はH4を使っても大丈夫です。)

(2)記事タイトルをコピーして貼り付ける。

記事タイトルは記事編集画面や実際の記事内からコピーしてきて貼り付ければOKです。

記事タイトルが長ければ、不要な部分を短くすることも可です。

スッキリして読者が見やすいサイトマップになります。

要点は残して変更しましょう。

【SEO初心者】ブログにおける見出しの書き方|4つの基本ルールとNG行動

見出しの書き方|4つの基本ルールとNG行動

③タイトルに記事URLをリンク

(1)貼り付けた記事タイトルに記事URLをリンクする。

URLは実際の記事からコピーして貼り付けてください。

(編集画面からURLを取得すると管理画面のURLを開いてしまいます。)

④アドセンス広告を非表示に

(1)「この記事で広告を表示しない」にチェック。

記事の編集画面右側の「固定ページタブ」内「この記事で広告を表示しない」にチェックしましょう。

以上でHTMLサイトマップが完成となります。(以下完成イメージ)

sさサイトマップ

【プラグイン】HTMLサイトマップの作成方法

作成ステップ
  1. 「PS Auto Sitemap」をインストール・有効化
  2. 固定ページを作成しカスタムHTMLを貼り付ける
  3. 「PS Auto Sitemap」の詳細設定
  4. カテゴリの順番を整える

プラグインによるHTMLサイトマップ作成のメリット・デメリットは以下のとおりです。

自動化できて記事更新時に手間がかからない

ページ読み込みスピードが落ちる

しばゆー

面倒な管理なしでサイトマップを作りたい方にオススメです!

①「PS Auto Sitemap」をインストール・有効化

(1)プラグイン追加画面で「PS Auto Sitemap」を検索

PS Auto Sitemap

上記をコピーして検索タブに貼り付けてください。

(2)「PS Auto Sitemap」をインストール・有効化

画像のプラグインですので間違えないようにしてください。

②固定ページを作成しカスタムHTMLを貼り付ける

次に固定ページを作成しましょう。

ここで作成する固定ページがサイトマップになります。

(1)固定ページを「新規追加」

WordPressの管理画面で「固定ページタブ」内「新規追加」をクリックしてください。

(2)タイトルを「サイトマップ」にする。

(3)作成した固定ページにカスタムHTMLを貼り付ける。

記事投稿画面で「/html(半角スラッシュ+HTML)」と入力してください。

コード入力タブが表示されるため、以下のコードを入力してください。(コピペでOKです。)

※「” “(ダブルクオーテーション)」は削除してください。

<!-“-“ SITEMAP CONTENT REPLACE POINT “-“->

(4)パーマリンクを英語表記に変える。

編集画面右側の「投稿タブ」内「パーマリンク」で変更できます。

③「PS Auto Sitemap」の設定

(1)「PS Auto Sitemap」設定ページに移動する。

WordPress管理画面の「設定タブ」内「PS Auto Sitemap」をクリックしてください。

(2)「PS Auto Sitemap」の詳細設定を行う。

下の画像のとおりに設定をしてください。

入力に困りやすい以下のポイントについて解説します。

  • サイトマップを表示する記事
  • 除外記事・除外カテゴリ

サイトマップを表示する記事

「サイトマップを表示する記事」には、先程作成した固定ページ(サイトマップ)の記事IDを入力します。

記事IDは、記事編集画面上部のURL内で確認できます。 

「post=」の後ろの数字をコピーしてください。

コピーしたIDを以下の通り入力すればOKです。

【除外記事・除外カテゴリ】

WordPress管理画面の「投稿タブ」で「記事一覧」または「カテゴリー」を選択します。

<記事IDの確認方法

記事IDは以下画像の赤枠部に表示されています。

表示したくない記事の記事IDをコピーし、

「PS Auto Sitemap」の設定画面に貼り付けてください。(複数の場合は「,」で区切る)

<カテゴリーIDの確認方法

カテゴリーIDは以下画像の赤枠部に表示されます。

表示したくないカテゴリーのカテゴリーIDをコピーし、

「PS Auto Sitemap」の設定画面に貼り付けてください。(複数の場合は「,」で区切る)

④カテゴリの順番を整える

ここまででサイトマップは完成しましたが、

このままではカテゴリIDが若い順に記事が並んでしまいます。

サイトマップに表示される順番を変更したいときは、追加でプラグインを入れることで解決できます。

(1)プラグイン追加画面で「Category Order and Taxonomy Terms Order」を検索

Category Order and Taxonomy Terms Order

上記をコピーして検索タブに貼り付けてください。

(2)「Category Order and Taxonomy Terms Order」をインストール・有効化

画像のプラグインですので間違えないようにしてください。

(3)「Category Order and Taxonomy Terms Order」設定ページに移動する。

有効化したら「投稿タブ」内の「Taxonomy Order」をクリックします。

(4)ドラッグでカテゴリーの順番を入れ替える

ドラッグすることでカテゴリーの順番を入れ替えることが出来ます。

順番を入れ替えたら「更新ボタン」をクリックしてください。

更新ボタンを押してサイトマップに戻ってみると、カテゴリの順番が入れ替わっていることがわかると思います。(再読み込みしてくださいね)

(5)公開前に!「この記事で広告を表示しない」にチェック

記事の編集画面右側の「固定ページタブ」内「この記事で広告を表示しない」にチェックしましょう。

以上でHTMLサイトマップが完成となります。(以下完成イメージ)

サイトマップ

サイトマップはどのページからでもアクセス可能にする

HTMLサイトマップはどのページからでもアクセスできる場所に設定してください。

読者が見つけづらくては、せっかく作成しても意味がないからです。

オススメはグローバルナビゲーションに設定することです。(以下イメージ)

グローバルナビゲーションにサイトマップを登録する手順は以下のとおり。

(JINの場合を解説しますが、どのテーマでもそこまで変わりません。)

(1)「メニュー」設定画面を開く

WordPress管理画面から「外観タブ」内「メニュー」をクリックしてください。

(2)グローバルナビゲーションを選択

(3)「サイトマップ」を「グローバルナビゲーション」に追加

「サイトマップ」チェック、「メニューに追加」ボタンをクリックしてください。

「メニューを保存」ボタンを押したら設定完了です。(以下完成イメージ)

まとめ|HTMLサイトマップの作成方法は2種類

この記事ではHTMLサイトマップの2つの作成方法を解説しました。

手動で作成する方法

【こんなひとにおすすめ!】
 ページ表示速度を落としたくない人

【作成ステップ】

  1. 固定ページの作成
  2. カテゴリ等で見出しを作り記事タイトルを貼り付け
  3. タイトルに記事URLをリンク
  4. アドセンス広告を非表示
プラグインで作成する方法

【こんなひとにおすすめ!】
 面倒な管理なしでサイトマップを作りたい人

【作成ステップ】

  1. 「PS Auto Sitemap」をインストール・有効化
  2. 固定ページを作成しカスタムHTMLを貼り付ける
  3. 「PS Auto Sitemap」の詳細設定
  4. カテゴリの順番を整える
設置時の注意ポイント

サイトマップはどのページからでもアクセス可能にする

しばゆー

サイトマップで読者の利便性アップ=SEO評価アップ!

Designed by freepik.com

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
URLをコピーする
URLをコピーしました!

コメント

コメントする

CAPTCHA


記事の内容
閉じる