今回はWebサイト訪問者の行動を記録し、UX・UIの改善に役立つ無料サービス「Microsoft Clarity（マイクロソフト クラリティ）」をご紹介させていただきます。

期間中ずっとアクティブではなかったので数値は少なめです。参考になりづらくてすみません…

Microsoft ClarityはWebサイトの訪問者の行動を簡単に分析できるツールで、Webページのどの部分がよく見られているか、どの部分がクリックされているか、どの様にスクロールされているかなどをセッション毎に記録し、視覚的に分かりやすく画面の状態で確認が出来るサービスです。

・Microsoft Clarity
Microsoft Clarityのオフィシャルサイトはこちら

Microsoft Clarityの主な特徴

セッション録画

Webサイトの訪問者が行った操作を録画して、動画で実際の動きを見ることができます。
セッション毎に記録が分かれているため、ユーザー環境の違いなども確認できます。

ヒートマップ

ページのどの部分が最もクリックされているか、どの部分までスクロールされているかを画面で視覚的に確認できます。
ヒートマップはクリックした箇所だけでなく、リンクのエリアなどでも確認ができます。

完全無料サービス

利用されたデータ量や機能・期間に制限なく、無料でご利用可能です。

Microsoft Clarityを使えば、ユーザーの行動をより深く理解し、Webサイトを改善するためのヒントを得ることができますので、初めての方でも直感的に使いやすく、導入してすぐにご活用いただけると思います。

また、ダッシュボードでは近いエリアを短い期間で何度もクリックされた場合に、「イライラしたクリック」として判定されたりと、ユニークですが非常に重要な機能や、最近話題のAI（Copilot）も導入されており、AIに質問をするだけで、特定の数値などを教えてくれたりと、とても便利でわかりやすい機能が備わっています。

他にもヒートマップ機能を持つサービスは幾つかありますが、高額な契約のものが多いなか、なんとMicrosoft Clarityは高機能な上に無料で全ての機能が制限もなくご利用いただけます。

最後に

今回は非常に便利かつ無料のツールMicrosoft Clarityをご紹介させていただきました。
Microsoft Clarityをご利用いただくためには、Webサイトへのコード組み込みや、Google Analyticsとの連携、各種設定などを行う必要がございますが、Microsoft Clarityを導入していただければ、他では得られない訪問者の行動が把握できるため、今後のWebサイトの改善にも繋がります。

もしMicrosoft Clarityに興味をもっていただいたり、使ってみたい方がおみえでしたら、ぜひお気軽にご相談ください。有料とはなりますがサポートさせていただきます。

弊社では便利なWebサービスを利用した、Webサイトの改善や業務改善のご提案もおこなっておりますのでお気軽にご相談ください。

a-blog cmsのカスタムフィールドはとても強力で、ブログ、カテゴリー、エントリーなど、あらゆる箇所に専用のフィールドを設けることができます。非常に便利なため、a-blog cmsでサイトを制作する方は、皆さん利用されているのではないでしょうか。

このカスタムフィールドを使い選択項目を「追加・編集」出来る様にして管理したい場面があります。例えば「ブログ」のカスタムフィールドで設定した項目を、「カテゴリー」のカスタムフィールドで表示して設定項目として利用するという事もできます。

この様な使い方は非常に便利なのですが、a-blog cmsのカスタムフィールドは、選択した値が直接データベースにセットされるため、元の値が変更されてしまうとそれぞれの関連性が切れてしまうという特徴があります。

そこで今回は、ブログのカスタムフィールドグループで設定した項目を、カテゴリーのカスタムフィールドで選択した場合に、ブログのカスタムフィールドの値を変更しても関連性が切れない方法を考えてみます。

まずはブログにカスタムフィールドグループを設定

まず管理ページのブログ管理にカスタムフィールドグループを設定します。
例なので何でも良いのですが、今回は色を設定することにしました。
設定するカスタムフィールドグループの項目は以下の2つです。

・category-color-id（カスタムフィールドのID）
・category-color-value（カスタムフィールドの値）

「category-color-id」がそれぞれを結ぶキーになります。こちらは変更されない様にしたいので、一度保存されると「readonly」で編集不可にしています。IDが重複するといけませんので、今回は作っていませんがjsで自動で連番をふる様な処理をつけると良いかもしれません。

