WordPressのサイトマップ

前回の続きです。

３，サイトマップを考える。

これは二通り用意しなければなりません。
ＳＥＯ用の「ロボット用」と見やすくするための「人間用」です。

・ＸＭＬ　Ｓｉｔｅｍａｐ　Ｇｅｎｅｒａｔｏｒ　（ロボット用）

sitemap.xmlファイルとsitemap.xml.gzファイルをワードプレスをインストールした
フォルダの直下へアップロードします。
そしてXML　Sitemap　Generatorをインストールして有効化します。
これをすることで記事を投稿する毎にサイトマップのリストに追加され
そのサイトマップをロボットが見に来てくれるというわけです。
グーグルのウェブマスターツールへのアップロードも併用すると効果があるようです。

ＤＬ先
XML　Sitemap　Generator
日本語化

・ＰＳ　Ａｕｔｏ　Ｓｉｔｅｍａｐ　（人間用）

上のサイトマップはあくまで検索エンジンロボットが検索しやすいために使用します。
PS　Auto　Sitemapは人間用でブログの記事をアップする毎にカテゴリにわけて
階層表示してくれます。手順は

１、PS　Auto　Sitemapをpluginsフォルダへアップロードして有効化。
２、page.phpファイルを作成してthemesフォルダ以下に作った自分のフォルダへ設置。
３、ダッシュボードから固定ページの設定で
PS　Auto　Sitemap のコードを入力して投稿。

page.phpファイルのコードはこんな感じ

<?php /* ▼ここからループです */ ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<h3>店長奮闘日記</h3><br />
<?php /* ▼記事本文を表示させます */ ?>
<?php the_content(); ?>
<?php endwhile; ?>
<?php else : ?>
<?php /* ▼記事が無い場合はこれが表示されます */ ?>
　　　　　		記事はありません
<?php endif; ?>
<?php /* ▲ここまでがループです */ ?>

固定ページへの記入タグは

<!-- SITEMAP CONTENT REPLACE POINT -->

この時にパーマリンクに「sitemaps」などを入れておくとURLが
http://ecomarunet.com/blog/sitemapsのようになりすっきりします。

そしてちょっと拘ってデザインを弄ってみました。
PS　Auto　Sitemap の設定で「シンプル」を選択して
plugins/ps-auto-sitemap/css/ps_auto_sitemap_simple.cssを

 @charset "utf-8";
/* CSS Document */

#sitemap_list {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	margin-left: 20px;
}

#sitemap_list a {
	text-decoration: none;
}

#sitemap_list li {
	list-style-type: none;
	background: url(../images/cube/icon_package.gif) no-repeat 0 0.5em;
	font-size: 14px;
	margin-left: 10px;
	padding: 5px 0 0 20px;
}

#sitemap_list li ul {
	margin: 0;
	padding: 5px 0 0 0;
}

#sitemap_list li li {
	font-size: 14px;
	font-weight: normal;
	background: url(../images/business/ico_lv2.png) no-repeat 0 0.5em;
	margin: 0 0 3px 15px;
	padding: 0 0 0 15px;
}

#sitemap_list li li li {
	background: url(../images/business/ico_lower_lv.png) no-repeat 0 0.5em;
}

#sitemap_list .posts_in_category {
	position: absolute;
	padding-left: 10px;
}

#sitemap_list .posts_in_category a {
	background: url(../images/business/ico_lower_lv.png) no-repeat center;
	text-indent: -9999px;
	display: block;
	width: 1.2em;
	height: 1.2em;
	border: solid 1px #ccc;
}

このように変更すれば

ご覧の通りかなりいけてるでしょ？＾＾

ＤＬ先
PS　Auto　Sitemap

デフォルトのデザインでも十分なのですがね。＾＾；
続きは次回に続きます。

ひたすら独り言！

ひたすら独り言を書くよ。じゃましないでね。

WordPressのサイトマップ