THOR」へ変更しました。その理由は..HOME記事一覧カスタマイズストークWPテーマ「STORK」カスタマイズ!サイトマップを美しく表示させる方法WPテーマ「STORK」カスタマイズ!サイトマップを美しく表示させる方法2018年3月11日2019年11月19日ストークカスタマイズストークここあです。あなたのオウンドメディアをWordPressで構築しWebサイトやブログを公開したらやはり目指すはサイトの収益化です。オウンドメディアを収益化するにはあなたがまとめた記事やWebページをできるだけ多くの人に見てもらう必要があります。オウンドメディアを運営し始めたばかりの頃はコンテンツ数も少なくサイト訪問者にとっても興味のあるコンテンツを探すのにそれほどストレスを感じることはないはずです。サイト運営が長くなるにつれて...ブログの記事数Webサイトページといったコンテンツの数が増えてくると...サイト訪問者であるユーザーが興味のあるコンテンツをわざわざ探さなければならないという非常にストレスのかかる状態になってしまいます。そんな時に、サイト全体の構成を一目で確認できるサイトマップページがあると...ユーザーは迷うことなく興味のあるコンテンツだけにアクセスすることができます。サイトマップページがあるとサイト訪問者のユーザビリティ(利便性)が上がるんですね。サイトマップページを作ることでユーザービリティが上がる一方あなたがコンテンツを公開する度にサイトマップをイチイチ更新するのは非常に手間で非効率な作業となってしまいます。Sitemapというプラグインです。WordPressにはこのように後から便利な機能を追加できるプラグインという拡張機能が備わっています。Sitemapを使ってあなたのサイトマップを作成しておけばユーザビリティが向上し、アクセス数の増加にも期待できます。WordPressでオウンドメディアを構築しある程度、記事数やWEBページが増えてきたら...ユーザビリティ(利便性)を上げるためあなたのコンテンツをたくさん見てもらうため必ずサイトマップを作成しましょう。Sitemapの導入方法について詳しく解説していきます。サイトマップを美しく表示させる方法まとめサイトマップとは?先にサイトマップについて簡単に説明しておきますね。サイトマップには大きく分けて2種類あります。HTMLサイトマップXMLサイトマップ❶HTMLサイトマップ(ユーザー向けのサイトマップ)HTMLサイトマップは、あなたのサイト訪問者がサイト上にあるコンテンツを見つけやすくなるために一覧表示するものです。SitemapはこちらのHTMLサイトマップに当たります。❷XMLサイトマップ(検索エンジン向けのサイトマップ)XMLサイトマップは、HTMLサイトマップとは異なり検索エンジンがあなたのサイト構成を正しく認識するためのサイトマップとなります。Sitemapsもぜひ導入してくださいね。Sitemapの導入メリットは...以下の2つです。ユーザビリティが上がるサイトマップを自動生成してくれる❶ユーザビリティが上がる以下のような...記事数が多いサイトカテゴリーが煩雑なサイトなどは、ユーザーがお目当ての記事を見つけにくくユーザーの離脱率が高くなってしまいます。Sitemapを導入することでサイト内の記事が一覧表示でき、過去記事も含めサイト訪問者がお目当ての記事を見つけやすくなるためサイト訪問者の離脱率が低下するサイト内の回遊率が上がるといったSEO効果にも期待できます。Sitemapは新着記事などサイト内の記事を一覧表示してくれるサイトマップページで自動的にサイトマップを生成してくれます。あなたが手動でサイトマップを更新する手間もなくサイトの更新に合わせ随時サイトマップも更新されるのでわざわざサイトマップをメンテナンスする必要もありません。Sitemapの具体的な導入手順を説明します。プラグインを導入したことがないという場合は先にこちらの記事を参考にしてください。Sitemapがあなたのサイトにインストールされているのを前提でまとめています。Sitemapの導入がまだという場合は先にプラグインをインストールしてから進めてくださいね。Sitemapでサイトマップを作る場合は固定ページを用意しておくと便利です。いうことで、まずは固定ページでサイトマップページを作成をしましょう。新規追加をクリックします。新規固定ページを開いたらページタイトルを入力してください。タイトルはできるだけ分かりやすく付けましょう。...サイトマップ目次CONTENTSなどこうしておけば、ユーザーにも親切です。ページタイトルが入力できたら、一旦下書き保存してパーマリンクの設定を行います。パーマリンクを設定する場合は検索エンジン用のXMLサイトマップとパーマリンクがバッティングするリスクを避けるためにHTMLサイトマップのパーマリンクはシンプルにsitemapとしないようにしてください。パーマリンクはあなたが分かりやすい名前で構いませんが必ず一工夫入れるようにしておく方が安心です。ここのパーマリンク設定がシンプルにsitemapとなっていると、検索エンジン用のサイトマップ「XMLサイトマップ」のURLとバッティングして正常に認識されない可能性があります。パーマリンク名は単純に「sitemap」とするのではなく、「ps-sitemap」など、一工夫しておく方が安全です。-->を貼り付けてください。Sitemapのコードの貼り付けは、必ずテキスト編集モードで行ってください。ビジュアル編集モードでコードを貼り付けると反映されません。Sitemapのコードはプラグインからコピーして直接貼り付けてください。※コピーしたコードを一旦、ワードなどのソフトにコピーすると正常に動作しなくなる可能性があります。Sitemapの出力コードだけで正常に表示されるようになっています。Sitemapの出力コードが貼り付けできたらそのまま公開ボタンをクリックし、固定ページを公開します。固定ページのサイトマップが公開できたらサイトマップページのURLにある以下の?post=●●●にあるID番号(赤枠の部分)をメモしてください。ここのID番号をサイトマップページではなく、記事投稿ページのID番号と勘違えるとサイトマップが表示されないので気を付けましょう。わたしの場合は、781ですがあなたの番号は違います。Sitemapのプラグインに設定します。sitemapのプラグイン設定画面に移動しましょう。Sitemapの設定画面に移動したらサイトマップを表示する記事の空欄に先ほどあなたが控えたサイトマップページのID番号を入力してください。ここのID番号は人それぞれで異なります。入力の際には、必ず先ほどお伝えした?post=●●●の記事ID番号を入力してください。ID番号が入力できたら、最後に変更を保存をクリックして設定を保存すれば、サイトマップの設置は完了です。SitemapにID番号を入力し、設定が完了したら実際にサイトマップページを開き、あなたのサイトマップが正しく表示されているか確認してください。無事にサイトマップが表示されていたら完璧です。Sitemapで表示されるサイトマップのデザインは全部で14種類あります。Sitemapの設定画面に入れます。下の方にあるスタイルの変更という部分からプルダウンメニューでサイトマップのデザイン表示を切り替えることが可能です。デザインのバリエーション全14種類もここで紹介しておきますのであなたのお気に入りのデザインを設定してみてくださいね。矢印ビジネス索引アーバンアンダーコアキューブ以上、これらが全14種類のサイトマップデザインになります。Sitemapと相性の悪いSTORK!ここからはWordPressテーマSTORKを使われている方のみへの補足事項です。わたしの今のサイトマップのデザインがこれです(索引)私はサイトマップのデザインをCSSコードを追加して修正したのでこのようにキレイに表示されています。Sitemapを反映しただけの状態というのはこんな感じになってしまうんですね...^^;これではさすがのサイト訪問者もサイトマップをじっくり見ようとは思わなくなりそうなので...私はこのままでは使いたくないと思いCSSコードを編集して、この無意味な青い丸とアンダーラインを消してスッキリさせました。サイトマップを作りこれら余計なオブジェクトが視覚的に気になるという場合はCSSコードを追加して表示させないようにしてくださいね。カスタマイズをクリックし追加CSSのCSS編集コードの部分に以下のコードをコピペして貼り付けます。none;}私はこれらを両方追加してそれぞれが表示されないように編集しました。CSSコードについての詳しい説明は省きますがもしもあなたがSTORKを使っていてサイトマップを美しく表示させたい場合は上記2つのコードを足してみてくださいね。Sitemapは最初にもお伝えした通りHTMLのサイトマップを作成しサイト訪問者がWebサイトの全体像を掴めるユーザビリティをとても良くするプラグインです。サイトマップがあることで、最近書いた記事のみならずずっと以前に書いた古い記事も訪問者に読んでもらえるというのがサイトマップを作成する大きなメリットでもあります。サイトマップを用意してもWordPressのテーマによってはSTORKのようにプログラミングコードが重複し表示上のバグが出ることもあります。今回は簡単なCSSコードを追加するだけで不要な表示を消すことができましたがバグ表示も気にせずそのまま表示させておくことはあなたが気にならなくてもサイト訪問者が気になる場合も多いにあるワケです。その逆もしかりなので必ずしも修正や、デザインのブラッシュアップが必要か?というと100%必要とは言い切れません。あなたがどんなサイトを運営しようとデザインの細部に無頓着な人の記事というのは記事の信憑性自体も疑われる可能性もあります。訪問者にサイトデザインを見て「この人いい加減そう」と思われたら...「この記事も適当だろう」と思われる可能性すらあるんですね^^;なので...サイト訪問者のユーザビリティを上げるサイトマップも美しく表示させるこれらをちゃんとすることであなたのサイトに対する訪問者の信用度も変わります。Sitemapを導入したらぜひデザインの方もCSSを加えて美しく表示させてくださいね。サイト訪問者のユーザビリティを良くすることはオウンドメディアの運営においてはとても大事なことです。一流の開発陣によって集客と収益に徹底的にこだわり開発された究極のテーマ「ザ・トール」。セミナーの評価と感想!次へ2018年3月14日アフィリエイトを副業で安全にする方法を調べてみた!この記事を書いた人ここあデザイン制作プロダクションを転々としながら、20年間勤務して2017年に独立。現在はネットとグラフィックデザインのスキルを活かし幅広い分野で活動中。己を磨き誠実に対応すれば、仕事や人脈、そして人生までも大きく変えることができる「ネットビジネスの素晴らしさ」、そして会社に頼らず「自分らしく生きる方法」をこのブログを通じて発信しています。詳しいプロフィールはこちら人脈が成功への最短ルート!私がMonologueを勧める理由WordPress設置代行始めました!※設置代行はメルマガ読者限定です。THORSTORKここあデザイン制作プロダクションを転々としながら、20年間勤務して2017年に独立。現在はネットとグラフィックデザインのスキルを活かし幅広い分野で活動中。己を磨き誠実に対応すれば、仕事や人脈、そして人生までも大きく変えることができる「ネットビジネスの素晴らしさ」、そして会社に頼らず「自分らしく生きる方法」をこのブログを通じて発信しています。●20年サラリーマンをしてきてなぜ今になって脱サラしたのか?●安定を求めれば求めるほど不安定になる理由とは?●いくら知識があっても、あなたが絶対に成功できない理由など、無料メール講座本編では、決して表には出せない秘匿性の高い情報もたくさん提供していきます。※この無料メール講座は、私が有料セミナーで直接成功者たちから聞いた内容も多数含まれているため、予告なく募集を終了する可能性があります。印刷会社と取引がある制作プロダクションで様々な経験や実績を積み、2017年に独立。現在は、グラフィックデザインを生かしたWebデザインのビジネスを展開しながら、ネットを生かした情婦発信を行い、新しい働き方や楽しい人生の過ごし方についてもお伝えしています。