WordPressブログのデザインを改善する方法は? なぜビジュアルがサイトのトラフィックにとって本当に重要なのですか?

公開: 2016-09-09

デザイン…デザインは誰もが聞いたことがあるものですが、それが何を意味するのかを正確に知っている人は多くありません。 この世界のすべてにデザインがあります。 マグカップ、シャツ、部屋、サイトなど。

良いデザインがなければ、すべてがまあまあです。 そのため、WordPressブログの外観に注意を払う必要があります。

内容を隠す
1サイトではビジュアルはそれほど重要ですか?
2ブログのデザインを改善するにはどうすればよいですか?
3画像とビデオ
4フォントとアイコン
5サイドバー
6

サイトではビジュアルはそれほど重要ですか?

それについては間違いありません。 時には、それはコンテンツ自体よりもさらに重要です。 もちろん、コンテンツは常に優先されますが、情報は高品質のデザインとともに奇跡を起こします。

ビジュアルとはどういう意味ですか?

ビジュアルは、テキスト以外のものであれば何でもかまいません。 それらは、画像、グラフィック、インフォグラフィック、フォント、ビデオ、アニメーション、色などです。デザインは、ブログで一緒に見栄えを良くするために、これらすべてを選択して配置する方法です。

ビジュアルコンテンツの重要性について私を信じていない場合は、次の証拠があります。

  • 脳に伝達される情報の90%は視覚的です。
  • 脳は視覚情報をテキストより60,000倍速く処理します。
  • 色付きのビジュアルにより、コンテンツを読む意欲が80%向上します。
  • 関連する画像を含む記事は、画像を含まない記事よりも合計視聴回数が94%多くなります。

ブログのデザインを改善するにはどうすればよいですか?

時々あなたはあなたのサイトを見事に見せるためにデザイナーを必要とします。 しかし、それは必ずしも必須ではありません。 あなたも一人でそれを行うことができます。 必要なのは、少し創造的なビジョンと…忍耐だけです。

適切なツールを見つけてインストールし、使用するための忍耐力。

WordPressブログを自分でデザインするときに最も考慮すべきことは何ですか? 一歩ずつ進めていきましょう。

画像と動画

あなたはプロの写真家であり、あなたのサイトであなた自身の画像だけを使用しなければならないと誰が言いましたか? たくさんの高品質な画像を無料で提供しているサイトはたくさんあります。 同じことがビデオにも当てはまります。

MyStockPhotosは、ThemeIsleのアマチュア写真家によって生かされているコレクションであり、世界中のすべてのブロガーのための無料のリソースがいくつか付属しています。

Unsplash、Pexels、Gratisography、Life of Pix、StockSnap、Cover、Mazwai、Distill、Videvoは、WordPressブログに作品を借りることができる最も素晴らしい無料の画像およびビデオリソースのほんの一部です。 また、Poster Maker Appなどの多くの画像デザインアプリケーションや、Canva、Adobe SparkなどのWebサイトを使用して、ブログ用の高品質でエレガントな画像をデザインできます。

画像は欠かせません。 画像を使用せずに投稿を公開することはできません。 それはルールです! ただし、注目の画像、バナー、広告、背景など、他の多くの理由から画像は不可欠です。 あなたが何をしたり考えたりしても、画像はユーザーエンゲージメントを大幅に向上させます。

それは事実です。

post-with-images

ただし、Webで見つけたとおりに使用する必要はありません。 いくつかの優れたツールを使用して、それらを編集および最適化できます。

Canva

Canvaを使用すると、クールなものを簡単にデザインして、この時間に楽しむことができます。 基本的に何でも作成できます。 その上、それは無料と有料の画像、チャート、イラスト、フレーム、アイコンなどの独自のストックが付属しています。それを試して、魔法を起こさせてください。

Pixlr

優れたオンラインフォトエディタはPixlrです。これを使用して、ブログで使用する画像を編集できます。 非常に複雑な機能と設定が付属しているため、高度なエディターを探している場合に最適ですが、Photoshopほど高度ではありません。

ImageOptim

