H1タグの書き方を

スタイルシートがよくわからないので、とりあえず、感じで書いてみました。
h1タグで書いてもサイトには非表示扱いになるようです。
不可視の方法は、「visibility: hidden;」にするそうですが、ページに余白となりちょっとページになじめなかったのでやめました。

<style type="text/css">
div {
margin-bottom: 2em;
}
h1, span {
background-color: #bde9ba;
}
.seo-h2 { display: none; }
</style>
<h1 class="seo-h2"><a href="http://www.ecocert.jp/">格安 SSL サーバ 証明書 最安値のドメイン認証即日発行</a></h1>
<p class="seo-h2">SSL サーバ証明書 格安即日発行　ドメイン認証のEcoCert:５年分を購入すると１年あたり1890円、ワイルドカードも１年あたり18900円になります。格安SSLCeroCertは個人から企業まで幅広くご利用頂いております。</p>