デザイン上省略された見出しのマークアップについての質問
下記のような構造で、デザイン上は「<h1>質問一覧</h1>」が省略されている場合、どのようにコーディングしますか?
<section>
<h1>質問一覧</h1>
<section>
<h2>質問タイトル01</h2>
<p>質問01の内容...</p>
<section>
<section>
<h2>質問タイトル02</h2>
<p>質問02の内容...</p>
<section>
...
</section>
①デザインデータに無いものはマークアップしない。
②デザインデータになくても、必要と判断した場合マークアップは行いCSSで非表示にする。
③その他の回答
回答よろしくお願いいたします。
みんなの回答 10 件
確認する。
③その他の回答
w3qで質問する
確認するのがいいですが、デザインがFIXしてるのでしたら
②でいいかと。
display:none;は一時期SEOで減点がどうとか話されてましたが
今はPC/SPワンソースの時代でdisplay:none;はよく使われていますので、そこまで神経質にならなくてもいいかなと思います。
③
人間に伝えるための情報(見た目)と、機械に伝えるための情報(機械的なアウトライン)がそれぞれ異なるわけだから、「人間に伝えるための情報」しか用意されていない場合は、別途機械に伝えるための情報を作る必要がある。というのが正論。ただ、それはコーダーの仕事じゃなくて、ビジュアルデザインよりももっと上流の仕事。web知らない人が上流で固まっているとどうしようもない。
1
そもそもデザイナーじゃなくて、ディレクターに言う。
リストなんだからulかdlじゃない?機械に質問リストなんて伝えても意味ないし。display:noneはさすがにしないわ。
そんなページがあったところで、検索からどかんと来るわけじゃないし。
結構昔に読んだ本では2で書かれてたから2にしちゃってる。
コーディングの「~するべき」って曖昧で中途半端で
ほんとにそうするべきなのかなってよく思う
もちろん①
display:noneにするっていう回答があるけど、PCでもSPでもdisplay:noneはおかしいでしょ。
それはペナルティくらってもおかしくないと思う。
おそらく「現場のプロが教えるHTML+CSSコーディングの最新常識」で見たと思うけど、
デザイン上省略された見出しは、
display noneで非表示にすることを勧めてたと思う。
よって②かな。悩みけど。
人生に疲れてる
関連するトピックス