ＴＯＰページのみのＣＳＳの最適化だったんですが、思いの他、デザインが崩れてしまって困っています。
もともとは外部ＣＳＳを利用しない方法でサイトを作っていたのですが、今回は特にタイトルとサブタイトルの文字が離れすぎているのが不恰好に思えてしょうがありません。
そこで、
<span style="line-height: pt">
を使って上下の文字間の隙間を減らそうとしたのですが、うまく減りません。どうしたらタイトルとサブタイトルの文字間の距離が縮まりますか？
その他、サイトの内部ページのＳＥＯとしてやっておくべきことはありませんか？アドバイスをよろしくお願いします。
デザインがこうも変って帰ってくるとショックです。
元のＴＯＰページ
http://www.juken-senryaku.com/index3.htm
依頼して帰ってきたＴＯＰページ
http://www.juken-senryaku.com/
No.1
804
34
30pt
h1 {
font-size: 48px;
padding-top: 20px;
}
になっていますので
padding-top: 5px;
くらいにすればよろしいかと
No.2
7910
40pt
前のレイアウトと同じようにするには、２箇所の修正をする必要があります。
CSSファイルを直接修正できる場合は、
http://www.juken-senryaku.com/style/style.css
このファイルの
74行目
padding-top: 20px;
の数字を少なくします。
また、紺色の矩形の高さは、
17行目
height: 130px;
の数字を少なくします。
もし、CSSファイルの修正ができない場合は、強引ですがHTMLファイルを以下のように修正すると、それなりにできると思います。
<div id="rogo" style="height:100px;">
<strong>高校受験で偏差値ＵＰの勉強法！高校受験の問題集！</strong>
<h1 style="padding:0;line-height:1;">高校受験研究会</h1>
</div>
CSSやSEOなど、やるべき事は多数あるように見えるので、再度専門の業者に作業を依頼した方がよいと思います。
要望通りにならない場合は、他の業者の選定も考慮した方がよいと思います。
ありがとうございます。
アドバイスいただいたおかげで、かなり改善できて嬉しいです。
ＣＳＳとＳＥＯやるべきことたくさんありますか…。
また日をおいて依頼してみようと考えています。
8
8
1
1
ありがとうございます。
そのようにしたらうまく縮まりました。