3

現在、Twitter Bootstrapをベースにしたサイトを構築していますが、これについてはこれまで何も議論されていません。

リンクがロールオーバーまたはクリックされたときに小さなモーダルウィンドウを開く「ポップオーバー」と呼ばれる機能があります。これは、大きなツールトップのようなものです。

私のサイトには、ユーザーにとって有益な情報がたくさんあります（ロールオーバーすると、それぞれが約50語の説明情報を表示するので、合計500語で、すべて明らかに私のキーワードに関連する約10個のリンクがあります）。

問題は、データが次のように呼び出されることです。

<a href="#" rel="popover" data-content="data data data lots of great data informative for the user explains things concisely wow what a great resource">Link name</a>

今、私はグーグルが見ないだろうと推測していますがdata-content、私が間違っているなら私を訂正してください。javascriptからデータを呼び出すこともできますが、Googleもそれを読み取らないと確信しています。

このコンテンツを表示するために私にできることはありますか？ここではSEOにやさしいというよりも使いやすさを重視しているので、大したことではありませんが、できればgoogleから追加の愛を得るのはいいことです。

編集：たとえば、データをテキストとして非表示のdivに配置し、リンクがクリックされたときにjavascriptを使用してそのデータをポップオーバーに呼び出すことはできますか？または同様の何か？

4

2 に答える 2

1

したがって、コンテンツをスキャンしている間、Googleはこのデータを理解しないというのがコンセンサスのようです。いくつかの利点を追加する可能性のある1つのアプローチは、ユーザーに表示されないページ上のdiv内のコンテンツを非表示にしてから、そのコンテンツをIDで取得することです。

    <a href="#" rel="popover" data-trigger="click" data-popover-template="popoverTemplate">Link Name</a>
    <div id="popoverTemplate" style="display:none">
        data data data lots of great data informative for the user explains things concisely wow what a great resource
    </div>

<script>
$(function(){
     var popoverOptions = {
        placement: 'right',
        trigger: 'manual',
        html: true,
        content: ''
    };

    $('a[rel="popover"]').popover(popoverOptions).click(function(e) {
          var $popover = $(this).data('popover');
          var contentTemplate = $(this).data('popover-template');
          $popover.options.content = $('#'+contentTemplate).html();
          $(this).popover('toggle');
       });
 });
</script>

http://jsfiddle.net/billpull/PmP93/1/

これがSEOにどの程度の影響を与えるかはわかりません。

于 2013-02-13T19:40:42.247 に答える
0

Google の内部の仕組みについてはわかりませんが、技術的には "data-content" 属性は依然として html ドキュメントの一部です。エンドユーザーに現在表示されているかどうかに関係なく。

于 2014-08-15T00:53:02.310 に答える