<h2>ですとか<h3>の見出しタグでテキストではなく<img>を挟んでいるのですが、<img>はインライン要素なので文法上は問題ないようなのですが、ロボットはこれを見出しとして認識しているのでしょうか? それとも単なるテキストとして認識しているのでしょうか? 一応、次のような感じで<img>のaltとtitleにテキストを挿入しています。 http://www.futamatagawa.net/ 文章の最上段で「全国で最も難関とされる~」と記述しているところです。
どなたかお分かりになる方がいましたらアドバイスをお願いいたします。
No.2ベストアンサー
- 回答日時:
H2などの見出しタグに入っているキーワードとして認識していると思いますよ。
<h2><img src="/images/index/h201.png" alt="全国で最も難関と噂される神奈川県運転免許試験場(二俣川)での一発試験(学科試験&お巡りさん乗せて技能試験)で取得。本当にそんなに難しい試験なのか?" title="全国で最も難関と噂される神奈川県運転免許試験場(二俣川)での一発試験(学科試験&お巡りさん乗せて技能試験)で取得。本当にそんなに難しい試験なのか?" height="48" width="955"></h2>
この中のaltにある文字列でGoogle検索すると、あなたのサイトが一番上に出てきます。
ただ、あまり長すぎるのもどうでしょうね。
H2というのは見出しですから、文章を入れるのはよろしくありません。文章に対するタイトル(見出し)であるべきですので。ですのでここで問題にするのは見出しタグの中に入れる文字列(テキストでもaltでも)が適切な長さかどうかでしょう。
あなたがaltに入れたキーワードの一番最後の部分「お巡りさん乗せて技能試験)で取得。本当にそんなに難しい試験なのか?」で検索しても、その文章での検索結果はヒットしません。すなわちGoogleはここまで長い見出し文字を見出しとして捉えていない可能性が高いです。
また、別の方の回答にありますが、ロボットを意識するのであれば、このような小技ではなく、正しいHTMLを学んだ方が検索エンジン対策にもつながりますので、そちらを学んだ方が良いかもしれません。
htmllintは非常にチェックが厳しいですが、ここでエラーゼロにならなくても、少なくてもw3.orgでエラーの出ないサイトにしたほうが良いです。(英語ですが)
http://validator.w3.org/check?uri=http%3A%2F%2Fw …
正しくHTMLとCSSを学べばHTMLlintで満点も取れますし、今あなたが疑問におもようなロボットの動向も、質問しなくてもわかる程度の技量がついてくると思います。
参考URL:http://goo.gl/sJv67
とても詳細にありがとうございました。大変勉強になりました。見出しは文字列の長さが関連してくるんですね。ライブラリで何かちょっと小細工したり、ソーシャルボタンを使ったりするとすぐに標準から外れてしまうので、いろいろ考え中だったりします……。
No.1
- 回答日時:
文法的には?ですが・・
→Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint. … )
→firefox+HTML Validator
→The W3C Markup Validation Service ( http://validator.w3.org/ )
実は検索エンジンは文法はあまり気にしません。文書構造を判断しています。検索エンジンがどのように見ているかは、
【引用】____________ここから
Lynx などのテキスト ブラウザを使用して、サイトを確認します(ほとんどの検索エンジンのスパイダーには Lynx で見えるようにサイトが映ります)。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[ウェブマスター向けガイドライン - ウェブマスター ツール ヘルプ( http://support.google.com/webmasters/bin/answer. … )]より
実際にLynxで見ると添付画像のようになります。(ぼかしてあります)
文書構造を示すという意味では、<h1>全国で最も難関とされる~</h1>ようにそのページの内容を的確に示す見出しが入るべきです。画像を使うなら<h1><img alt="全国で最も難関とされる~"></h1>です。titleは関係ありません。
背景に画像を利用するなら<h1><span>全国で最も難関とされる~</span></h1>でスタイルシートでh1 span{display:none;}とか・・
それよりも、idやclass名の使い方が気になります。idやclassは、divやspanに限らず
『id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』です。リンクやjavascriptのターゲット以外にはidを原則つけるべきではないですし、class名もデザインのためにつけるものではありません。あくまで文書構造を示すためです。(その文書構造を利用してスタイルシートでデザインしますが、デザインのためにつけるものではない) 検索エンジンはclass名やid名が、文書構造を示す一般的なものなら理解していることを忘れてはなりません。HTML5における「新しい要素 ( http://standards.mitsue.co.jp/resources/w3c/TR/h … )」がまさに、その名称です。
とは言っても、そのサイトは一般的に見かけるサイトよりはよいとは思いますよ。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- HTML・CSS サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h 2 2022/10/28 22:55
- WordPress(ワードプレス) 画像ポップアップ(Lity)の使い方について 1 2023/03/06 17:30
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- その他(プログラミング・Web制作) pythonで、tkinterとpillowの組み合わせ 2 2022/08/16 17:42
- Perl RSSにdiv,ul classを付けたいのですがどのようにつけるのかわからないです 2 2022/03/28 01:53
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS 角丸画像の背景色を透明にしたいです 1 2023/06/23 23:15
- PHP PHP・Wordpress preg_replaceを条件分岐で処理させる方法が知りたい 1 2023/05/01 14:25
- 国家公務員・地方公務員 公務員試験の数的処理で苦戦しています。 1 2023/01/30 08:56
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
line-height指定で発生する余白...
-
一括で全体を右にずらす
-
article、section、hgroup?
-
div要素が重なってします
-
html5でheaderの中にnav
-
ブログのサイドバーが下にくる
-
オシャレな区切り線はありませ...
-
グラフィックス
-
idとclassの指定方法
-
HTML属性での「""」 「''」違い
-
<div>テキスト</div>
-
html divボックスの入れ子で中...
-
html5にて水平線の引き方は?
-
HTMLとCSSの次に覚えることは何...
-
html の divとtable の役割
-
h1のテキストサイズよりh2の方...
-
【html&css】太さの違う2本線の...
-
改行がしたいのですが、うまく...
-
携帯サイト、ナノでのタグ編集...
-
コンピューターの画像ブロック
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
div要素が重なってします
-
<div id="container">の使いか...
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
divとpの使いわけ
-
ヘッダーとフッターだけ背景を...
-
min-heightとheightの違いについて
-
セクションをdivで囲むと見出し...
-
画面を縮小するとカラムが落ち...
-
ヘッダーを左右に二分割する方...
-
1時間30分を簡単に表したいで...
-
スペースを使わず文字位置を揃...
-
CSSで、contentsがfooterに重な...
-
h1に自分自身へのリンクを張...
-
divの中に外部のHTMLを埋め込む
-
divを横に並べる方法
-
hタグの右横に画像を表示
-
h1のテキストサイズよりh2の方...
おすすめ情報