htmlの文法について

質問

お忙しいところ恐縮ですが、1点教えて頂きたいことがございます。

HTMLタグにカスタム属性を追加したいと思っているのですが、
HTML5でないとSEO的に問題ございますでしょうか。
カスタム属性をつけることによって、文法的に問題あると思うので、
つけないに越したことはないような気もするのですが。

やりたいこととしましては、HTML4.01で画像の読み込みを遅延ロードさせる
LazyLoadというプラグインを自作したいとは思っているのですが、
そのためにはカスタム属性が必要なので、SEO的に問題があるのであれば
やめようかと考えております。

知識のある方、教えて頂けますでしょうか。
宜しくお願い致します。

回答No.1

f1204-okw · ベストアンサー

とくに問題はないように思います。
文法違反のカスタム属性をつけるだけであれば、SEO にはさほど悪影響はないと考えられます。

確実かと言われるとわかりません。
検索エンジンの運営者にしかわからないのです。

SEO の点で問題を生じる文法違反というのは、おもに文章構造の違反です。
デザインのために、HTML 要素の使い方が定義から大きく外れたときです。
作成者のメッセージと受け手の解釈がずれるためです。

たしかに、定義されていないカスタム属性は、受け手に誤解を与えうるものです。
検索順位を下げるほどの誤解が生じるならばやめるべきでしょう。
ただ、文章構造が堅牢ならば、大きな誤解はないでしょう。

サーチエンジンの思想によっては、文法の正しさを基準に順位を変えるかもしれません。
あまりに蔓延してしまった「文法違反」を取り締まる考えです。
この場合、文法チェッカーの点数をよく見なければなりません。

HTML5 規格に書き直すという解決を目指してはいかがでしょうか。
LazyLoad のような新しい技術・ニーズに対応するべく HTML5 は考えられたのですから、それに従うのです。

諸事情ゆえに HTML4 のままで運用するならば、LazyLoad を使って得られる効果と生じうる影響を天秤にかけるほかありません。
容量の大きい画像を一度に見せる必要があり、しかも携帯のように遅い回線からのアクセスが主力となれば、ユーザー体験の質向上のために LazyLoad を導入する価値はあるでしょう。
しかし流行だからという理由で導入するのであれば、ほかの手法を考えてみるべきでしょう。
同期ロードと遅延ロードで体感に違いがないかもしれません。
一覧画像の容量を抑え、拡大ボタンを設ければ解決するかもしれません。
拡大画像の待ち時間に対してユーザーは寛容になるという実験結果もあるようですし、私としてはそちらの手法のほうが好みです。

【まとめ】
カスタム属性付与による文法違反は SEO に影響するでしょう。
しかし問題となるか厳密にはわかりません。
私は、問題になるとは思いません。

お礼

それ程問題にならなければいいんですけど、Googleさんにしかわからないですね！
ものすごく詳しくご意見いただき、どうもありがとうございました。またお礼が遅くなり申し訳ございません。
またよろしくお願い申し上げます。