トンマナとは?企業サイトの設定方法・SEO・生成AI活用まで解説

この記事の要点

  • トンマナ(トーン&マナー)はデザインと文章の表現ルールを統一し、サイト全体の信頼感を高める仕組み
  • SEO記事ではトンマナの統一がE-E-A-Tの信頼性評価や読者の回遊率に影響する
  • 生成AIで記事を作成する場合もトンマナをプロンプトで指定し、校正時にチェックリストで確認する

トンマナとは「トーン&マナー」の略で、デザインや文章表現のルールを統一する考え方です。企業サイトやオウンドメディアでは、ページごとにトーンがバラつくと読者が違和感を覚え、離脱につながります。

この記事では、トンマナの設定手順からSEO記事への反映、生成AIへの指示方法、校正時の確認項目までをまとめました。

トンマナとは

トンマナとは、「トーン&マナー(Tone & Manner)」の略称で、デザインや文章表現に統一感を持たせるためのルールです。

トーン(Tone)はコンテンツ全体の色調や雰囲気、マナー(Manner)は表現上の約束ごとを指します。もともと広告業界で使われていた概念ですが、現在ではWebサイト制作やコンテンツマーケティングでも広く使われています。

企業サイトにおいてトンマナを設定する対象は、大きく2つに分かれます。

ビジュアル面:カラーパレット、フォント、写真・イラストの雰囲気、レイアウトの余白など
ライティング面:文体(です・ます調 / だ・である調)、一人称、語尾パターン、禁止ワード、見出しの付け方など

この2つをドキュメント化したものが「トンマナガイドライン」と呼ばれ、社内やライター間で共有して使います。

企業サイトでトンマナを設定する3つの理由

トンマナの設定は「見た目を揃える」だけでなく、UX・ブランディング・制作効率の3つに直結します。

読者体験(UX)の安定

トンマナとは?言葉の意味や設定方法や決めておきたいことまとめ_デザインや文章表現に統一感が出て、よりよいUXにつながる

ページごとに配色やフォント、文体が変わると、読者は「別のサイトに来た」ような感覚を受けます。トンマナが統一されていると「読み慣れ」が生まれ、サイト内の回遊率やリピート率が上がりやすくなります

タイトルと本文でトーンにギャップがあると、直帰率を押し上げることもあります。

ブランディングの一貫性

トンマナとは?言葉の意味や設定方法や決めておきたいことまとめ_企業や商品のブランディングに役立つ

配色や文体に一貫性があると、その企業や商品の世界観が記憶されやすくなり、競合との差別化にもつながります

印刷物・Webサイト・SNSでトーンがバラバラだと、読者が「このブランドらしさ」を感じ取れず、信頼感が薄れる原因になりかねません。

制作効率の向上

トンマナとは?言葉の意味や設定方法や決めておきたいことまとめ_コンテンツ制作側の作業がスムーズになる

複数のメンバーやライターで記事を書く場合、ガイドラインがあるとデザイン・文体の判断に迷う場面が減り、制作スピードとリテイク回数の両方が改善されます

外部ライターへの発注時にガイドラインをそのまま渡せるので、品質のバラつきも抑えられます。

トンマナを設定する手順

トンマナの設定は「ターゲットの整理 → コンセプトの明確化 → ルールの文書化」の順で進めるのが一般的です。

ステップ1:ターゲットの設定

まず、サイトやコンテンツが届ける相手を決めます。業種・役職・年代・課題感などを絞ることで、カラーやフォントの方向性、文体の硬さが具体的になります。

ペルソナ(典型的なユーザー像)まで落とし込んでおくと、ガイドラインを共有するときに「この人ならどう感じるか」で判断できるようになります。

ステップ2:コンセプトの明確化

ターゲットが決まったら、商品やサービスを通じて「何を伝えたいか」「どんな印象を持ってもらいたいか」を言語化します。

