以前の記事で複数ブログを MTプラグインのMlutiBlogを使って構成する方法をご紹介しましたが実際に僕も当サイトでご紹介した方法を使用しての別サイトをマルチブログで運用しています。

前回紹介したMoable Type のテンプレートを作ってサイトマップを作成する方法では複数ブログサイトではサイトマップが複数作成する事になってしまいます。

複数のサイトマップがあってもかまわないのですが 1つのサイトとして構成運用している場合サイトマップは1つの方がすっきりしていて良いのではないかと思います。

Moable Type のドキュメントを読んでみる - Multiblog

Moable Type の公式ドキュメントの中の MultiBlog ページを読んでみると以下の記載があります。

MTMultiBlog

システムで管理している複数のブログの情報を表示します。モディファイアを利用して対象のブログを選択したり、表示の方法を設定できます。

MTMultiBlog ブロックタグを使って対象のブログの情報を選択表示する

MTMultiBlog タグを使って対象のブログ情報をまとめて選択表示します

ブログを指定するモデファイアは

include_blogs="　　" 　を使います

表示の仕方を決めるモデファイアは

mode="　　"  を使います

ブログID:3とID:4をブログ毎に並べて出力する場合の書式

例えばブログID:3とID:4をブログ毎に並べて出力する場合の書式は以下のように記述します。

<MTMultiBlog mode="loop" include_blogs="3,4">
      ↑
この間に取得したい URL のテンプレートタグを記述します
      ↓
</MTMultiBlog>

複数ブログをまとめたサイトマップを出力するテンプレート

前回作成したサイトマッププロトコルに基づいたサイトマップを出力させるテンプレートに MltiBlog を追加して複数ブログ対応にしてみます。

リストが長くなるので 今回は メインページと ブログ記事(個別エントリー)、アーカイブインデックスの3種類のみ入れています。

ご自身のサイトの構成にあわせてカテゴリー等を追加してください。

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="ttp://www.sitemaps.org/schemas/sitemap/0.9">

<MTIgnore>【ここに <MTMultiBlog>を挿入します】</MTIgnore>
<MTMultiBlog mode="loop" include_blogs="3,4">

<url>
<loc><$MTBlogURL encode_xml="1"$></loc>
<lastmod><$MTDate format="%Y-%m-%dT%H:%M:%S"$><$MTBlogTimezone$></lastmod>
<changefreq>daily</changefreq>
</url>
 
<MTIfArchiveTypeEnabled archive_type="Individual"> 
<MTSetVarBlock name="blogentrycount"><$MTBlogEntryCount$></MTSetVarBlock>
<MTEntries lastn="$blogentrycount">
<url>
<loc><$MTEntryPermalink encode_xml="1"$></loc>
<lastmod><$MTEntryModifiedDate format="%Y-%m-%dT%H:%M:%S"$><$MTBlogTimezone$></lastmod>
<priority>1.0</priority>
</url>
</MTEntries>
</MTIfArchiveTypeEnabled>
<url>
<loc><$MTLink template="アーカイブインデックス" encode_xml="1"$></loc>
<lastmod><$MTDate format="%Y-%m-%dT%H:%M:%S"$><$MTBlogTimezone$></lastmod>
</url>

<MTIgnore>【ここに </MTMultiBlog>を挿入します】</MTIgnore>
</MTMultiBlog>

</urlset>

テンプレートが完成したら 保存・再構築 します。

サイトのルートに sitemaps.xml が出力されていますのでFTPツールでダウンロードして内容を確認してみてください

必要に応じて再構築トリガーを設定する

この状態ではサイトマップ用のインデックステンプレートがある方のブログを更新した時しかサイトマップを出力しませんので サブのブログを更新した時は手動で再構築しなければなりません。

僕の場合はサブブログは更新頻度が低いので手動で行っておりますが必要ならば再構築トリガーを設定してサブブログ更新時も再構築を行うようにする事もできます。

以上で Moable Type のテンプレートを使用して サイトマッププロトコルに対応したサイトマップ（複数ブログ版）の紹介を終わります。

