グラフィックデザイナーだけが心に留めておくべき6つのSEOルール
公開: 2020-01-07目次
- 1 1. 人間のためにデザインする方法
- 2 2. モバイルフレンドリーなビジュアルの作成
- 3 3. スキャン可能で読み取り可能な構造
- 4 4. ビジュアルを挿入する
- 5 5.ファビコン
- 6 6. デザインの心理的原則
- 6.1まとめ:
グラフィック デザインとは、魅力的な Web サイトを作成することだけではありません。 それ以上です。 ビジネスアイデア全体を視覚化効果に同期させ、見た目と便利な機能のバランスをとる適切な色とレイアウトのセットを選択することは例外的です.
これらの手順を正確に実行すると、 それはあなたのウェブサイトを美的に美しくするだけでなく、より多くの訪問者とビジネスの利益へのゲートウェイとして証明されます.
しかし、疑問が生じます:
- それだけで Google に好印象を与えることができますか?
- Google が画像を解釈しないことをご存知ですか。
「Google のような巨大な検索エンジンがどのようにしてグラフィックを認識し、あなたのサイトにふさわしいランキングを与えることができるのでしょうか?」 ここでSEOの出番です。
SEO は、グラフィックを介してユーザーと明確にコミュニケーションをとるのに役立ちます。 SEOは、検索エンジンがあなたのブランドとそのメッセージについてのアイデアをターゲットユーザーに与えるのに役立ちます. SEO のさまざまな側面は、1 つのデザインに役立ち、ユーザー指向のグラフィックを組み込み、それ以上実装されないものを作成することにはならないと推測できます。
企業は、フレンドリーなコンテンツを最適化するためにグラフィック デザイナーをガイドできるシカゴの SEO サービスを利用することを好みます。 しかし、SEO の専門家がいつでもすべてのステップを示してくれることを期待するのは、時間の無駄であり、リソースを浪費することを意味します。 ニッチの頂点に立つことを目指すグラフィック デザイナーは、SEO の概念を学び、探求するために時間とエネルギーを費やす必要があります。 これらの SEO のヒントは、時間を節約し、ユーザー エクスペリエンスと Google ランキングの要因に違いをもたらします。
すべてのグラフィック デザイナーが実践すべき 6 つの SEO のヒント:
1. 人間のためにデザインする方法
Google で「グラフィック デザイン」の意味を検索すると、その概念は次のように要約されます。
グラフィック デザインとは、テキスト形式をグラフィック形式に解釈することです。
Wiki の定義によると、「問題の解決策を設計することに重点を置いてください。」 誰かの目を引くデザインは初心者向けです。ユーザーの問題と、製品やサービスがどのように解決策になるかを念頭に置いてください。 この戦略に慣れると、ニーズ、トレンド、および製品サービスの種類の側面を注入することにより、ビジネス向けのデザインを検討します. あなたのデザインは、色、内容、ビジュアルの完璧なバランスでこれらすべてを伝える必要があります。 多すぎず、少なすぎず。 十分です。
2. モバイルフレンドリーなビジュアルの作成
モバイル インターネット検索がデスクトップ検索を上回った 2016 年以降、Google はモバイル ファーストのデザインをランキング要因リストに追加しました。 設計時にモバイル ファーストのアプローチを採用する理由は、さらに 3 つあります。
- インターネット アクセスの 70% はモバイルからです。
- 消費者の 51% は、新しいブランドや製品を検索するためにモバイル デバイスを好む (BrightEdge 2017)
- 2018 年の Google の国勢調査によると、スマートフォン ユーザーの 80% は、問題を解決するモバイル サイトまたはアプリを提供する企業から購入することを選択しています。
これらの事実を読むと、デバイスに適したグラフィックスを作成することの相関関係について疑問に思うかもしれません。 グラフィックデザインに関する調査によると、グラフィックデザインに重点を置いている企業は、デザインに重点を置いていない企業よりも 200% 優れています。 また、目を引くグラフィックがユーザーに長く信頼できる印象を与えることも強調しています。ユーザー エクスペリエンスが Google アナリティクスに与える影響と、それに対する静的な好みを否定することはできません。
そこで、「モバイル ユーザー向けにグラフィック デザインを機能させるにはどうすればよいか」という疑問が生じます。 画面の幅が狭いため、印象を残す余地が少し少なくなりますが、それでもインパクトのあるデザインを作成するチャンスはあります。 問題は、グラフィック デザインをモバイル ユーザー向けにするにはどうすればよいかということです。 ここでは、画面が小さいため、ユーザーを感動させるチャンスはほとんどありません。
これらの 2020 年の 7 つのモバイル ファースト グラフィック トレンドは、小さな画面向けにより優れたビジュアルをデザインするのに役立ちます。
- 感情に満ちた色
- 幾何学的形状
- 抽象的なパターン
- 明るい色と暗い色のコントラスト
- 最低レベルの明るさ
- 手描きのイラストやデザイン
- 本物の写真
3.スキャン可能で読み取り可能な構造
ユーザーは多くの Web サイトやアプリを扱っています。 あなたのビジネスを理解するために一言一句読んだ人はいません。 彼らが何を見て、どのようにそれを見ているかがすべてです。 もっと読むためにとどまるべきか、戻るボタンを押すべきかを決定するのに役立つのは、デザインの影響です。 この段階では、言葉、画像、アニメーション、動画など、あらゆるコンテンツが重要な役割を果たす可能性があります。
そのため、スキャン可能性は Web ユーザビリティの重要な要素の 1 つです。 これは、ユーザーが希望どおりにデザインをスキャンするのに役立つコンテンツと要素を提示する方法です。
ユーザーの視線追跡パターンに関するさまざまな調査により、ユーザーが Web ページをスキャンする 3 つの一般的な方法が明らかになりました。
- Z パターン
Z パターンはユーザーの典型的な目のパターンですが、Web デザイナーは、コンテンツとビジュアルを組み合わせる余地があまりないため、実装を避けています。 コンテンツの量が少なすぎると確信している場合は、このパターンを採用する必要があります。
- ジグザグ パターン
多くの Web サイトには、このパターンが共通しています。 また、ユーザーの視線追跡動作を妨げることなく、コンテンツやビジュアルを挿入するためのより多くのスペースを提供します。
- F パターン
これはあまりにも一般的で、コンテンツのためのスペースが増えています。
このパターンのいずれかを視覚的な階層と組み合わせて、Web サイトに人間味を加えます。
- 視覚的な階層を理解する:
視覚的な階層は、コンテンツを最も人間が認識できる形式で配置および編成します。 たとえば、記事は最初に見出しを使用し、次に小見出しを使用し、最後にコピー ブロックを使用します。 これにより、ユーザーは見出しと小見出しをざっと見て、記事が役立つかどうかを理解できます。 見出しと小見出しの表示によって、ユーザーが留まるか離れるかが決まります。 それらを賢く使用してください。
4. ビジュアルを挿入する
デザイナーは、次のようないくつかの質問を自問する必要があります。
- 「次のビジュアルのうち、どちらがより魅力的ですか?」
- 製品のテキストによる説明は何をどのようにすべきですか?
- その製品のビデオまたは画像表現 (テレビ広告など) を使用する必要がありますか?
それらについてのそのような研究に飛び込むと、極端なルートを通じて答えを見つけることに掘り下げるかもしれません. これは、ビジュアルがテキストよりも強力な力を持っているためです。脳のあまり忙しくない領域でのビジュアル コンテンツ プロセスです。 興味深い事実のいくつかは次のとおりです。
- 脳に伝わる全情報の90%は視覚情報
- 人間はテキストよりも 60,000 倍速くビジュアルを処理します
- 人間は 10 分の 1 秒で視覚的なシーンの感覚を得る
- 脳はわずか 13 ミリ秒しか持続しない画像をすばやくスキャンします
- 人間の目は、1 時間に 36000 の視覚的メッセージを捉えることができます
Web サイトにビジュアルを挿入する必要があるその他の理由は何ですか?
次のデザインでビジュアルを使用する際は、これらの 10 のヒントに従ってください。
- 写真を挿入
- 検索エンジンが関連性を認識できるように、「代替テキスト」の下にビジュアルに適切な名前を付けます。
- 動機のためにいくつかの引用を入れてください.
- インフォグラフィックは、長い形式のコンテンツよりも優れています。
- アニメーション GIF はすぐに目を引きます。
- 線や矢印などの視覚的な合図により、ユーザーは長く滞在して探索することができます
- 明るい色の使用は避けてください。
- ビジュアルでストーリーを伝える (テレビ広告など)
- すべてのビジュアルが意図したメッセージを伝えていることを確認してください。
- 説得力のあるビジュアルの最後に行動を促すフレーズを配置します。
5.ファビコン
ファビコンは、ブランドとそのウェブサイトに関連付けられたアイコンです。 ブラウザのアドレスバーまたはサイト名の横にあります。
ファビコンは、ユーザーが同じブラウザーで開いている他の多数のタブからあなたの Web サイトを区別するのに役立ちます。 ユーザーは、ファビコンの助けを借りてあなたのサイトを簡単に覚えて認識できます。
印象に残るファビコンをデザインする際には、これらの 4 つの重要なヒントに従ってください。
- シンプルでわかりやすいものにしてください (Amazon のように)
- 文字やブランドのアイコンは素晴らしい仕事をします
- Photoshopで512px X 512pxの透明キャンバスにデザイン
- シャープで小さいが、人間の目にははっきりしている必要があります
6. デザインの心理的原則
デザインの成功は、そのターゲット ユーザーに依存します。 したがって、人間の思考パターンを理解することが重要です。 これは、人間の心理学が絵に入る場所です。 ツールやテクニックは時間の経過とともに変化する可能性がありますが、人間の心理は変わりません。
たとえば、ユーザーはまだ物語が好きですが、今日では、本全体を読むよりも視覚的な形で物語を愛しています。 グラフィック デザイナーとしてのあなたの目標は、人間の心理とつながり、それをトレンドと組み合わせて最新の Web サイトを構築することです。
要約すると:
デザインの学位があれば誰でもデザインできますが、ビジュアライザーになるにはスキル、創造性、賢明な戦略が必要です。 確固たる地位を築くことを目指すすべてのグラフィック デザイナーは、自分のデザインに創造性とSEO 戦略が適切に組み合わされていることを確認する必要があります。 これは、ブランドの目標を達成しながら、ターゲットとする視聴者にとって可能な限り理解しやすいデザインとコンテンツをキュレートすることを意味します。