ブランドの個性を表すキーワードを3〜5語に絞り(例:「信頼」「実践的」「やさしい」)、そのキーワードに沿ったデザインと文体のルールをトンマナとして設定します。

トンマナ設定で決めておくべき項目

具体的に何を決めるのか、「デザイン」と「ライティング」の2面から整理します。

デザイン面

ビジュアルの統一はブランディングの基盤です。以下の4項目を最低限ドキュメント化しておくと、ページ間のズレが起きにくくなります。

使用カラー

使用色は3色(メインカラー・ベースカラー・アクセントカラー)程度に絞るのが基本です。カラーコードで定義し、使う場面ごとのルールも併記すると現場で迷いが減ります。

レイアウト

余白の取り方、文章と画像の配置比率、冒頭やまとめの共通パーツなどを決めておくと、ページごとの印象がそろいます。

書体・フォント

コンテンツの方向性に合わせて明朝体かゴシック体かを決め、具体的なフォント名・文字サイズ・行間・見出しの装飾ルールまで記載します。

画像・イラスト

イメージ画像やアイコンの雰囲気(写実的か親しみ系か)・色調補正の方向・挿入位置のルールを統一しておきます。

ライティング面

文章のトンマナは、デザイン以上にバラつきが出やすい領域です。以下の項目をガイドラインに含めておくと、複数の書き手でも一定の品質を保てます。

文体(語尾)

「です・ます調」「だ・である調」のどちらで統一するかを決めます。ターゲットやコンテンツの性質に合わせて選びます。

文字数の目安

タイトル・見出し・各セクション本文の文字数目安を設定します。1文の長さも読みやすさに関わるので、50〜60字程度を上限にしているケースが多いです。

禁止ワード・NG表現

誇大表現・差別的な語句・競合サービス名など、避けるべきワードと使用禁止のワードをリスト化します。効果を断言する表現(「絶対に」「必ず」)も、業種によっては制限対象になるケースがあります。

SEO記事へのトンマナ反映

トンマナの統一は、検索エンジンの評価にも間接的に関わってきます。GoogleのE-E-A-T(経験・専門性・権威性・信頼性)のうち、Trustworthiness(信頼性)は4要素の中でも特に重視されています(出典:Google Search Central, 2024年時点)。

トンマナとE-E-A-Tがつながるポイントは主に3つです。

  • 文体が記事をまたいで安定していると、「この分野に詳しい運営者」という印象を与えやすく、専門性・信頼性のシグナルになり得る
  • 誇大表現や不確かな断言を避けるルールは、E-E-A-Tで求められる「信頼できる情報」と合致する
  • ページごとの文体やデザインがバラつくと直帰率や滞在時間といったユーザー行動シグナルが悪化し、間接的にSEO評価を下げるおそれがある

SEO記事を定期的に発信するオウンドメディアなら、見出しの付け方・リードの長さ・構成パターンもトンマナの対象に含めておくと、記事ごとの品質差が出にくくなります。

生成AI(ChatGPT・Claude等)へのトンマナ指示

生成AIで記事を作成・下書きする場合も、トンマナをプロンプトで指定しないと文体が安定しません。指示の方法は大きく3つあります。

方法1:文体ルールを箇条書きで渡す

プロンプトに以下のような条件を明示します。

  • 対象読者:中小企業のWeb担当者
  • 文体:です・ます調、固すぎない丁寧語
  • 1文の目安:50字以内
  • 禁止:体言止め、煽り表現、絵文字

項目が増えるときは「#文体」「#禁止表現」のようにラベルをつけて構造化すると、AIが優先度を誤認しにくくなります。

方法2:サンプル例文を添える(Few-shot)

「この文章のトーンを引き継いで書いてください」と既存記事のサンプルを2〜3本添えるやり方です。言葉で説明しにくい「空気感」を伝えたいときに向いています

理想の例文と避けたい例文を両方渡すと、出力のブレがさらに減る傾向があります。

方法3:システムプロンプトにスタイルガイドを埋め込む

