個別記事のタイトルを目立たせる
2005年04月21日15:17
個別記事のタイトルを見た目にも、SEO的にも目立たせてみました。ライブドアブログの方はご参考にしてみて下さい。

ライブドアブログで、個別記事のHTMLを見ると、
<h1 class="blogtitle"></h1>
で囲われたものが出てきます。

これがタイトルです。
通常は、ブログのサイト名がリンクされて入っています。

これを記事のタイトルにしてみます。
<h1 class="blogtitle"><$ArticleTitle ESCAPE$></h1>

<$ArticleTitle ESCAPE$>の部分が各個別記事のタイトルをあらわすタグのようです。

タイトルだけだとさびしいので、「■」と半角スペースを足してみました。

<h1 class="blogtitle">■&nbsp;<$ArticleTitle ESCAPE$></h1>(&は小文字)


これだけでもさびしいので、文字を大きくして、タイトルに枠をつけてみました。

<style type="text/css">
<!--
.blogtitle{
color:#990000;
font-size:32px;
font-weight:bold;
padding-left:15px;
background-color:pink;
border: outset 4px pink;
}
-->
</style>
<h1 class="blogtitle">■&nbsp;<$ArticleTitle ESCAPE$></h1>
(&は小文字)

それぞれ説明すると以下のようになります。
color:#990000;  ←文字の色
font-size:32px;  ←文字の大きさ
font-weight:bold; ←文字を太字に
padding-left:15px; ←文字の左側のスペースの指定
background-color:pink;  ←文字の背景色
border: outset 4px pink;  ←文字の背景の囲い


また、説明文があると、個別記事のタイトルが目立たなくなるので、ブログの説明文を消しました。

<div class="description"><$BlogDescription$></div> ←消去


それから、グーグルなどに検索された時に、以下のように表示されます。

アフィリエイトは儲かんないってば:ライブドアがGoogle(グーグル)と ...
「肉を切らせて骨を絶つ」アフィリエイトを目指し、今日も報われないアフィリエイト
生活を営む。「アフィリエイトは儲かりすぎて困るってば」にタイトル変更できる日を目指して。

afiliate.livedoor.biz/archives/18985745.html - 26k - キャッシュ - 関連ページ


これは、HTMLで、titleがブログタイトル:記事タイトルとなっているのです。

<title><$BlogTitle ESCAPE$>:<$ArticleTitle ESCAPE$></title>


「アフィリエイトは儲かんないってば」というタイトルのものめずらしさに来てくださっている方も多いとは思いますが、このままでは記事のタイトルが良くわかんないし、検索エンジンは左側を重要視するらしいので、変更してみました。


記事タイトル:ブログタイトルと、しました。

<title><$ArticleTitle ESCAPE$>:<$BlogTitle ESCAPE$></title>



普通の記事のタイトルは残しました。

<div class="blogbody">
<h2 class="title"><$ArticleTitle ESCAPE$></h2>


以前変更したまま(hタグをいじる@ライブドアブログ)となってます。そのままにしときました。



最後にこのままでは何のサイトか、わからないし、トップページに戻れないので、以下のリンクを付け足しました。

<body>
<div align="right"><a href="http://afiliate.livedoor.biz/"><strong>アフィリエイトは儲かんないってば</strong></a></div>


個別記事の右上にトップページへのリンクが一応、表示されています。


変更は以上です。


がっ!!

この変更でどういう不都合が起きるかは全くわかりません。今後効果があればご報告いたしたいと思いますが、何の効果も無い可能性、もしくは検索エンジンに嫌われる可能性もあります。


HTMLを変更されるときは、バックアップをとった上、自己責任で行いましょう。