141000 タイトル回り

タイトル周りの要素を整理

タイトル回りを考えるにあたり、まず、入れるべき要素の整理が欠かせませんね。

まずは入れたいものをピックアップ。

1)サイトバナー
内容を伝えるグラフィック要素を持たせつつ、文字もはっきり。小さくてもOK。
MTの一般的なデザインとして、一見、サイトバナーに見えるものでも、2通りあります。

1.背景画像を使って、上に文字を載せる方法
2.1枚の画像にする方法

※SEO的に考えた場合、わたしのサイトの場合、ビッグキーワードで狙うのではなく、ロングテール的に細かいワードで狙うタイプなので、トップページ以外は、サイトの名前より、記事のタイトルやカテゴリーのタイトルが立ったほうがいい。
そうすると、サイトバナーは1枚の画像にして、サイトタイトルは、不要な場合にはHTMLソースの中で目立たせない方法も取れるほうが便利そうです。

2)検索窓
わたしの作っているサイトの多くは、キーワードで検索して来た訪問者が、同種の記事や自分が探している商品などの記事を見つけて、何ページもめぐることが少なくありません。ひとつのサイトの記事数も数百が一般的。
従って、検索窓が目立つ場所に必要です。

3)パン屑リスト
細かいサイトがたくさんあっても、同種のサイトをまとめる親サイトがあり、そこへはパン屑リストでつなげています。これも上部のタイトル回りに必要です。

4)サイトマップ
対検索エンジンでいえば、上部に越したことはありません。
また対訪問者を考えた場合、サイト内で導くために重要なサイドバーのトップにサイトマップを置くのはもったいない。
ということで、上部に見ればわかるけど、さりげなく置くのがベスト。ということで、これもタイトル回りに必要。

5)サイト説明
サイトのタイトルや説明はどこまで立たせるか悩むところですが、一瞬で「ここはなんのサイト?」を知ってもらう一助として、やはり入れておいたほうがよさそうです。

その他、自己紹介や関連サイトへのリンクなどは、サイドバーやフッターで済むと思うので、この5つを納めるタイトル回りデザインを考慮中。

サイトバナー考

MTで新たにブログを作っていくにあたり、あるていどフォーマットを作っていこうと考えています。

■わたしのデザインのフォーマット:タイトル回り

これまでTypePadで作ったサイトはバナーにだけ画像を使った、シンプルなデザインです。

わたしのブログの使い方は、日記的なブログをひとつ持ちながら、その周囲に関連する商品紹介サイトを配するというもの。

つまり、日記的ブログこそ、いわゆるブログですが、その周囲のサイトはブログをCMS(コンテンツマネージメントシステム。要はホームページの作成、管理を楽におしてくれる道具)として利用しています。

ですので商品紹介記事も多く、主役の商品を食ってしまうようなブログデザインは困る。あくまで主役の商品や、わたしの撮影した写真を引き立てるブログデザインが必須です。

■サイトバナーは写真やイラストを使いつつ、それらが目立たないように

でもサイトバナーを文字だけにもしていません。
それは一瞬見ただけで、なんのサイトかを理解してもらうには、文字だけでは弱いから。

Banner_kitchen Banner_diary Banner_choco2

TypePadで作った料理のサイトは、フリー素材の枠に、文字を大きくして、イラストは小さなものを添えています。

Banner_g_tool_2 Banner_gaichu G_dic_bannar

園芸関係は、自分の撮った写真を背景にぼんやりと使い、上に文字を載せています。

今回は、フリーの写真のいいものを見つけたので、写真のコラージュでタイトルを作りました。

Sanchoku300

その他のカテゴリー

100000 MovableType | 100100 1つのMTで、複数のブログを、複数の独自ドメイン(マルチドメイン)で運営するためのシンボリックリンク設定 | 101000 TypePad | 110000 カスタマイズ | 111000 ナビゲーションバー | 112000 独自ドメイン | 113100 CORESERVER | 113200 XRER | 113300 さくら(サーバ) | 120000 プラグイン | 130000 PHP化 | 141000 タイトル回り | 142000 背景デザイン | 210000 ECのセミナー | 310000 ヨガ | 410000 動画 | 510000 モバイル | 511000 ネットブック(モバイルノート) | 520000 セキュリティ | 521000 ノートン | 610000 アクセス解析 | 611000 Google Analytics | 611100 Googleのアクセス解析「Google Analytics」の使い方:申し込みかた | 700100 通販 | 701100 ソニー | API | GALAXY S II SC-02C | Google+ | GoogleAdsense | Googleウェブマスターツール | Lenovo | NEC LaVie Z・NEC LaVie HZ | SCANSNAP | ValueDomain | windows8 | お名前.com | ウェブログ・ココログ関連 | ウエラブルアイテム | ウルトラブック | サイト作成 | スマートフォン | セミナー | タブレット | テーブルゲーム | デジカメ | パソコン・インターネット | ビジネス小物 | ライフハック | レビュー | 使わなくなったパソコンの処分 | 出張用ノートPC・タブレット診断チャート | 出張用パソコン・タブレット | 大人の社会科見学 | 家具 | 廃車 | 手帳・文具 | 携帯・デジカメ | 書籍・雑誌 | 楽天カード | 独自ドメインでTypePad系ブログ | 画像加工ソフト | 電源

便利ツール

  • キャリアアップ.biz >ブロガーズブログ

カテゴリー

広告

  • ソフマップ・ドットコム

マイチャンネル