h1タグの入れ方 - ホームページ・Web制作 - 専門家プロファイル

専門家の皆様へ 専門家プロファイルでは、さまざまなジャンルの専門家を募集しています。
出展をご検討の方はお気軽にご請求ください。

h1タグの入れ方

法人・ビジネス ホームページ・Web制作 2010/03/18 15:41

こんにちは
ド素人がホームページビルダー12を使ってお店のホームページを
作りました。キーワード検索17位までを前後し、1年経ちましたが今頃h1タグがないことを知りました。
ソース入力をすると文字が大きすぎる為、
ページ編集のところで、文字の大きさを小さくセンターに表示しました。
ソースが以下のようになっているんですが
これでもh1タグとして大丈夫なのか
教えていただきたいです。

<H1 align="center"><FONT size="3">お店の見出し</FONT></H1>

よろしくお願いします。

メリーさん ( 東京都 / 男性 / 30歳 )

回答:2件

中沢 伸之 専門家

中沢 伸之
Webプロデューサー

- good

CSSを使用した形が良いと思います

2010/03/18 16:06 詳細リンク
(5.0)

ストークデザインの中沢です。

SEO対策上で、(見出しタグ)h1等は必要不可欠ではありますが、本来は適切なマークアップを行っていく事が前提かと思います。

h1タグを入れて、検索結果が現状以上の良い結果を出せる可能性は高いのですが、本来のSEO対策は見出しタグだけでなく、他の要素も含める必要があります。

h1の文字の大きさにつきましては、基本的にスタイルシート(CSS)を利用された方が良いかと思います。

スタイルシートについては、こちらのサイトで説明されています。

((脚注文中身))簡単に説明しますと、

●●.cssという拡張子のファイルを作ります。

そのcssファイルの中に

h1 {
font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 12px; (←フォントのサイズを指定)
font-style: normal;
font-weight: normal;
color: #333333; (←フォントの色を指定)
margin: 3px; (←マージン:余白の設定)
padding: 0px; (←パディング:余白の設定)
}

を入れます。

※marginとpaddingの違いは、marginは要素の外側の余白で、paddingは要素内の余白と考えて頂ければ分かりやすいかと思います。フォントは、px単位で指定すると、固定に、0.8em等とすると、ブラウザ上の文字サイズ変更でユーザー様個人で変更可能です。


<head>と</head>の間に
<meta http-equiv="content-style-type" content="text/css" />
<link href="CSSのファイルへのリンク先(../css/●●.css)" rel="stylesheet" type="text/css" />
を入力します。

スタイルシートにつきましては、徐々に覚える形で良いかと思いますが、これを覚えてしまえば、サイト全体の文字サイズ、色、レイアウト等をこちらだけで管理出来ます。

こちらで良い結果が出るといいですね!

どうしてもご自身でSEO対策が難しいようでしたら、お気軽に相談下さいませ。

評価・お礼

メリーさん

ありがとうございました
素人にはSEO対策が難しくプロにお願いするときにはまた相談させてください。
宜しくお願いします。

回答専門家

中沢 伸之
中沢 伸之
(埼玉県 / Webプロデューサー)
ストークデザイン ウェブデザイナー

集客・売上アップを実現! 営業ツールとしてのWebサイトを制作!

お客様の事業内容やターゲット、目的に合わせた最適なWebサイトを制作し、集客・売上アップの実現を目指します。SEO対策を施した「安心料金・安心対応」の制作がモットー。海外向けサイトコンテンツの翻訳業務や英語サイトの制作も承ります。

中沢 伸之が提供する商品・サービス

メール相談

ホームページ(SEO対策)診断

貴社ホームページのSEO対策を診断します

その他サービス

格安ホームページ制作

貴社のサイトを格安でお作りします。

質問やお悩みは解決しましたか?解決していなければ...

※あなたの疑問に専門家が回答します。質問の投稿と閲覧は全て無料です。
谷口 浩一

谷口 浩一
Webプロデューサー

5 good

H1タグによるSEO効果は低くなっています

2010/03/20 07:51 詳細リンク

H1タグ内に重要ワードを含めるというSEO対策は、かつてほどの効果は認められないというのが、海外、国内SEO専門家の一致する考えなんです。


