引きこもり日記

---

１．オリジナルでタイトル画像とか作ってみた。
自分はillustratorの体験版で作ったけれど、
よく考えたら複雑なものなんて作れないし、
シンプルなデザインならwinのペイントとかでも良かったような、、


２．titleタグを変えてみる。
此処はトップページでは引きこもり日記とタイトルがなって、
記事のペーだとその記事のタイトルがtitleになるようにしてます。

こういう作りは毎日が雑記に近い記事を書いているブログにお勧めみたいです。
一応そのタグのほうも書きます。
<title><!--index_area--><%blog_name><!--/index_area--><!--not_index_area--><%sub_title><!--/not_index_area--></title>
こうしておけばタイトル記事のタイトルで検索もされやすくなるのかな。

別の方法としてこういうのもあるみたい。
<title><!--not_index_area--><%sub_title>：<!--/not_index_area--><%blog_name></title>
トップページは普通だけど、
記事のページでは
記事タイトル：ブログのタイトル
と言う風になるみたい。

この方法は一つのをテーマで毎日書いているブログ向きかも。

追記：最終的にタイトルタグはここまでやっちゃった。
<title><!--index_area--><%blog_name><!--/index_area--><!--permanent_area--><%sub_title><!--/permanent_area--><!--date_area--><%sub_title>の記事一覧│<%blog_name><!--/date_area--><!--category_area--><%sub_title>の記事一覧│<%blog_name><!--/category_area--><!--search_area--><%sub_title>の検索結果│<%blog_name><!--/search_area--><!--not_index_area--><!--page_area--><%blog_name>の記事一覧<!--/page_area--><!--/not_index_area--><!--tag_area--><%sub_title>タグの一覧│<%blog_name><!--/tag_area--></title>
↑前の奴に加えて
記事の一覧ページにタイトルなし、
月別記事にタイトル、
カテゴリー一覧にカテゴリーのタイトル、
タグ一覧にタイトル、
サイト内検索にタイトル、
以上を追加できるタイトルタグにしました。
追記終わり。

ここまでやる必要は無いと思います。


FC２ブログの人はそのまま使えるので、
今どういう風になっているのか調べて
変えてみるのをお勧めします。


３．discriptionタグも変えてみる。
<meta name="description" content="">
テンプレートでこんなのがあるけど、ソレ。

検索すると検索結果のサイト名の下に
説明文みたいなのが出るけれど、
それは↑のタグで変えることが出来る。

ここの奴は
<!--index_area--><meta name="description" content="説明文" /><!--/index_area--><br /><!--permanent_area--><meta name="description" content="<!--topentry--><%topentry_discription><!--/topentry-->" /><!--/permanent_area-->
こういう感じ。

トップページでは説明文（自分で考えた文章に変えてます）
が表示されて、
記事のページとかではその記事の最初の数行が
説明文として出るようになっているみたい。

これでどのくらい効果あるのか分からないけれど、
ブログのタイトルが検索で引っかかったら
来たくなるようなのが表示されるようにはしているつもり。

ソレと、
記事書くときも最初の数行に説明的な文章を入れて書くことで、
検索でどんなサイトか見分けやすくもなる。

これもＦＣ２限定だったと思うけれど、
どこでも似たようなことは出来るみたい。


４．パンくずリスト作り方。
ブログで効果がある気はしないけれど、
面白そうなのでつけてみたんです。

<!--permanent_area--><br /><div class="topic_path"><br /><!--topentry--><br /><a href="<%url>" title="引きこもり日記TOP">引きこもり日記TOP</a> > <a href="<%topentry_category_link>"><%topentry_category></a> > <%sub_title><br /><!--/topentry--><br /></div><br><br /><!--/permanent_area--><br /><!--category_area--><br /><div class="topic_path"><br /><a href="<%url>" title="top page">top page</a> > <%sub_title><br /></div><br><br /><!--/category_area--><br /><!--tag_area--><br /><div class="topic_path"><br /><a href="<%url>" title="top page">top page</a> > <%tag_word><br /></div><br><br /><!--/tag_area--><br /><!--date_area--><br /><div class="topic_path"><br /><a href="<%url>" title="top page">top page</a> > <%now_year>年<%now_month>月<br /></div><br><br /><!--/date_area-->
どこかにもっと詳しく書いてあったところも有ったんですが、
どこか忘れてしまったのでもう少し気になる人は
探してみてください。

パンくずリスト作り方とかですぐ出ると思うけれど。
↑のはＦＣ２ブログ限定だったと思う。

パンくずリストってブログだと深いページ構造って
出来ないし、
内部リンク稼ぎも普通にやっていて結構な数出来るから
どれだけ意味があるのか解んないけれど。


５．文字の微調整
スタイルシートのheaderとかヘッダーと
作った人がどこの部分か分かるように
書いていると思うのでその辺の数字をいじってみて
微調整してください。

paddingは確か文字等のものと、
パーツと端からとの隙間の広さだったかな。
その隙間の広さを変えてみたりすると良い感じに。

文字の大きさはfont-sizeとかの数字ですよね。
h1のところがタイトル部分の大きさになってることが多いのかな。

最初に保存してから（←ここが重要）色々と弄っていると
そのうち綺麗に収まるようになります。

ブログのタイトルが長いと崩れやすかったりするし、
タイトルが短いと空間とか大きさのバランスが
結構見た目に左右しそうなので
最初にの辺結構弄りました。


おまけ
携帯の方も変えてみた。
一番大きいのはタイトルタグの加工。
タイトルタグの重複対策もかねて。

パソコン用に使っているタイトルタグ上に書いた奴、
とは違うほうのを携帯のタグに使うか、
携帯のタイトルタグ
<title><%blog_name> <%sub_title></title>
大体こういう風にタイトルなってると思うけど、
<blog_name>のすぐ横にもう一つ何かキーワードを埋め込んでおく。

<title><%blog_name>ブログ <%sub_title></title>
こんな感じに。
↑FC２限定

ＦＣ２ブログやってるとタイトルタグの重複は
かなり怖いかもしれない。

ほうっておくと１００とか２００は平気でなります。
気にしなくても大丈夫という人も居るみたいだけれど、
やれるなら、やっておいてもいいとも思う。