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

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

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

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

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

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

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

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

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

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

サイトバナー考

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

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

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

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

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

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

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

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

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

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

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