大きな影響を与える小さなWebデザインの変更

私が新しいサイトを立ち上げたとき、私は新しいサイトを強調するような機能をブログに追加したかったのです。 しかし、私はそれを過度に明白にしたり、ブログ自体から取り上げたりしたくありませんでした。

答えは小さいですが、大きな影響がありました…ナビゲーションメニューのリンクに小さな新しい画像を追加しました。 (クリックして 投稿して実際の動作を確認してください)。 私はそれ自体で数日間リンクを実行し、トラフィックはゼロになりました。 画像を追加したところ、アウトバウンドトラフィックの8.5%がそのリンクを通過しています。

実際に画像をHTMLに埋め込むのではなく、CSSを利用して、将来的に他の新機能で使用できるようにしました。 CSSは次のようになります。

span.new {background:url(/mytheme/new.png)no-repeat右上; パディング:0px 18px 0px 0px; }

背景は画像をテキストの右上に固定し、画像が繰り返されないようにします。 パディングにより、スパンがテキストを18ピクセル超えて押し出され、画像が鮮明に表示されます。 これをページに埋め込むのは簡単です。テキストの周りにスパンタグを使用するだけです。

レビュー

読者を新しい方向に向けるのにそれほど時間がかからない場合もあります。

3のコメント

  1. 1

    素晴らしいヒント! とてもシンプルでとても良い…それはブログに付加価値を与えるようなものです:シンプルで、良い、役に立つヒント…ありがとう!

  2. 2
  3. 3

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.