お役立ち情報

画像のテキスト専有率とは?ECサイトで規制される理由と対策
更新日:2025/02/19
ECサイトでサムネイルを登録する際にカギとなる「テキスト専有率」。
モールでのECサイト経営者にとっては馴染みある言葉だと思いますが、一緒に改めて確認しましょう。
目次
画像のテキスト専有率とは?
テキスト専有率とは?
まずは言葉の定義として、サムネイル画像のテキスト専有率とは『画像内でテキスト(文字)が占める割合のこと』です。
ECサイトでは、「商品の見やすさ」や「統一感」を重視するため、多くのプラットフォームで制限されています。
各ECサイトでルールは異なりますが、Yahoo!ショッピングや楽天市場などでルールとして設定されています。
計算方法
では、テキスト専有率はどのように出したら良いのでしょうか。
下記の計算に従って、割り出すことができます。
(文字の総面積 ÷ 画像の総面積)×100 = テキスト専有率(%)
例えば、画像全体が 1000×1000ピクセル で、テキスト部分が 200,000ピクセルなら「20%」となります。
お使いの管理画面等で確認することができますが、簡易的な確認方法としては縦横10マスで区切った画像を上から被せ、その枠内にテキストが入っていればOKとなります。
ECサイトごとの基準
大まかには下記が基準として定められています。
- Yahoo!ショッピング:テキスト専有率 20%以下 を推奨。
- 楽天市場:テキスト要素の占有率は20%以内にしなければならない。
- Amazon:商品画像は基本的に「背景白・文字なし」が推奨される。
※詳しくは各ECサイトでご確認ください
なぜECサイトはテキスト専有率を規制するのか?
テキスト専有率が規制されている理由として、3つ挙げました。
ユーザー体験の向上
ごちゃごちゃした画像より、シンプルな画像の方が「直感的に理解しやすい」というデータがあるように、
すっきりとした画像の方がすんなりと商品の特徴を理解することができます。
また、余計な文字が多いと「売り込み感」が強くなり、信頼性が低下してしまうことも。
ユーザーに余計なストレスを与えないことがポイントとなります。
売上への影響
視認性の高い画像は「クリック率」や「コンバージョン率」が向上します。
例えば「シンプルな画像 vs. テキスト満載の画像」でA/Bテストをすると、前者の方が売れやすい傾向にあることがわかっています。
サムネイル画像は一瞬でユーザーの目を惹く必要があるため、テキストを読み込まなくては理解できないサムネイルだとユーザーは目もくれてくれません。
一目見て、商品のおおよその内容を理解してもらえるサムネイルが好まれます。
規制違反のリスク
ルールを守らなければ一覧から画像が非表示になったり、減点が続けば出品停止の可能性もあります。
Yahoo!ショッピングなどは数年前まではテキスト専有率のルールがありませんでしたが、運営ルールの変更に柔軟に対応することが大切です。
画像ルールと注意点
各モールでそれぞれルールが異なりますが、共通しているのは下記の点です。
- テキスト専有率は20%以下を推奨
- 背景はできるだけシンプルにする(白や単色推奨)
- 価格や割引は「テキスト」ではなく「バッジ」や「アイコン」で表現
- 「視認性が高く、シンプルなデザイン」が推奨され、縁を囲うなどは避ける
- キャンペーン情報などは「文字で埋め尽くさない」ように注意
- etc…
規制する理由に基づいたルールが取り決められ、Amazonではメイン画像は「背景白」「商品単体」「文字なし」が基本ルールとなっているように
ユーザーが一目見て商品を理解できることが望まれています。
テキスト専有率を下げつつ、伝わる商品画像を作るコツ
ルールに則ってサムネイル画像を制作したいところですが、一覧となって表示された際に目に入ってくるサムネイルを作る必要があります。
ライバルよりも先にクリックしてもらうため、下記のようなポイントに気をつけて作るようにしましょう。
① テキストの「優先順位」を決める
「全部の情報を詰め込もう」とすると、ごちゃごちゃした画像になりがちです。
商品の良いところをたくさん伝えたい気持ちは一旦抑えて、伝えたいことを 3つ以内 に絞るのがポイントです。
商品の特長やサイズ感など、ユーザーが求めている機能やメリットを端的に示してあげることでクリックしたくなるサムネイルとなります。
② アイコンやシンボルを活用
「送料無料」「大容量」「国産」などは、アイコンで表現することでテキスト専有率を抑えることができます。
ユーザーが理解できるところまで文字数を削ることでテキスト専有率は抑えられますし、例えばチェックマークやシンプルなバッジを活用するなどをして小スペースに抑えることもいい方法です。
③ 余白を意識したデザイン
文字ばかりの文章は読みにくい上に、読む気にもなれませんよね?
サムネイルでも同じように、文字を詰め込みすぎると視認性が低下してしまいます。
必要な情報のみを目立たせ、余白をしっかり確保することが大切です。
④ 統一感のあるフォント&色使い
こちらはサムネイルのみならず、商品画像全般に言えることではありますが、
異なるフォントを使いすぎると視認性が低下してしまいます。
そのため、ブランドカラーに合わせた配色で統一感を持たせると、洗練された印象になりブランドとしても認識してもらいやすくなります。
プロに任せるメリットと活用方法
難しければ、プロに任せましょう!
「やっぱりサムネイルを作るのは難しそう…」と感じられてはいませんか?
商品画像制作ポチっと!は、ECサイト向けの商品画像を プロのデザイナーが制作代行 するサービスです。
「テキスト専有率を守りつつ、売れる商品画像を作りたい!」というEC事業者におすすめ!
ポチっと!が代行して商品画像を制作いたしますので、お気軽にお問い合わせください!
『商品画像制作ポチっと!』を活用するメリット
- ECサイトのルールに適合した画像を制作
- 視認性が高く、売上につながるデザインを実現
- 面倒な画像制作をプロに任せることで、業務効率化ができる
お忙しいオーナーさんに代わって、商品の魅力を最大限伝えるお手伝いをさせていただきます!
依頼方法は簡単3ステップ!
- 1.サイトから問い合わせ&希望のデザインを相談
- 2.プロのデザイナーが最適な画像を制作
- 3.納品後、すぐにECサイトで利用可能!
「依頼するための時間が取れないんだよな〜」というお忙しいオーナーさんでも、
素材と商品のウリを伝えていただければ、こちらから構成〜デザインまでまるっとご提案することも可能です!
まとめ
テキスト専有率とは、 ECサイトでは20%以下が推奨されることが多く、視認性やユーザー体験の向上のため規制されるようになっています。
売上アップにもつながるため、適切なデザインを心がけましょう。
『商品画像制作ポチっと!』を活用することで、ルールを守った効果的な商品画像をプロが代わりに作成いたします!
まずはお気軽にお問い合わせください!