項目のヘルプには

使用するドメインとは、サイトのページをインデックスに登録する際に使用するドメインです。
使用するドメインを http://www.example.comと指定すると、http://example.com の形式のリンクが検出された場合、Google ではそのリンクを http://www.example.com として処理します。また、検索結果に表示する URL は設定に基づいて決まります。インデックスに変更が反映されるまで時間がかかることがあります。

と書いてあります。
いまいちわかりずらい記述ですね・・・

御一読されることをお勧めいたします。

運用するサイトが WWW有り無し両方で参照できる場合は注意

検索エンジンでは別サイトとして扱われる

運用するサイトが http://www.example.com(WWW有り) でも http://example.com(WWW無し)双方で同じコンテンツにアクセスできる場合は注意が必要です。

検索エンジンでは http://www.example.com(WWW有り)と  http://example.com(WWW無し)を別のサイトと扱いますので使用するドメインを設定しないと、Google では、ドメインに www を含むバージョンと www を含まないバージョンは、別のページへの異なる参照として処理されます。

双方は人にとっては同じで事であっても、検索エンジンにとってはまったく別のページとしての扱いになります。

この場合サイトの被リンクが双方に張られてい場合は分散してしまいますし、それよりも異なるURLで同じコンテンツを展開していることになっては、複製コンテンツとして検索エンジンにマークされてしまう危険があるのではないかと考えます。

WWW有りとWWW無しのどちらを優先的に使うかは任意お選びいただけたらと思います。

Googleウエブマスターツールで使用するドメインを設定する

Googleウエブマスターツールの「使用するドメイン」の項目では検索結果にサイトを表示させる時に優先的に使用するバージョンを指定する事が可能です。

使用するドメインの項目で どちらかのバージョンに設定しておきましょう。

Googleウエブマスターツールでの設定は検索エンジンが Google の場合に有効となります。

HTTP301リダイレクトを使用して WWWの有り無しを統一する

Googleウェブマスター/サイト所有者 ヘルプには以下の注意が・・

Googleウェブマスター/サイト所有者 ヘルプには以下の注意があります

注: 使用するドメインを設定した後、301 リダイレクトを使って使用しないドメインからトラフィックをリダイレクトできます。これにより、他の検索エンジンやユーザーはどのバージョンを使用するかがわかります。

Googleでは使用するドメインを設定した後は他の検索エンジンやユーザーに対しても同じバージョンが使用できるように 301リダイレクトを使ってバージョンを統一した方が良いと記載されています。

親切な注意だと思います

301リダイレクトでWWW有り無しバージョンの統一

301リダイレクトを使用してWWW有り無しバージョンを統一するには .htaccess ファイルに以下の記述を追加してサイトにアップロードします。

WWW有りのバージョンに統一する場合

Options +FollowSymLinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^example\.com
RewriteRule ^(.*)$ http://www.example.com/$1 [R=301,L]

WWW無しのバージョンに統一する場合

Options +FollowSymLinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^www.example\.com
RewriteRule ^(.*)$ http://example.com/$1 [R=301,L]

.htaccess の記述方法等については過去の以下の記事を参照してください
http://www.googrekas.com/2009/05/topic-181835.html

当サイトも WWW有りと無しで同じコンテンツにアクセスできますので  Googleウエブマスターツールの使用するドメイン設定と 301リダイレクト設定との両方で統一しています

もちろん、ナビゲーションツールバーのリンクは固定的に他方のブログのURLを直接指定してもかまわないのですが サイトを移転したり公開URLを変更するような事があってもリンクを生成できる様にする為 MultiBlog を使った方が良いと考えます。

さて、サイトにパンくずリスト（トピックパス）を装備している場合2つ目のブログへのリンクパスは一つ目のブログのHomeを起点としなくてはいけません。

今回はこのパンくずリスト（トピックパス）をカスタマイズする方法をご紹介します。

mt.Vicuna テンプレートのパンくずリストのカスタマイズ

ブログID:3 トピックスは変更はありません
以下のようになっています。

BlogID:3