<!-- カテゴリーのカスタムフィールド -->
<!-- カテゴリーの色マスター -->
<h2 class="acms-admin-admin-title2">カテゴリーの色</h2>
<table class="js-fieldgroup-sortable adminTable acms-admin-table-admin-edit">
  <thead class="acms-admin-hide-sp">
	<tr>
	  <th class="acms-admin-table-left acms-admin-admin-config-table-item-handle"> </th>
	  <th></th>
	  <th class="acms-admin-table-left acms-admin-admin-config-table-action">削除</th>
	</tr>
  </thead>
  <tbody>
	<!-- BEGIN category-color-group:loop -->
	<tr class="sortable-item">
	  <td class="item-handle acms-admin-table-nowrap">
		<i class="acms-admin-icon-sort"></i>
	  </td>
	  <td>
		<table>
		  <tr>
			<th>ID</th>
			<td>
			  <input type="text" name="category-color-id[{i}]" value="{category-color-id}" class="acms-admin-form-width-full" readonly />
			</td>
			<th>色</th>
			<td>
			  <input type="text" name="category-color-value[{i}]" value="{category-color-value}" class="acms-admin-form-width-full" />
			</td>
		  </tr>
		</table>
	  </td>
	  <td class="acms-admin-table-nowrap">
		<input type="button" class="item-delete acms-admin-btn-admin acms-admin-btn-admin-danger" value="削除" />
	  </td>
	</tr>
	<!-- END category-color-group:loop -->
	<tr class="sortable-item item-template">
	  <td class="item-handle acms-admin-table-nowrap">
		<i class="acms-admin-icon-sort"></i>
	  </td>
	  <td>
		<table>
		  <tr>
			<th>ID</th>
			<td>
			  <input type="text" name="category-color-id[{i}]" value="" class="acms-admin-form-width-full" />
			</td>
			<th>色</th>
			<td>
			  <input type="text" name="category-color-value[{i}]" value="" class="acms-admin-form-width-full" />
			</td>
		  </tr>
		</table>
	  </td>
	  <td class="acms-admin-table-nowrap">
		<input type="button" class="item-delete acms-admin-btn-admin acms-admin-btn-admin-danger" value="削除" />
	  </td>
	</tr>
  </tbody>
  <tfoot>
	<tr>
	  <td colSpan="3">
		<input type="button" class="item-insert acms-admin-btn-admin" value="追加" />
	  </td>
	</tr>
  </tfoot>
</table>
<input type="hidden" name="@category-color-group[{i}]" value="category-color-id" />
<input type="hidden" name="@category-color-group[{i}]" value="category-color-value" />
<input type="hidden" name="field[]" value="category-color-id" />
<input type="hidden" name="field[]" value="category-color-value" />
<input type="hidden" name="field[]" value="@category-color-group" />

ブログのカスタムフィールドグループの値でカテゴリーのカスタムフィールドを生成

カテゴリー管理のカスタムフィールドには、ブログのカスタムフィールドグループで設定した値をプルダウンで表示しています。こちらを選択するとカテゴリーのカスタムフィールド「category-color-select」に値がセットされます。
設計のポイントはブログのカスタムフィールドで設定した「category-color-id」を値として使い、プルダウンの表示にだけ「category-color-value」を利用しています。
a-blog cmsのテンプレートは変数を解決する順序がありますので、「バックスラッシュ」でエスケープ処理が必要な場合があります。その点だけご注意ください。

