h1にimgを持ってくるのは文法的にどうなのでしょうか。imgはロゴです。良いとあったり、だめとあったりで迷っています。
HTML5では、h1を複数使ってもいいことになっているので、問題ないと思ってます。どちらかというとページの内容にこだわったるべきかと。
コンテンツの充実と更新頻度だと思います。
h1はhtml4でもxhtmlでも複数使えますよ。
> HTML5では、h1を複数使ってもいいことになっているので、問題ないと思ってます。
と、コメ主は得意顔で書いたのにね。
あ、コメ主ごめんネ。html4でもxhtmlでも「h1はページ内に1つじゃなきゃダメ!」って決められてないみたいです。W3Cのページでもページ内に複数のh1あったりしたし。けど「ページの内容にこだわったるべき」ってのはすごく同意ですよ。
テキストの方がよいのでしょうが、そんなことは現実問題無理でしょう。
ありがとうございます。そうですね、文法よりもコンテンツ内容の方が重要ですよね。imgを使わないでっていうのも実際難しく、今回質問してみました。ありがとうございました。
文法的になんら問題ないです。きちんとaltを入力しておけば大丈夫です。逆に、ダメと言われてる理由が分からないです。よければ教えてもらえますか?多分どれも的はずれな内容とおもいますが参考に。
ダメといいますか、h1にはSEO的にもテキストが最適なのでimgは控えるべきだと言われまして、imgを入れようとしていたのでどうしようかと思っていた所でした。文法的に問題ないのですね、imgといっても会社のロゴ等なので安心して配置できそうです!
テキストが最適というのは間違いですよ。画像でも何ら問題ありません。画像とaltが一致していればいいのです。ユーザー目線で考えることを忘れないほうがいいです。誰のためのサイトなのか、誰に情報を伝えたいのか。たとえ画像でも正確に正しくユーザーに伝わればいいのです。そういったことはGoogleなどの検索エンジンアルゴリズムは理解できるようになっています。
そもそもhtmlの文法って本当に意味あるのかな?コーディングする上での決まりごとって意味ではあるけど、タグとseoは関係ないというのが公式見解だし。(text-indentの悪用とかペナルティ受けるようなのは除く)
なんとなくテキストの方が良いみたいな雰囲気があった時代もありますが、今は問題ないかと思います。
text-indentの悪用ってtext-indent: -9999px;みたいなのですか?
テキストで画像の文字を示すための手段としてならまだしも、タグの偽装で使われることがあるからペナルティ食らうんじゃなかったっけ。前者の使い方も「height: 0px,padding-top: ~px, overflow: hidden」が主流になってるし、使わないのがベター。
SEO業者が内部施策と称していろいろ手を入れたがりますが、そのマニュアルにもそうしたことが載っています。ほとんど古くて現在は意味がない対策ばかりですが、そう言われて鵜呑みにするWeb担当者さんはすごく多いようです。最近出版されたSEO書籍にもそのようなことが書いてあり、驚きました。もうこれ以上何一つ出来ることがない、けど何かやりたい、という場合には、もしや多少の効果があるかもしれませんが、そんな状況は考えられません。それより掲載内容自体やサービス自体を見直した方が早いからです。内容を追加するとか、魅力的なサービス名に変えるとか、discriptionやキャッチフレーズを見直すとか。
そもそもseoの仕組みなんてgoogleの社員でなければわからないし、小手先の技術は業者がマッチポンプ的に掘り起こした感が強い。箇条書きにはliタグを使うというように、コーディングの当たり前を普通にこなしていくことに優るものはないかと。
仰るとおりだと思います!
「内容を追加するとか、魅力的なサービス名に変えるとか、discriptionやキャッチフレーズを見直すとか。 」この基本的な事ができていないところも多いですよねえ。
text-indent:-9999pxは、SEO以前に気持ち悪いよね。margin-bottomを<br>で済ませたり、インデントを全角スペースで代替するのに似てる素人感。
そもそもtext-indent:-9999pxは、レンダリングスピード落とすよね。表示スピードが0.1秒を争うWebページではバッドノウハウとしかいいようがない。
color:transparent;background:url(logo.png)はどうですか?
それは確かにロゴが表示されますが、結局text-indentやらpaddingやらでテキストを非表示にしなければなりませんね。また、テキストを入れないと、cssが切れている状況下では何も表示されない事になります。やはりimgでaltが一番かと。
JSで差し替えるとか、h1の上にz-indexでかぶせる方法とか流行ってないんだから大丈夫なんじゃないかと思ってた。
会社ロゴは<p>、<h1>はページそれぞれに個別に設定しpositionで位置調整してます。
h1を使わない選択もある。
自分の場合、Topページではh1にロゴ(会社名)、下層ページではそれぞれのページの大見出しとなるテキストをh1に充てることが多いです。良いのか悪いのかはわかりません。。
わいもそうやで
一時期はロゴにh1タグを入れることもあったけど、ロゴの上部にキーワードを盛り込んだ一文を追加すればh1タグはロゴにならなくていいんじゃなない?
上の人のようにトップだけロゴに、下層ページは各ページのタイトルでもOKだという見解もある。
逆にロゴにh1タグを入れるのはおかしいという見解もあるし、クローラーはh1タグはあまり見なくなってきているという見解もありますよ!
だから、結局、タイトルタグにサイト名と各ページタイトル、discriptionは変わらず必須じゃないかと思われます。
おちつけ
みんなの回答 16 件
HTML5では、h1を複数使ってもいいことになっているので、問題ないと思ってます。
どちらかというとページの内容にこだわったるべきかと。
コンテンツの充実と更新頻度だと思います。
テキストの方がよいのでしょうが、そんなことは現実問題無理でしょう。
ありがとうございます。
そうですね、文法よりもコンテンツ内容の方が重要ですよね。
imgを使わないでっていうのも実際難しく、今回質問してみました。
ありがとうございました。
文法的になんら問題ないです。
きちんとaltを入力しておけば大丈夫です。
逆に、ダメと言われてる理由が分からないです。よければ教えてもらえますか?多分どれも的はずれな内容とおもいますが参考に。
ダメといいますか、h1にはSEO的にもテキストが最適なのでimgは控えるべきだと言われまして、imgを入れようとしていたのでどうしようかと思っていた所でした。文法的に問題ないのですね、imgといっても会社のロゴ等なので安心して配置できそうです!
そもそもhtmlの文法って本当に意味あるのかな?
コーディングする上での決まりごとって意味ではあるけど、タグとseoは関係ないというのが公式見解だし。(text-indentの悪用とかペナルティ受けるようなのは除く)
なんとなくテキストの方が良いみたいな雰囲気があった時代もありますが、今は問題ないかと思います。
text-indentの悪用ってtext-indent: -9999px;みたいなのですか?
SEO業者が内部施策と称していろいろ手を入れたがりますが、そのマニュアルにもそうしたことが載っています。ほとんど古くて現在は意味がない対策ばかりですが、そう言われて鵜呑みにするWeb担当者さんはすごく多いようです。
最近出版されたSEO書籍にもそのようなことが書いてあり、驚きました。もうこれ以上何一つ出来ることがない、けど何かやりたい、という場合には、もしや多少の効果があるかもしれませんが、そんな状況は考えられません。それより掲載内容自体やサービス自体を見直した方が早いからです。内容を追加するとか、魅力的なサービス名に変えるとか、discriptionやキャッチフレーズを見直すとか。
text-indent:-9999pxは、SEO以前に気持ち悪いよね。
margin-bottomを<br>で済ませたり、インデントを全角スペースで代替するのに似てる素人感。
color:transparent;
background:url(logo.png)
はどうですか?
JSで差し替えるとか、h1の上にz-indexでかぶせる方法とか流行ってないんだから大丈夫なんじゃないかと思ってた。
会社ロゴは<p>、<h1>はページそれぞれに個別に設定しpositionで位置調整してます。
h1を使わない選択もある。
自分の場合、Topページではh1にロゴ(会社名)、下層ページではそれぞれのページの大見出しとなるテキストをh1に充てることが多いです。良いのか悪いのかはわかりません。。
一時期はロゴにh1タグを入れることもあったけど、ロゴの上部にキーワードを盛り込んだ一文を追加すればh1タグはロゴにならなくていいんじゃなない?
上の人のようにトップだけロゴに、下層ページは各ページのタイトルでもOKだという見解もある。
逆にロゴにh1タグを入れるのはおかしいという見解もあるし、クローラーはh1タグはあまり見なくなってきているという見解もありますよ!
だから、結局、タイトルタグにサイト名と各ページタイトル、discriptionは変わらず必須じゃないかと思われます。
関連するトピックス