<p class="topicPath">
 <a href="<MTMultiBlog include="3"><$MTBlogURL$></MTMultiBlog>" rel="nofollow">Home</a>
 <MTIf name="tempName" ne="index_mail">&gt;</MTIf>
 <a href="<$MTBlogURL$>" rel="nofollow">商品紹介</a>
 <MTIf name="tempName" ne="index_main">&gt;</MTIf>
 <MTIf name="tempName" eq="index_archive_datebased"><a href="<$MTLink template="アーカイブインデックス"$>">Archives</a> &gt;</MTIf>
 <MTIf name="tempName" eq="index_archive_category">
  <MTParentCategories glue=" | " exclude_current="1"><a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a> &gt;</MTParentCategories>
 </MTIf>
 <MTIf name="tempName" eq="individual_webpage">
  <MTParentFolders><$MTFolderLabel$> &gt; </MTParentFolders> 
 </MTIf>
 <MTIf name="tempName" like="mailForm">
  <MTIf name="tempName" ne="mailForm"><a href="<$MTLink template="mail_form:メールフォーム"$>" rel="nofollow">お問合せ</a> &gt;</MTIf>
 </MTIf>
 <MTIf name="tempName" like="entry|system_comment">
  <MTIfNonEmpty tag="MTEntryCategory">
   <MTEntryCategories glue=" | "><a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a> &gt;</MTEntryCategories>
  </MTIfNonEmpty>
  <MTIf name="tempName" like="system_comment">
   <a href="<MTEntryLink>"><$MTEntryTitle$></a> &gt;
  </MTIf>
 </MTIf>
 <MTIf name="tempName" ne="index_main">
  <span class="current"><$MTGetVar name="page_title"$></span>
 </MTIf>
</p>

ブログID:4 は ブログID:3の "Home" へのパスをたどるようにします。具体的には "Home"へのパスを <MTMultiBlog include="3">を使って記述します

Blog ID:4

<p class="topicPath">
 <a href="<MTMultiBlog include="3"><$MTBlogURL$></MTMultiBlog>" rel="nofollow">Home</a>
 <MTIf name="tempName" ne="index_mail">&gt;</MTIf>
 <a href="<$MTBlogURL$>" rel="nofollow">商品紹介</a>
 <MTIf name="tempName" ne="index_main">&gt;</MTIf>
 <MTIf name="tempName" eq="index_archive_datebased"><a href="<$MTLink template="アーカイブインデックス"$>">Archives</a> &gt;</MTIf>
 <MTIf name="tempName" eq="index_archive_category">
  <MTParentCategories glue=" | " exclude_current="1"><a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a> &gt;</MTParentCategories>
 </MTIf>
 <MTIf name="tempName" eq="individual_webpage">
  <MTParentFolders><$MTFolderLabel$> &gt; </MTParentFolders> 
 </MTIf>
 <MTIf name="tempName" like="mailForm">
  <MTIf name="tempName" ne="mailForm"><a href="<$MTLink template="mail_form:メールフォーム"$>" rel="nofollow">お問合せ</a> &gt;</MTIf>
 </MTIf>
 <MTIf name="tempName" like="entry|system_comment">
  <MTIfNonEmpty tag="MTEntryCategory">
   <MTEntryCategories glue=" | "><a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a> &gt;</MTEntryCategories>
  </MTIfNonEmpty>
  <MTIf name="tempName" like="system_comment">
   <a href="<MTEntryLink>"><$MTEntryTitle$></a> &gt;
  </MTIf>
 </MTIf>
 <MTIf name="tempName" ne="index_main">
  <span class="current"><$MTGetVar name="page_title"$></span>
 </MTIf>
</p>

これでパンくずリストのマルチブログ対応は終了です。

サイトを再構築して 動作を確認します。

ここから具体的に複数のブログで一つのサイトを構成する方法をご紹介して行きますが最初に前回の内容を整理いたします。

1つ目のブログの構成(ブログ:A)

ニュースリリース（トピックス）

事業内容や会社概要は更新頻度が少ない為MovableTypeのWebページで作成します

2つ目のブログの構成(ブログ：B)

