H1タグの使用について

  • このトピックには7件の返信、2人の参加者があり、最後にたくやにより8年、 8ヶ月前に更新されました。
7件の返信スレッドを表示中
  • 投稿者
    投稿
    • #57162
      kobaken
      ゲスト

      いつもお世話になっています。

      H1タグの使用について質問があります。

      SEO上使ったほうが良いとは聞いているのですが
      何だか文字が大きすぎて・・とH3タグばかり使ったりしているのですが
      これはSEO上好ましくないのでしょうか?

      必ずH1は使うべきか、SEO上あまり関係ないとか

      こちらで質問することでもないのかな、とは思いましたが
      simplycityをお使いの皆様はどうしておられるのか
      ご意見いただけたら嬉しいです。

    • #57169
      かうたっく
      ゲスト

      H1タグの使用について質問があります。

      SEO上使ったほうが良いとは聞いているのですが

      h1タグですが、記事などのタイトルのことですか?それならSimplicity側で既に出力されるようにやってくれているので、特に触る必要はないと思います。

      記事内のhタグでしたら、個人的にh2タグから使ってます。h2の見出しの小見出しがあればh3・更にh4など使う事も。

      ザックリ例

      h2 見出し1
       h3 小見出し1
        h4 h3の小見出し1
       h3 h2の小見出し2
        h4 『h2の小見出し2』の小見出し
      h2 別の見出し2

      こんな感じで使う事はよくあります。見返すと間違ってる…って事もありますが^^;

      何だか文字が大きすぎて・・とH3タグばかり使ったりしている

      文字の大きさでしたら、CSSで変更可能ですよ。見た目を重視してh3タグばかりを使うなら、CSSでフォントサイズを変更する方が良いと思います。

      /*記事タイトル部分のスタイル*/
      .article h1 {
      	margin-top:30px; /*上外側余白*/
      	margin-bottom:20px; /下外側余白**/
      	font-size: 30px; /*文字サイズ*/
      	line-height:117%; /*行間*/
      }
      
      /*記事内h2タグのスタイル*/
      .article h2 {
      	border-left:1px solid #000; /*左の線 太さ 線の種類 色*/
      	margin: 40px -29px 20px; /*外側余白 上 左右 下*/
      	padding:25px 30px; /*内側余白 上下 左右*/
      	font-size:26px;
      }
      
      /*記事内h3のスタイル*/
      .article h3{
      	font-size:23px;
      	border-bottom:5px solid #e7e7e7; /*下の線*/
      	padding:10px 0; /*内側余白 上下10px 左右0*/
      }
      
      /*記事内h4 h5 h6のスタイル*/
      .article h4, .article h5, .article h6{
      	font-size:20px;
      	padding:8px 0;
      }

      SEOで構造がぁ…って話は置いておけば、本の「もくじ」と同じように見出しhタグを置くことで、分かりやすい人もいると思いますよ。

    • #57173
      アバター画像わいひら
      キーマスター

      個人的に見出しタグはSEO的にそこまで重要ではないと思っています。

      2008年の記事の時点で以下のように言われています。

      どうやらHタグは、altタグのようにランキングを上げるための要素としては、すでに役に立たなくなっているようです。

      Hタグ(見出しタグ)はどのくらいSEOに重要なのか | 海外SEO情報ブログ

      というのも、Googleが一番重要視している読者の利便性だからです。
      ほとんどの読者が、コンテンツを読むとき「見出しにH1見出しが使われている」なんてことを考えて読まないと思うからです。
      そんな見出しより、見やすさが同じであれば、コンテンツの内容が重要視されると思うからです。

      ただ、記事には以下のようにも書かれています。

      P.S.
      「SEOにHタグが無意味だ」と断定しているわけではありません。
      Hタグを取り除いたら検索順位がどうなるかは簡単にテストできることなので、ぜひ自分で試してみてください。

      Googleの仕組みは、僕も分からないので、実際に試してみるのが一番かもしれません。

    • #57175
      かうたっく
      ゲスト

      #57173

      Googleが一番重要視している読者の利便性だからです。
      ほとんどの読者が、コンテンツを読むとき「見出しにH1見出しが使われている」なんてことを考えて読まないと思うからです。

      矛盾しているようですが、それはたしかにあると思います。

      見出しタグがどう。とかはブログをしている人で興味がある人しか見ない気も。と、思ってます。ただ、見出しを使うのであれば、それなりにわかって使ったほうが良いかな。とか思うので色々省きました。

      私的には、ユーザーさんが分かりやすいように。

      さらに言えばついでに検索エンジンにも伝わるならベストだと思います。ちなみに私が2015年にチェックした内容は以下。同じサイトさんの情報です。

      https://www.suzukikenichi.com/blog/currently-correct-usage-of-h-tags/

      あまり難しく考えないで良いと思います。

      もし運営者的にやりやすいから元から備わってるhタグ(h2より h3のスタイルが好みのフォントサイズ)を変更するのであれば、CSSで変更したほうが良いと思いますよ^^

      重要度は低くても作り方として、タグを変更するよりもタグのスタイルを変更したほうが良いようにも思うので。

      もちろんこれが絶対とか現状はわかりませんが、HTML的に一応構造を考えるのであればそう思います。

    • #57181
      kobaken
      ゲスト

      ご回答ありがとうございます。

      タイトルはh1でした。失礼しました。

      記事の見出しはh2から始めて、次の小見出しはh3…とした方が目次としては、確かに正論ですよね。

      記事の書き出し小見出しはh2から始めて、文字の大きさとかはcssで好みに変えるで行きます。

      後は細かなこと気にしすぎず良い記事を書く事に専念ですね。

      しかしcssうまく触れるかな(笑)

    • #57186
      かうたっく
      ゲスト
      /*記事タイトル部分のスタイル*/
      .article h1 {
      	font-size: 30px;
      }
      
      /*記事内h2タグのスタイル*/
      .article h2 {
      	font-size:26px;
      }
      
      /*記事内h3のスタイル*/
      .article h3{
      	font-size:23px;
      }
      
      /*記事内h4 h5 h6のスタイル*/
      .article h4, .article h5, .article h6{
      	font-size:20px;
      }

      文字サイズを好みのサイズに変更して更新すればOKですよ。反映しなければ、キャッシュをクリアにすればキチンと反映されますので、がんばってくださいね^^

    • #57188
      kobaken
      ゲスト

      おはようございます。

      がうたっくさん、わいひらさん、いつもありがとうございます。

      h2をCSSのフォントサイズの部分の調整に挑戦してみます。
      またわからなければ質問させて頂きますので

      その節にはどうぞよろしくお願いいたします。

    • #57536
      たくや
      ゲスト

      同じようなことで悩んでいたので助かりました。

      タイトルとh1は別々に記入するべきなのか気になっていたのでスッキリしました。

      タイトル=h1っだったんですね。

      ありがとうございました。

7件の返信スレッドを表示中
  • トピック「H1タグの使用について」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)