こんにちは。
チームデルタの谷口です。


重要なのは、

・H1を使っても使わなくても
・重要ワードを適切な位置に配置する

ということです。
SEOでより有効な成果を得るには、H1を含む文書を重み付けするタグ(見出しや強調、箇条書きなど)を中心に、文書をきちんと構造化することが大切なんです。
そして、何より閲覧者のユーザビリティに貢献します。
詳細は、”SEO 文書 構造化” で検索してみてください。


ここからは補足です。
『H1タグを使用しながら、見栄えのために意図的に文字サイズを小さくする』行為は、スパムに成りかねない、という考えがあります。
この考えは、いっけん真っ当ですが、実は、H1タグ内の文字サイズを小さくすることはスパムにはなりません。

もしもスパムとするなら、全てのタグでCSSによるサイズ変更が禁止されなきゃいけませんし、それをやるなら、h1,h2,h3タグ全てのフォントサイズが事前に規定されなければならないことになります。
でも、定められている「標準」のサイズなどないんです。
なぜなら、HTMLは文書構造を定義するものであり、視覚表現はCSSが補うという大前提があり、標準化団体であるW3Cもそれを推奨しています。
結局のところ、文字サイズは閲覧環境で相対的に変化しますから、上記理由によりスパムとする考えの正当性は失われます。

ただ、スパムとする合理的な理由はないけど、上位表示のために意図的にH1を使うケースが多々あるという現状を踏まえ、「それを評価しない」とするのは、YahooやGoogleからすれば、実にまっとうな対策ですよね。


ご参考になれば幸いです。


成功するWeb戦略とホームページ制作のチームデルタ
谷口浩一

質問者

メリーさん

スタイルシートについて

2010/03/19 13:35 固定リンク

とてもご親切に分かりやすく回答をいただきありがとうございました。度々すみません。
うちのトップページのソースですがホームページビルダーで作成しているため以下の様にこんな感じになっているのですが
教えていただいたCSSに変更することが可能ですか?
よろしくお願いします。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META name="y_key" content="b64a227a2703757c">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 12.0.0.0 for Windows">
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<META name="keywords"content="お店のキーワード">
<META name="description"content="お店のdescription">
<META name="robots"content="INDEX,FOLLOW">
<TITLE>お店のタイトル</TITLE>
<META name="google-site-verification" content="21_TcBvAjDSt_D3zQE8cls03pZh0tTgKaEvIcti4ydM">
</HEAD>

メリーさん (東京都/30歳/男性)

(現在のポイント:-pt このQ&Aは、役に立った!

このQ&Aに類似したQ&A

ネット開業について pearl8さん  2016-02-15 17:35 回答1件
SEOに適したコンテンツのまとめ方 こつこつがんばさん  2014-01-25 03:37 回答1件
CSSでの文字指定について tcnさん  2013-04-10 09:24 回答2件
HPの制作に関して オオキトモミチさん  2010-11-13 00:28 回答6件
webサイト制作/ピンインの表示が文字化けします… raoraoさん  2010-07-29 15:08 回答2件
専門家に質問する

タイトル必須

(全角30文字)

質問内容必須

(全角1000文字)

カテゴリ必須

ご注意ください

[1]この内容はサイト上に公開されます。

  • ご質問の内容は、回答がついた時点でサイト上に公開されます。
  • 個人や企業を特定できる情報や、他人の権利を侵害するような情報は記載しないでください。

[2]質問には回答がつかないことがあります。

  • 質問の内容や専門家の状況により、回答に時間がかかる場合があります。
気になるキーワードを入力して、必要な情報を検索してください。

表示中のコンテンツに関連する専門家サービスランキング

メール相談

ホームページSEO診断

ホームペーイjの内部SEOに特化したサービス

小菅 太郎

アイナパル

小菅 太郎

(ITコンサルタント)

その他サービス

格安ホームページ制作

貴社のサイトを格安でお作りします。

中沢 伸之

ストークデザイン

中沢 伸之

(Webプロデューサー)

メール相談

アメブロデザインテンプレートカスタマイズ承ります。

アメブロを個性豊かなデザインにしませんか?

小菅 太郎

アイナパル

小菅 太郎

(ITコンサルタント)