商品案内(商品紹介）

MTプラグイン：MultiBlog について

MTプラグイン：MultiBlog は Movable Type に標準装備のプラグインです。
MultiBlog を使用する事で ブログの中に他のブログの内容を表示する事が可能になります。
ここでは 複数のブログを使用して一つのサイトを構成する為に使用いたします。

まず目的のブログのIDを確認しておきます。

MovableTypeのブログIDの確認方法

ブログ ID は、管理画面のシステムメニュー「ブログ」で、一覧から該当のブログのタイトルをクリックし、ブラウザの URL 欄に表示される文字列の最後の数字部分で確認することができます。

以下の例の場合、行の最後「blog_id=1」の部分で、ブログ ID は「1」となります。

http://www.example.com/cgi-bin/mt/mt.cgi?_mode=dashboard&blog_id=1

MTプラグイン：MultiBlog を使用する為の準備

1. １つ目のブログ（Blog：A) のダッシュボードを表示します
2. 画面上部にある「設定」→「プラグイン」を選択
3. プラグイン一覧の中から MultiBlog2.0 をクリックして設定を選択
4. コンテンツのセキュリティは「システムの規定値を使用」のまま
5. MTMultiBlogタグの規定値の属性 で「含めるブログ」を選択
6. データを利用したい2つ目のブログ(Blog；B)のブログIDを入力します
7. 入力が完了したら「変更を保存」ボタンを押して変更を反映させます

同様に

1. 2つ目のブログ（Blog：B) のダッシュボードを表示します
2. 画面上部にある「設定」→「プラグイン」を選択
3. プラグイン一覧の中から MultiBlog2.0 をクリックして設定を選択
4. コンテンツのセキュリティは「システムの規定値を使用」のまま
5. MTMultiBlogタグの規定値の属性 で「含めるブログ」を選択
6. データを利用したい1つ目のブログ(Blog；A)のブログIDを入力します
7. 入力が完了したら「変更を保存」ボタンを押して変更を反映させます

以上で MTプラグイン：MultiBlog を使用する準備が整いました

2つのブログにまたがるグローバルナビゲーションを構成する

複数のブログを一つのサイトとして構成する為には双方のブログのコンテンツにアクセスするためにリンクを作成しなくてはなりません。

そこでここでは サイト上部に位置するグローバルナビゲーションにリンクを構成する事にいたします。

グローバルナビゲーションに他のブログへのリンクを構成する事でどのページに移動しても双方のブログコンテンツへの確実な移動を保証します。

グローバルナビゲーションについては以前の記事を参照してください。
http://www.googrekas.com/2009/05/topic-251806.html

グローバルナビゲーションツールバーはどのページを参照していても常に表示されるナビゲーションメニューなので他方のブログのリンクを作成するには絶好のモジュールです。
尚、グローバルナビゲーションツールバー以外でもサイドバーに常に表示する領域を設けてこれをグローバルナビゲーションとして同様にリンクを作成してもかまいません。

グローバルナビゲーションツールバーの構成

mt.Vicunaテンプレートを利用している当サイトのグローバルナビゲーションツールバーの構成は mt.Vicuna標準の構成にサイト概要とフォームメール画面のリンクを付け足して構成しています。

左端から

となっています

マルチブログ構成にあたってグローバルナビゲーションメニューの名前を仮に各々以下のように書き換えます

1つ目のブログ(Blog:A)

2つ目のブログ(Blog:B)

この構成の中に双方のブログ（Blog:AとB)へのリンクを付け足して一つのサイト構成とします。

マルチブログ構成のサイトのグローバルナビゲーション構成

各ブログのグローバルナビゲーションツールバーのメニュー構成は各々以下のとおりとします。

ブログ:A(Blog:A)のグローバルナビゲーションメニューの構成

Blog:A のグローバルナビゲーションツールバーでは商品紹介と商品一覧のリンクにMTプラグイン：MultiBlogを使用してBlog:B のコンテンツにリンクします

ブログ:B(Blog:B)のグローバルナビゲーションメニューの構成