<!-- カテゴリーのカスタムフィールド -->
<h2 class="acms-admin-admin-title2">カテゴリーの色</h2>
<table class="adminTable acms-admin-table-admin-edit">
  <tr>
	<th>カテゴリーの色
	  <i class="acms-admin-icon-tooltip js-acms-tooltip" data-acms-tooltip="カテゴリーの色を選択してください"></i>
	</th>
	<td>
		<!-- BEGIN_MODULE Blog_Field -->
		<select name="category-color-select" class="acms-admin-form-width-full">
			<option value=""></option>
			<!-- BEGIN category-color-group:loop -->
			<option value="{category-color-id}" \{category-color-select:selected#{category-color-id}\}>{category-color-value}</option>
			<!-- END category-color-group:loop -->
		</select>
		<input type="hidden" name="field[]" value="category-color-select" />
		<!-- END_MODULE Blog_Field -->
	</td>
  </tr>
</table>

カテゴリーの表示ページに実装する

最後に表示部分をカテゴリーのページに実装します。
こちらのポイントはまず「Blog_Field」でブログのカスタムフィールドの値を利用可能にします。
そしてループ処理をしながら、IFブロックでブログのカスタムフィールドグループ「category-color-id」と、カテゴリーのカスタムフィールド「category-color-select」の値を比較し、真であればブログのカスタムフィールド「category-color-value」の値（今回はpタグ）を出力します。

<!-- カスタムフィールドの選択項目をブログ管理で動的に操作する -->
<!-- BEGIN_MODULE Blog_Field -->
<!-- BEGIN category-color-group:loop -->
<!-- BEGIN_IF [{category-color-id}/eq/<!-- BEGIN_MODULE Category_Field -->{category-color-select}<!-- END_MODULE Category_Field -->] -->
<p style="color: {category-color-value};">文字の色が変わったよ</p>
<!-- END_IF -->
<!-- END category-color-group:loop -->
<!-- END_MODULE Blog_Field -->

最後に

今回はa-blog cmsのカスタムフィールドの値を変更した時にも、接続が切れずに値を管理する方法をご紹介しました。

この様に、ID（category-color-id）をキーにカスタムフィールドの設計をすると、元になるブログのカスタムフィールドの値を変更しても、接続を切らずに値を動的に反映することが出来ますので非常に便利です。こちらの方法をさらにカスタマイズしていくことで、チェックボックスなどの複数項目への対応も可能です。

変数が入れ子になった場合のエスケープ処理などで少し戸惑う事もありますが、慣れてくれば勝手がわかってきますので、ぜひ皆さまも一度チャレンジしてみてください。

少しマニアックな内容だったかもしれませんが、a-blog cmsユーザーの方でしたら嬉しい情報ではないでしょうか。この様なTIPSは今後もご紹介させていただきますので、皆さまのa-blog cmsでのサイト制作に役立てていただければ幸いです。

AIが日々進化しているなか、これからの検索のあり方が大きく変化するのではないかと言われています。
実際にGoogleなどの検索結果にも生成AIの回答が表示されるなど、少しづつ世の中の変化を感じています。では今後どの様に変わっていくのか…予想はできても未来のことは分からない…でも分からないなら直接聞いてしまえば良い？ということで「ChatGPT」に質問してみました。

質問したのはGPT-4oで、「ChatGPT回答」のところは、ChatGPTの文章を転載しています。
・Opne AI ChatGPT
https://openai.com/chatgpt/

質問：「ChatGPT」は質問をすると答えてくれますが、Webサイトの情報を元にしていると思います。どのようなWebサイトの情報を信頼して提供してくれているのでしょうか？信頼できるWebサイトの基準があったら教えてください。

ChatGPT回答：
ChatGPTが提供する情報は、訓練時に使用された多くのデータソースに基づいています。これらのデータソースには、書籍、学術論文、ニュース記事、技術文書、百科事典、そして信頼性の高いWebサイトなどが含まれています。
信頼できるWebサイトの基準は以下のような要素に基づいています：

1. 信頼性のある発行者または組織: 大学、政府機関、主要なニュースメディア、または専門的な業界団体など、権威ある発行者が管理しているWebサイト。
2. 透明性: 著者の情報、発行元、公開日が明確に表示されていること。信頼性の高いサイトは、情報の出典や参考文献をしっかりと明示します。
3. 最新性: 情報が最新であり、定期的に更新されていること。特に技術や医療などの分野では、最新の情報が重要です。
4. 専門性: 特定の分野における専門家によって書かれたコンテンツであること。専門家の見解や研究に基づいた情報は、信頼性が高いとされています。
5. 公平性とバランス: 片側に偏った意見やデータだけでなく、複数の視点を提示し、公平な立場で情報を提供しているWebサイト。
6. リンクの品質: 他の信頼できるサイトへのリンクが多いこと。これは、そのサイトが信頼性の高い情報源とつながっていることを示します。
7. 利用者のフィードバックやレビュー: 他の利用者からの評価やレビューも信頼性の判断に役立ちます。

可能な限り正確で信頼できる情報を提供するよう努めていますが、特に重要な決定や専門的な質問については、複数の信頼できる情報源を確認し、専門家の意見を求めることをお勧めします。

質問：ではAIが進化する近い未来では、従来のSEOからAIへと検索の仕方などが大きく変わると思いますか？

ChatGPT回答：
AIが進化する近い未来では、検索の方法やSEO（検索エンジン最適化）に大きな変化が起こる可能性が非常に高いです。以下のポイントがその変化を示唆しています。

1. 検索エンジンからAIアシスタントへのシフト

• AIアシスタントの普及: ChatGPTのようなAIアシスタントがさらに進化し、ユーザーは検索エンジンを直接利用するのではなく、AIアシスタントに質問して情報を得ることが一般的になるかもしれません。これにより、従来の検索結果ページ(SERP)の重要性が減少する可能性があります。
• 自然言語による検索: ユーザーはキーワードの羅列ではなく、自然な言葉で質問するようになります。これにより、検索の意図を正確に理解し、適切な回答を提供できるAIが重視されるようになります。

2. コンテンツの最適化とAIの役割

• コンテンツの質と信頼性: AIは、単なるキーワードの一致ではなく、コンテンツの質や信頼性、専門性を評価する能力を持つようになるため、SEOもこれに対応して、より質の高いコンテンツ作成が求められるようになります。
• ユーザーの意図の理解: AIは、ユーザーの検索意図をより深く理解し、最適なコンテンツを提供します。そのため、SEOは単純なキーワードの最適化から、ユーザーの意図を捉えるコンテンツ設計へと進化するでしょう。

3. AIによるパーソナライズ検索

• 個別化された検索結果: AIはユーザーの過去の行動、嗜好、コンテキストに基づいて検索結果をパーソナライズします。これにより、同じキーワードでもユーザーごとに異なる検索結果が表示されることが一般的になります。
• リアルタイムのデータと応答: AIはリアルタイムでデータを処理し、ユーザーの現在の状況や場所に応じて最適な情報を提供するようになるため、SEOも動的な最適化が必要になります。

4. ビジュアルおよび音声検索の増加

• 音声検索の台頭: AIアシスタントによる音声検索が主流になると、自然な会話形式のコンテンツやFAQ形式のコンテンツが重要になります。
• ビジュアル検索: 画像や動画を使った検索が進化し、これに対応したSEOが必要になります。たとえば、画像のALTテキストやメタデータの最適化がさらに重要になるでしょう。

5. AIによるコンテンツ生成と評価

• AI生成コンテンツ: AI自身が高品質なコンテンツを生成できるようになると、SEOの競争が激化します。ただし、検索エンジンやAIがAI生成コンテンツをどのように評価するかは未知数です。
• AIによるコンテンツ評価: 従来のアルゴリズムに代わり、AIがコンテンツの質を評価する基準がより厳格かつ高度になるため、SEOはこの新しい基準に対応する必要があります。

6. 検索体験の進化

• 検索からの解放: ユーザーが直接検索をしなくても、AIが予測的に情報を提供するようになる可能性があります。これにより、検索行動そのものが変わり、SEOも新たな戦略が必要になります。

これらの要素から、今後のSEOはAIの進化とともに大きく変化し、よりインテリジェントでユーザー中心のアプローチが求められるようになると考えられます。従来のSEOテクニックだけではなく、AIとの共生を見据えた新しい戦略が重要になるでしょう。

質問：AI時代に強いAIに愛されるWebサイト制作のポイントは何ですか？

ChatGPT回答：
AI時代に強く、AIに愛されるWebサイトを制作するためのポイントは、AIが情報を適切に理解し、高く評価できるように設計されたサイトを作ることにあります。以下の要点が特に重要です。

1. 構造化データの最適化

• Schemaマークアップの活用: Schema.orgの構造化データを利用して、製品、レビュー、FAQなどのコンテンツを明確にマークアップすることで、AIが情報を正確に理解しやすくなります。これにより、検索結果でリッチスニペットとして表示される可能性が高まります。
• オープングラフやツイッターカードの実装: ソーシャルメディアや他のプラットフォームでの表示を最適化するために、Open GraphプロトコルやTwitterカードを活用し、メタデータをしっかりと設定します。

2. 自然言語処理（NLP）を意識したコンテンツ

• コンテンツの文脈と意図を重視: AIは文脈と意図を理解する能力が高まっているため、自然な文章でユーザーの質問に答える形のコンテンツが評価されやすくなります。例えば、FAQ形式や対話型のコンテンツを取り入れることが効果的です。
• ロングテールキーワードの活用: ユーザーが具体的な質問や検索意図に基づいて検索する際、ロングテールキーワードを活用して、特定のニーズに応じたコンテンツを提供します。

3. ユーザーエクスペリエンス（UX）の最適化

• 直感的でシンプルなナビゲーション: AIはユーザーがどのようにサイト内を移動するかを評価するため、わかりやすいナビゲーションと論理的な情報構造が重要です。ユーザーが簡単に目的の情報にアクセスできるように設計します。
• 高速なページ読み込み速度: ページの読み込みが速いことは、AIに高く評価される要素です。画像の最適化、キャッシュの利用、コードの軽量化など、パフォーマンス向上に努めます。

4. エンゲージメントを促進するインタラクティブ要素

• AIチャットボットの導入: サイト内にAIチャットボットを設置し、ユーザーが質問をしたり、サポートを受けたりする際にリアルタイムで対応することで、ユーザーエンゲージメントが向上します。これにより、AIがサイトをユーザーにとって有用と判断しやすくなります。
• インタラクティブなコンテンツ: クイズ、投票、インフォグラフィックなどのインタラクティブ要素を追加し、ユーザーがコンテンツに積極的に関与するように促します。これもAIに好まれる要素です。

5. モバイルフレンドリーであること

• モバイル最適化の徹底: モバイルユーザーが増加する中、AIはモバイルフレンドリーなサイトを高く評価します。レスポンシブデザインやタッチスクリーン対応の最適化が必要です。
• AMP（Accelerated Mobile Pages）の活用: モバイルでの高速な読み込みを実現するために、AMPを採用し、ユーザー体験を向上させます。

6. 信頼性と権威性の構築

• E-A-T（専門性、権威性、信頼性）の強化: AIはE-A-Tを考慮してコンテンツを評価します。著者情報の明示、信頼できる情報源の引用、定期的なコンテンツ更新などを通じて、サイトの信頼性を高めます。
• ユーザーレビューと証拠の提示: 顧客のレビューや証拠（ケーススタディ、成功事例など）をサイトに掲載し、信頼性を強化します。AIはこれを信頼できるサイトの証と見なします。

7. セキュリティとプライバシーの保護

• SSL/TLSの導入とHTTPS対応: サイト全体でSSL/TLSを使用してHTTPSを実装し、データの安全性を確保します。AIは安全なサイトを評価し、信頼性を高めます。
• プライバシーポリシーとGDPR対応: プライバシーポリシーを明確にし、ユーザーのデータ保護に対する対応を示すことで、AIからの評価が向上します。

8. AIによる解析と最適化

• AIを利用した分析と改善: AIツールを活用してユーザー行動を分析し、サイトの弱点を特定して改善します。AIのアルゴリズムに適応することで、常に最適な状態を維持します。
• コンテンツの更新と最適化: AIは最新の情報を好むため、定期的にコンテンツを更新し、最新のデータや情報を反映させることが重要です。

これらのポイントを取り入れることで、AIに愛され、評価されるWebサイトを構築することができます。AIの進化に対応しながら、ユーザーにも高い価値を提供するサイトを目指しましょう。

最後に

簡単に3つ質問をしてみましたが、この様な問いに対しても瞬時に答えが返ってくると、やはりいずれ検索行為自体がAI中心に置き換わるのは目に見えていますね。ただ、従来の検索であってもAIであっても、Webサイトに求められ重要視されている項目というのは大きく変わらないと思いますので、従来の延長上にあるのもとして捉えられる部分もありそうです。

ただ、今までと少し異なるのは「自然言語処理（NLP）を意識したコンテンツ」というところで、そのコンテンツ自体がただ情報やスペックを伝えているのか、ユーザーの疑問に答えているのかなど、検索の動機に適した結果をページから読み取れるという意味では、よりユーザーの検索意図と合うことになりますので、スムーズに情報を得られやすくなるという事だと思います。これは世の中のニーズと合うため、いずれただキーワードの組みわせで検索するという行為自体が時代遅れになりそうですね。

SNSなどはユーザー自身の投稿からの流入になりますが、こちらもシステムによってどの様にお勧めされて拡散するのかを考えると、確実にAIの要素が強くなると思いますので、このお仕事をしていく上でAI化は避けて通れないというか必須の変化なのだと思います。

僕が子供の頃にテレビや映画で見たAI（人工知能）は、結構恐ろしい展開になる事もありました。
でも「ドラえもん」みたいに素敵なのもありますね。（そういえばこの記事を書いている今日9/3はドラえもんの誕生日です！笑）
そうならない様に、今のうちからAIさんと仲良くしていくのがきっと良いのだと思います。

Webサイトのアクセスを増やすために、競合Webサイトの流入キーワードを調査し、色々な資料も調べていて思ったことがありましたのでブログに残したいと思います。Webサイトのアクセスアップについては、常に悩まれているサイト運営者の方も多いと思います。

流入キーワードを調査する目的は、流入が見込める良質なキーワードを確認・発見するということなんですが、SEO施策自体も含めてそれがなぜ重要かというと、一番根本にあるのはキーワードを見つけてWebサイトにより多くアクセスしていただきWebサイトを見てもらいたいという事になります。

流入数を増やしたいのは、Webサイトを機能させて収益に結び付けたいから

「流入が見込める良質なキーワードを見つける＝アクセス数を増やしたい」ということですから、アクセス数が増える手段をみんな知りたいわけです。それはWebサイトを機能させて収益に結び付けたいからです。

そこで少し冷静になって考えてみます。
SEOで上位表示されることは、検索結果という流入経路を拡大しているという事ですし、Facebook・Instagram・X・Youtube・TikTokなどのSNSも、ビジネスにおいては利用して流入経路の種類を増やしているということだと思います。（そのSNS内で完結する部分もありますし、SNS自体で収益があるものもあるので一概には言えませんが…）結局はどの様に流入経路が設けられアクセスに繋がっているのかを、きちんと把握して計画的に作ることが大切だということなのだと思います。

例えば、SEOでより多くのキーワードで検索結果に表示することは、検索エンジン上での流入経路の数を増やしているということですし、順位を上げるということは1つのキーワードからの経路を拡大しているという事だと思います。
また、運営するSNSを増やすということは、流入経路の種類を増やしているという事になりますし、フォロー数を増やすということは流入経路を拡大しているという事になります。
もちろんメルマガを始めても流入経路の種類は増えますし、メルマガ登録者を増やしたり配信する頻度を増やせばメルマガという経路を拡大しているという事になります。

流入経路の開発に取り組めばWebサイトにアクセスを集める方法が見えてくる

すごく当たり前なことなのですが、流入経路の開発に取り組めばWebサイトにアクセスを集める方法が見えてくると思います。
検索結果でどのキーワードで何位に入れば、どのくらいのアクセスが見込めるのか、SNSやメルマガを使い投稿・配信頻度を確保するとどの位の流入が見込めるのか、それは多分業種や商品・サービス、地域性などで変わると思いますけど、この辺りをWebサイトごとに見つけていく事が、結果につながってくるのだと思います。検索は非常に重要ですが、検索だけではなく大きな視点で流入経路を計画していく事が重要です。

ただ、運営するツールが増えると維持管理にコストは掛かりますので、やはり見極めは大切でターゲット層に合わせた選定が必要になる場合も多いと思います。すごく簡単な例えですけど、高齢者向けのサービス・商品をTikTokで展開してもあまり収益は見込めないかもしれませんので…。

Webサイトのアクセス数が少ない場合は流入経路を見直してみる

結局Webサイトにアクセスが少ないということは、流入経路が少ない。もしくは確保されている流入経路が狭い（認知されていない）、もしくは潜在的なマーケットが狭い（設けられた流入経路でシェアが取れてもユーザーが少ない）ということなんだと思います。

そして現在のWebサイトの流入が多いのか少ないのか…
それを判断するために、競合サイト調査をして自社と比較して見極めていくと良いのかなと思います。

最後に

今回は流入経路を計画する事の大切さを考えてみました。
これらを随時確認しながら行なうには多くの作業があり、調査分析に手間は掛かりますし利用するツールも高価なものが多いですから、どうしても安価にはなりにくい部分です。

弊社ではWebサイトを制作するだけではなく、お客様のお役に立てる様に比較的リーズナブルなご予算で、Webサイトが効果的に機能する様にサポートさせていただくことも可能ですので、ぜひ現在運営されているWebサイトを活用されたい方はお気軽にご相談ください。宜しくお願いいたします。

新たにXserverを利用するサイトで、初めてメーリングリストを利用することになりました。
そこで改めてメーリングリストの機能について調べたので、まとめました。

メーリングリストとは

複数の相手に同じ内容のメールを一斉に送信するサービスです。
メールで複数の相手に同じ内容のメールを一斉に送るためには、メール送信者が全員のメールアドレスを入力してメールを送信する必要があります。
メーリングリストであれば送信者がメーリングリスト専用のアドレス宛にメールを送信するだけで、登録されているすべてのメールアドレス宛に一斉に配信することができるサービスです。

メーリングリストのメリット

• 複数人に手間なく送れる
• アドレスの入力ミスなどの誤送信が防止できる
• 情報漏洩のリスクが低い

多くのホスティングサービスで運用できますが、今回利用するXserverでもメーリングリストの運用が可能でした。

メーリングリストの登録

---

---

Xserverのメーリングリストは、サーバパネルからメーリングリストメニューを選択して、メーリングリストアドレスとパスワードを設定します。

メーリングリストが作れたら、その他の設定はメーリングリスト用の管理画面から行います。
メンバー登録やメンバー毎の受信権限、メーリングリストの配信制限などが管理画面から設定できます。
今回は管理者メールアドレスを登録、システム・エラーメール受信設定を「受信する」にして、メーリングリスト配信時に発生したシステム・エラーの内容が管理者メールアドレス宛に届くようにしました。
ちなみに、管理者メールアドレスには登録メンバーのアドレスは使用できませんでした。メーリングリスト管理用のメールアドレスを新規で作成し、管理するようにしました。

テスト配信をしたところ

メーリングリストの周知を兼ねてテスト配信を行い、受け取ったら全員が再度メーリングリストに配信（返信）するようにしたのですが、メンバーからの配信（返信）が数件届いていないことがわかりました。
確認したところ、メンバー登録したメールアドレスは自動転送をしていて、転送先のメールアドレスから配信していたようで、メーリングリストに登録していないアドレスため、エラーになったようです。

メーリングリストの初期状態では登録されているメールアドレスのみが配信できるようになっていますので、登録以外のメールアドレスから送らないよう周知すればよいことなのですが、管理画面で設定できる機能で対応できることはないかも調べてみました。

管理画面の設定で対応できること

登録メンバーの権限の設定

元のメールアドレスと自動転送先のメールアドレスをメンバー登録する方法。
その際、元のメールアドレス宛と自動転送先のメールアドレス宛に２通メールが届くことのないように、元のメールアドレスは権限を「メール受信＋メール配信」（もしくは「メール受信のみ」）にして、自動転送先のメールアドレス宛は「メール配信のみ」にする。

メールの配信前確認

管理者メールアドレスを登録し、管理者の承認後にメールを配信する機能を利用する方法。
メールの配信前確認を「確認する」に設定した場合、管理者が承認したメールのみがメンバーに配信されるよう設定できるので、管理者は、【管理者メールアドレス】宛に送られたメールを確認し、配信を承認するかどうかを判断します。
※管理者メールアドレスに届くメールは、登録メンバーからのメールと、メンバー以外（外部のメールアドレス）からのメールです。
また、管理者メールアドレスに登録できるのは、メーリングリストに登録していないアドレスになるります。

上記2つの方法を検討した結果、今回は、管理者が全ての配信メールに承認をするのは運用上難しいということから、登録以外のメールアドレスから送らないよう周知を行い、今後エラーメールの発生頻度を踏まえて「登録メンバーの権限の設定」する方法を検討することになりそうです。

最後に

今までメーリングリストの運用を希望されたことがなく、私自身も利用したことがなかったので、改めて調べて色々と知ることができました。
今回の設定以外にも

• 配信メールのヘッダーやフッター（固定文章）を設定できる
• 過去に配信されたメールの確認ができる
• 配信エラーの管理ができ、未達のメールアドレスの削除や通知、エラー内容の確認ができる
• 公開ページを作成し、過去ログの閲覧機能や、メーリングリストの入会・退会を申し込むフォームを設置できる
• 空メール自動入会用メールアドレスを利用できる
• 任意のWebページにて入会窓口を設置できる

と多くの機能があることがわかり、理解が深まりました。

メーリングリストは、メールマガジンと同じように扱われることが多く、よく混同することもありますが、メンバー内でやり取りを行うのであれば、メーリングリストの利用が合っていますし、多くのメンバーにメールを一斉配信したいだけであればメールマガジンを利用する方がよいかもしれません。

今後も希望される利用用途に合わせて提案していきたいと思います。