ChatGPTのカスタム指示やClaudeのSystem Promptにトンマナルールを設定すると、毎回の指示を省略できます。複数記事を連続で作成する運用で手間が減る方法です。

AI生成記事の校正チェックリスト

生成AIが書いた文章には、トンマナが崩れやすい典型パターンがあります。校正時に以下を確認するだけでも、仕上がりの品質はかなり変わります。

確認項目よくあるAIの癖対処
文末の単調さ「〜です。〜ます。〜です。」の繰り返し文末を変化させ、短い文を挟む
冒頭の定型句「〜について解説します」「〜はご存知ですか?」結論から書き出す
美辞麗句・誇張「画期的な」「革新的な」など中身のない修飾具体的な数字や事例に置き換える
体言止めの多用「重要なのは継続。そして習慣化。」述語を補い、文として完結させる
過剰な箇条書き整いすぎた構造がかえって不自然地の文に溶け込ませる
禁止ワードの混入競合名・誇大表現・差別語NGリストと照合して削除

最終チェックは人間が行うのが原則です。「読者に合っているか」「ブランドの世界観からズレていないか」は、AIの自己評価だけでは判断しきれない部分です。

トンマナの企業事例

実際にトンマナを活かしている企業の例を2社見てみます。

ニトリ

イメージカラーであるエメラルドグリーンは、「安心感」と「落ち着き」を与える色です。家具・インテリアを扱う企業のコンセプトと色のイメージが一致しており、店舗・Web・チラシを通じてカラーとトーンが統一されています。

スターバックス

コーポレートカラーのグリーンを軸に、ロゴデザインを何度か見直しています。もともと大部分を占めていた茶色が変更のたびに減り、現在ではグリーン一色にまで簡略化されました。時代の変化と事業の拡大に合わせてデザインをシンプルにし、洗練されたブランドイメージを維持しています。

よくある質問

Q. トンマナガイドラインには何を書けばいい?

最低限含めたいのは、文体(です・ます調 or だ・である調)、使用カラー(メイン・サブ・アクセント)、フォント指定、禁止ワードリスト、写真・イラストの選定基準の5項目です。実際の記事から「OK例」と「NG例」を抜き出して併記しておくと、ライターや制作担当への伝達がスムーズになります。

Q. 外注ライターにトンマナを守ってもらうにはどうする?

発注前にガイドラインをドキュメントで渡し、構成テンプレートもセットで共有するのが一般的です。納品後はチェックリスト(語尾・一人称・禁止ワード等)でレビューし、修正点をフィードバックするフローを組んでおくとリテイクを減らせます。

Q. 生成AIに毎回トンマナを指示するのが手間な場合は?

ChatGPTのカスタム指示やClaudeのSystem Promptにスタイルガイドを登録しておくと、都度の指示を省略できます。ただしプロンプトが長くなりすぎるとAIが優先度を誤認する場合があるため、箇条書き+ラベル形式で整理しておくのが無難です。

Q. トンマナを途中で変更してもいい?

事業の成長やターゲットの変化に合わせてトンマナを見直すのは自然なことです。スターバックスのロゴ変遷のように、段階的にアップデートしている企業も少なくありません。変更時はガイドラインを更新し、過去記事との整合性をどこまで取るか決めてから反映すると混乱が少なく済みます。

まとめ

トンマナは、企業サイトやオウンドメディアのデザインと文章表現に統一感を持たせる仕組みです。ターゲットとコンセプトを整理したうえで、デザイン面(カラー・フォント・レイアウト)とライティング面(文体・文字数・禁止ワード)のルールを文書化します。

SEO記事を継続発信する場面では、トンマナの一貫性がE-E-A-Tの信頼性評価や読者の行動指標にも関わってきます。生成AIで記事を作る場合も、プロンプトでトンマナを指定し、校正時にチェックリストで確認するフローを入れておくと、品質を一定に保ちやすくなります。