Blog;B のグローバルナビゲーションツールバーではHomeとトピックスのリンクにMTプラグイン：MultiBlogを使用して Blog:Aのコンテンツにリンクします。

MTプラグイン：MultiBlog を用いてグローバルナビのテンプレートを作成する

テンプレートの記述にあたって 各々のブログIDは以下のようにします。
実際に記述する時は ブログIDを調べて変更してください。

Multiブログの書式は表示したい他方のブログの内容の記述の前に

<mtmultiblog include="他方のブログID">
　「表示したい他方のブログの内容」
</mtmultiblog>

と記述します。

1つ目のブログ(Blog:A)：トピックスのグローバルナビテンプレート

この内容は mt.Vicuna テンプレートのグローバルナビゲーションのテンプレートの記述をカスタマイズする例で記述しています。
お使いのテンプレートが mt.Vicuna 以外の場合はその記述に合わせて修正してください。

2つ目のブログ(Blog:B)のグローバルナビゲーションテンプレートを開き以下の記述を追加します。

Blog:AからBlog:B の商品紹介と商品一覧のリンクにMultiBlogを使用しています。

<MTMultiBlog include="4">
 <li<MTIf name="tempName" eq="index_main"></MTIf>><a href="<$MTBlogURL$>" rel="nofollow">商品紹介</a></li>
</MTMultiBlog>
 <MTMultiBlog include="4">
 <li<MTIf name="tempName" like="index_archive|individual_entry"></MTIf>><a href="<$MTLink template="アーカイブインデックス"$>">商品一覧</a></li>
 </MTMultiBlog>

2つ目のブログ(Blog:B)：商品紹介のグローバルナビテンプレート

この内容は mt.Vicuna テンプレートのグローバルナビゲーションのテンプレートの記述をカスタマイズする例で記述しています。
お使いのテンプレートが mt.Vicuna 以外の場合はその記述に合わせて修正してください。

2つ目のブログ(Blog:B)のグローバルナビゲーションテンプレートを開き以下の記述を追加します。

Blog:BからBlog:Aの HomeとトピックスのリンクにMultiBlogを使用します。

 <MTMultiBlog include="3">
 <li<MTIf name="tempName" eq="index_main"></MTIf>><a href="<$MTBlogURL$>" rel="nofollow">Home</a></li>
 </MTMultiBlog>

 <MTMultiBlog include="3">
 <li<MTIf name="tempName" like="index_archive|individual_entry"></MTIf>><a href="<$MTLink template="アーカイブインデックス"$>">トピックス</a></li>
 </MTMultiBlog>

最後に各々のブログを再構築してグローバルナビゲーションのリンクをクリックして正常に動作するか確認してください。

注意

パンくずリストを使用している場合、2つ目のブログのコンテンツは1つ目のブログの Home からのリンクを表示しなくてはなりません。

次回はパンくずリストを MultiBlogを使ってカスタマイズする方法をご紹介します。 

例えば企業サイト等で日々のニュースや商品、実績紹介等 性格の異なる内容のコンテンツをカテゴリーを使って分類してもいいのですがかなり複雑になります。

そんな時はコンテンツの性格毎にブログを分けて作成してMTプラグイン MultiBlogを使用して一つのサイトとして構成する事ですっきりした構成にする事ができて便利です。

そんなやり方をご紹介いたします

Webサイトのコンテンツを洗い出して分類する

企業サイトを例にしてみますが アフィリエイトサイトでも同様の考え方で大丈夫です。
まずは構築しようとしているWebサイトのコンテンツを分類してみます。

一般的な企業サイトでは以下のようなコンテンツに分けられます

• 事業案内（サービス案内）
• 商品案内
• 実績紹介（事例紹介）
• ニュースリリース（トピックス)
• 会社概要（会社沿革)
• お問合せ
• 個人情報保護方針等

コンテンツの更新頻度や更新形態を把握する

コンテンツを洗い出して分類したら、それぞれの更新頻度や更新形態を考えます

コンテンツ毎の更新頻度や形態による分類

更新頻度や性格が共通するコンテンツ毎に整理してみる

