Webディレクター視点で考えるマークアップのチェックポイント へのコメント http://higash.net/20090322/markup_checkup.html グラフィック&Webデザインに関するリファレンスをまとめたメモと日々のクリエイティブワークに役立つリソースを紹介するWebデザイナー／ディレクターのブログ Wed, 20 Jul 2011 05:00:08 +0000 hourly 1 http://wordpress.org/?v=3.1 malkoski よりhttp://higash.net/20090322/markup_checkup.html/comment-page-1/#comment-1492 malkoski Sat, 24 Oct 2009 22:57:36 +0000 http://higash.net/?p=1323#comment-1492 ご返信ありがとうございました。 以前から気になっていたのでスッキリしました。 ご返信ありがとうございました。
以前から気になっていたのでスッキリしました。

]]> HiGash.Net よりhttp://higash.net/20090322/markup_checkup.html/comment-page-1/#comment-1491 HiGash.Net Sat, 24 Oct 2009 16:15:03 +0000 http://higash.net/?p=1323#comment-1491 ＞ malkoskiさん コメントありがとうございます。 確かにWeb Developerで見出し情報を確認すると、h要素のなかにaタグがあるものは [見出し(h要素)ではありません] と言われてしまうようですね。おそらく、これはWeb Developerの「見出し(h要素)を表示する」という機能がh要素の直下の要素を参照しているために、そのような結果が表示されてしまうのだと思います。 h要素にリンクを設定してはいけないというルールはないですし、検索エンジンがリンクを含むh要素の文字列を無視することもないでしょう。アンカーテキストのほうが通常のテキストよりも検索エンジンに重要視される傾向を考えれば、むしろh要素でかつリンクをもつ文字列（またはaltのついた画像）はより重要視されるのではないかと考えられます。 W3Cのサイトロゴは確かに少し変わったマークアップがなされていますが、これはSEO対策ではなく、印刷用にスタイルを切り替えてページを表示させる都合でそうしたマークアップをしているのではないかと思います。印刷用表示のときはサイトロゴのimgタグをdisplay:none; で消して、<span>タグ内の文字列を印刷させようとしているようですから。 ＞ malkoskiさん
コメントありがとうございます。
確かにWeb Developerで見出し情報を確認すると、h要素のなかにaタグがあるものは [見出し(h要素)ではありません] と言われてしまうようですね。おそらく、これはWeb Developerの「見出し(h要素)を表示する」という機能がh要素の直下の要素を参照しているために、そのような結果が表示されてしまうのだと思います。
h要素にリンクを設定してはいけないというルールはないですし、検索エンジンがリンクを含むh要素の文字列を無視することもないでしょう。アンカーテキストのほうが通常のテキストよりも検索エンジンに重要視される傾向を考えれば、むしろh要素でかつリンクをもつ文字列（またはaltのついた画像）はより重要視されるのではないかと考えられます。
W3Cのサイトロゴは確かに少し変わったマークアップがなされていますが、これはSEO対策ではなく、印刷用にスタイルを切り替えてページを表示させる都合でそうしたマークアップをしているのではないかと思います。印刷用表示のときはサイトロゴのimgタグをdisplay:none; で消して、タグ内の文字列を印刷させようとしているようですから。

]]> malkoski よりhttp://higash.net/20090322/markup_checkup.html/comment-page-1/#comment-1490 malkoski Sat, 24 Oct 2009 15:04:23 +0000 http://higash.net/?p=1323#comment-1490 はじめまして。いつも参考にさせていただいております。今回のエントリーの中で「文章構造をチェックする」の記事に関連して、ご意見を伺いたいと思いトラックバックいたしました。FirefoxのWeb Developerでは、h要素の中にリンクが設定されていると見出し要素として認識してないようです。よくサイトIDのロゴをh1ではさんでトップページに戻るような構造のサイトをよく見かけますが、そういったサイトの場合、YAHOO!やGoogleのクローラーは、Web Developerと同様にh1としてみなしていないのでしょうか？ SEOの観点から見ると、結構重要なことだと思うのですが、どう思われますか？ W3Cの勧告では、 「h要素にリンクを設定してはいけない」 とされているのでしょうか？（←すみません、自分では確認できませんでした。） 当のW3Cのサイト(http://www.w3.org/)も、サイトIDのロゴをh1でくくり、トップページに戻るようにしてあるのですが、ソースを見ると、ロゴの画像とテキストをわざわざspanタグで分けているようです。今回、サイトIDを例にとりましたが、基本的にh要素にはリンクを張らないようにしたほうが良いのでしょうか？ ご意見伺えると幸いです。 ご多忙の折、長文失礼致しました。 はじめまして。いつも参考にさせていただいております。

今回のエントリーの中で「文章構造をチェックする」の記事に関連して、ご意見を伺いたいと思いトラックバックいたしました。

FirefoxのWeb Developerでは、h要素の中にリンクが設定されていると見出し要素として認識してないようです。よくサイトIDのロゴをh1ではさんでトップページに戻るような構造のサイトをよく見かけますが、そういったサイトの場合、YAHOO!やGoogleのクローラーは、Web Developerと同様にh1としてみなしていないのでしょうか？
SEOの観点から見ると、結構重要なことだと思うのですが、どう思われますか？
W3Cの勧告では、
「h要素にリンクを設定してはいけない」
とされているのでしょうか？（←すみません、自分では確認できませんでした。）
当のW3Cのサイト(http://www.w3.org/)も、サイトIDのロゴをh1でくくり、トップページに戻るようにしてあるのですが、ソースを見ると、ロゴの画像とテキストをわざわざspanタグで分けているようです。今回、サイトIDを例にとりましたが、基本的にh要素にはリンクを張らないようにしたほうが良いのでしょうか？
ご意見伺えると幸いです。
ご多忙の折、長文失礼致しました。

]]>