元の画像を通常のサイズと品質でアップロードすると、サイトのパフォーマンスに影響することをご存知ですか? ブログに掲載する前に、常にすべての画像を最適化する必要があります。 ImageOptimは、画像をより軽量にし、同時に品質に影響を与えないようにすることで画像を圧縮する、優れた使いやすいツールです。 画像は同じですが、ディスクスペースと帯域幅を節約できるため、サイトの読み込みが速くなります。

フォントとアイコン

フォントは最初は少し重要ではないように見えるかもしれませんが、ブログのデザインについて考えるときに最初に頭に浮かぶことは必ずしもありません。 しかし、それらはより親しみやすい外観への鍵です。 特にあなたがブロガーやライターなら。 作家にとって、フォントは神聖なものです。

または多分それは私だけです。

normal-fonts

複雑なものでも誇張しないでください。 しかし、違うようにしてください。 テキストのフォントは講義をより快適にします。 フォントが気に入ったら、私は通常ブログや記事に長居します。

FontReachは、世界中のすべてのフォントを提供する興味深いツールです。 ここでは、Web全体のすべてのサイトで使用されている最も人気のあるもののリストを見つけることができます。 ただし、既に知っているフォントを入力して操作することもできます。

FontAwesomeは、WordPressサイトに完全に適合するアイコンとフォントの大きなパッケージを提供する優れた人気のあるツールでもあります。 たくさんの物や物のアイコンを提供します。 欲しいものを検索するだけです。

ブログのフォントやアイコンについて冗談を言ってはいけません。 それらは記事の読みやすさを改善します。 そして、時には、訪問者があなたのブログに長く滞在する理由かもしれません。 ただし、フォントスタイルを選択したら、それに固執します。 同じブログで多くを使用しないでください、それはあなたに何の価値ももたらしません。

sidebar サイドバー

サイドバーを使用すると、サイトがよりプロフェッショナルに見え、コンテンツのミニマップの役割を果たします。 よく構成され整理されたトピックを訪問者に提供することで、訪問者のナビゲーションを容易にします。 また、サイドバーに、ブログの双方向性を高める優れたウィジェットを追加できます。

サイドバーには、検索バー、ソーシャルアイコンとフィード、投稿カテゴリ、召喚ボタン、コメント、作成者情報ボックスなどが表示されることがよくあります。サイドバーは、あなたとあなたの聴衆を同じ程度に助けます。

サイドバーは、その性質に関係なく、ブログを見逃してはなりません。 心に留めておきます。

配色は不可欠です。 色が私たちの周りのすべてを信じられないほど美しくするのと同じように、同じことがあなたのサイトでも起こります。 色合いは誰も傷つけません。 それどころか、色は人の注意を引きやすくします。

しかし、それらをスタイリッシュに使用してください。 コンテンツにスポットライトを当てるはずの組み合わせを選択してください。 デザイナーはそれがロケット科学だとあなたに言うでしょう、しかし私はそれが味と目的についてもっとあると言うでしょう。 いずれにせよ、サイトでは2色または3色を超えて使用しないでください。 あなたのブログが虹についてでない限り。

また、空白を恐れないでください! それらは必須です。暗い背景を使用することは、目に疲れるのではお勧めできません。その場合、誰もあなたの投稿を読むのに多くの時間を費やすことはありません。

明るい色よりも明るい色と色あせた色の方が耐えられることを覚えておいてください。

color-scheme

Coolors.coは、美しい配色を生成する無料のオンラインツールです。 このようにして、それらをテストし、好みに一致するかどうかを確認できます。 また、スキーム内のすべての色のコードを提供します。

あなたのブログがどのように見えるかをどのくらい気にしますか? あなたのサイトのトラフィックを増やすことになると、デザインは役立つと思いますか?


著者略歴:

Adelina Tucaは、ThemeIsleおよびOf living&pressingのライター兼WordPressブロガーです。 彼女はスポーツ、ハイキング、本、ロック音楽が大好きで、やりがいがありユニークだと思うものはすべて紙に書くのが好きです。