コンテンツの分析に従い実際にいくつのブログで構成するかを決定します。

この作業はMovableTypeをどの様に使ってサイトに組み込むのが最も効果的な方法かを決定する為に重要です。

ここでは MultiBlog を説明する為に 2つのブログで構成する事を前提にしてみます

実際に サイトを構成する場合は コンテンツの分析に従いいくつのブログ構成にするかを詳細に設計してみてください。

サイト構成

1つ目のブログの構成

2つ目のブログの構成

MTプラグイン：MultiBlog を使って2つのブログで一つのサイトを構成する

さて、上記で設計した内容に沿って2つのブログを作成しますが 一つのサイト構成とする為には2つのブログ間のリンクを作成しなければなりません。
そこで MTプラグインの MultiBlog を使って ブログのテンプレートをカスタマイズして双方のブログにリンクを構成します。

次回からはその方法を具体的に順を追ってご紹介いたします。

それまで利用していたVer2.2.0 に特に問題を感じていなかったので入れ替えをためらっていましたが 当サイトと別にマルチブログ機能を利用して運用しているサイトのデザインをマルチカラムに変更した時うまく左サイドバーの表示がうまく行かなかったのでそれをカスタマイズしてゆくのが面倒だった為 Ver2.2.1に変更しました。

主な変更点

新しいスキンはCSSの構造が大幅に変更になりこれまでのモジュール構造が大幅に減りファイル数が3つになりとても見通しがよくなりました。

構成としては、従来のVer2.2.0の以下のファイル

• 1-element.css
• 2-class.css
• 3-context.css
  

の３つが "core.css" にまとめられ残りのモジュールファイルを layouts.cssに統合されています。

当サイトもmt.Vicuna2.2.1 に入れ替え！

新しいmt.Vicuna 2.2.1 は、てもかっこよかったので当サイトでも入れ替えることにしました。

あれれ・・・？

入れ替えてみて気づいたのですが 何かちょっと変・・・

サンプルテキスト Text Text Text Text Text Text Text Text Text Text Text TextText Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text 　サンプルテキスト

記事中の画像が フロートしていないので記事がまわりこんでいません。

あれれ・・？　
と思って "core.css" を覗いてみると Ver2.2.0で用意されていた「img_L」や「img_R」のクラスがありません。

同様に「dl.data」の記述もありません。

Ver2.2.0にあってVer2.2.1に無いものを追加する

float (.img_L) や (.img_R)クラスを追加する

以前のエントリー「本文に画像を挿入しクリックで拡大表示させる方法」でご紹介した.img_L や .img_Rクラスを "core.css"に追加します。

/* float-- Vicuna2.2.0から追加 --
---------------------------------------*/

.img_L {
       margin-right: 1em!important;
       margin-top: 1em!important;
       float: left;
}
.img_R {
       margin-left: 1em!important;
       margin-top: 1em!important;
       float: right;
}
.clear {
       display: block;
       clear: both;
}

上記の内容をコピーして "core.css" に追加してください。

サンプルテキスト Text Text Text Text Text Text Text Text Text Text Text TextText Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text TextText Text Text Text Text Text Text Text Text Text Text TextText Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text TextText Text Text Text Text Text Text Text Text Text Text TextText Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text TextText Text Text Text Text Text Text Text Text Text Text TextText Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text  サンプルテキスト

無事、画像がフロートしました。

dl.data クラスを追加する

上記と同様にdl.data クラスを追加します

/* dl.data  -- Vicuna2.2.0から追加 --
---------------------------------------*/

dl.data {
 padding: 0;
 border-left: 5px solid #ddd;
 border-right: 1px solid #eee;
 border-bottom: 1px solid #eee;
}
dl.data dt {
 margin: 0;
 padding: 0.3em 0 0.1em 1em;
 border-top: 1px solid #eee;
 width: 8em;
 float: left;
}
 
dl.data dd {
 margin: 0 0 0 8em;
 padding: 0.3em 1em;
 border-left: 1px solid #eee;
 border-top: 1px solid #eee;
}

上記の内容をコピーして "core.css" に追加してください。