2

Twitter マークアップをいじっていたときに、HTML マークアップが次のdata-expanded-footerように配置されていることがわかりました。

data-expanded-footer="<div class="js-tweet-details-fixer tweet-details-fixer">
    <div class="js-tweet-media-container "></div>
      <div class="entities-media-container " style="min-height:0px">
    </div>
  <div class="js-machine-translated-tweet-container"></div>
  <div class="js-tweet-stats-container tweet-stats-container ">
  </div>
  <div class="client-and-actions">
    <span class="metadata">
      <span title="12:11 PM - 10 Apr 13">12:11 PM - 10 Apr 13</span>
           &middot; <a class="permalink-link js-permalink js-nav" href="/****/status/****" >Details</a>
    </span>
  </div>
</div>"

  1. これは有効な html 要素ですか (この属性はクラスtweetを持つ div 要素の子です)

  2. これが有効な場合、これは良い考えですか?そうでない場合、その理由は?

  3. これはSEOにとってそれほど悪いことですか？

編集

data 属性から HTML を解析しようとしたところ、動作しましたが、次のように動作させたい場合は一重引用符が必要です。

http://jsfiddle.net/burimshala/crEXU/

また、マークアップ内で二重引用符を使用して Twitter のように終了し、二重引用符で data-markup 属性を開くと、機能しません。

http://jsfiddle.net/burimshala/crEXU/1/

Twitter はこれをどのように解析しますか?

4

2 に答える 2

1

data-*属性は有効な HTML5 です。以下を参照してください。

http://ejohn.org/blog/html-5-data-attributes/ およびhttp://www.w3.org/TR/2010/WD-html5-20101019/elements.html

主な用途は、データ ストレージ (この場合は HTML コード) です。これが良いアイデアかどうかは状況次第ですが、確実に目的を果たします。動的コンテンツを「複製」したい場合によく使用します。

これは「目に見えない」要素であるため、SEO は実際には影響を受けないはずですが、私はこれに関する専門家ではありません。

于 2013-04-10T10:25:18.960 に答える
0

SEO の Microformats (hCard、vCard、またはスキーマ) のような他の SEO 要因はすべて HTML 属性を使用するため、SEO にとって悪いとは言えません。サイトが W3C に対して有効であり、マークアップ エラーがない限り (ここを確認してください): http://validator.w3.org/、SEO に長けているよりも。

SEO フレンドリーの唯一の小さな問題は、HTML マークアップ コードが常に Web サイトの TEXT よりも優れている場合です。SEO については、Web サイトの最低 51% をテキストにし、その他を HTML 属性にすることを常にお勧めします。

于 2013-04-10T11:14:29.640 に答える