デザインのカスタマイズで、h1タグをdivタグに変えると文字サイズや色が変わり、リンクの下線まで表示されてしまうのですがどのようにすればいいのでしょうか？

ブログ最適化の為、ネットで見つけたページを参考にさせてもらっているのですが、そこでh1タグを付ける場所を変更というものがあり、デザインのカスタマイズで、元々のh1タグの部分をdivに変え、h2タグの部分をh1タグに変えたのですが、文字の大きさや色が変化し、リンクの下線まで表示されるようになってしまいました。

参考にしているページの説明では、CSSをいじらなければそのまま文字は変化しないというように書いてあったので手詰まりになって困っています。
よろしくお願いします。

CSSでh1やh2の見栄えを定義していない場合は、ブラウザ標準の装飾が行われます。CSSでの定義があった場合でも、その定義の仕方によってはCSSの変更が必要です。

h2タグでの見栄えの定義をタグを指定せずに行っていたのであれば、それをそのまま利用することができます。具体的にはCSSの中で

.title {...}
#title2 {...}

となっていたのであれば

<h2 class="title"> -> <h1 class="title">
<h2 id="title2"> -> <h1 id="title2">

とすれば同じ見栄えになるはずです。

しかし、CSSの中で

h2 {}
h2.xxx {}

のような記述がある部分があれば、HTMLテンプレートでh1をh2に変えただけでは見栄えが変わってしまいます。そこでCSSのカスタマイズを行い、

h2 {} -> h1,h2 {}
h2.xxx {} -> h1.xxx, h2.xxx {}

とすれば同じ見栄えになります。

SEOにおいて、h1タグが有効というのは間違いではないのですが、hタグは見出しタグなので、基本的にh1タグは基本的に1ページに1つというのが推奨されています。またh1タグの次にh2タグ、次にh3タグと順番を守る必要があります。h1タグの次にh2タグを飛ばしてh3タグを使うのは推奨されていません。

livedoor Blogの場合、デザインにもよりますがブログタイトルをh1、記事タイトルをh2、同じカテゴリの最新記事やコメント一覧、トラックバック一覧などをh3タグとしています。このような使い方は正しいと思います。

ちなみに、最近ではh1タグよりh2タグのほうが重要視されているという記事もあります。確かに1ページに1つしかh1タグを使わないとなるとブログタイトルがそこに当てはまるために、むしろ個別のページの中の重要なキーワードとしてh2に注目するというのは、検索エンジンとしても正しい挙動だといえます。