javascript - HTML ページ内にポップオーバー データ コンテンツを追加する、Twitter Bootstrap

Question

Twitter Bootstrap 2.0.1 を使用しています。私はそのようなボタンを持っています:

<a class="btn btn-info" rel="popover"
  title="today 12:11"
  data-content="I'm the content of the button 1 heyoo">Last text</a>
<a class="btn btn-info" rel="popover"
  title="yesterday 10:20"
  data-content="I'm the content of the button 2 heyoo">Last text</a>

しかし、このコードを使用すると、検索エンジンは「データ コンテンツ」を考慮しません。しかし、「データコンテンツ」がスパイダーに見られるようにしたいのです。

これを作成すると、ボタンが大きくなります：

<a class="btn btn-info" rel="popover"
  title="today 12:11">I'm the content of the button 1 heyoo</a>

これも代替手段ですが、重複データが作成されます。

<a class="btn btn-info" rel="popover"
  title="today 12:11"
  data-content="I'm the content of the button 1 heyoo">
  Last text
 <div style="display: none;">
 <span>I'm the content of the button 1 heyoo</span>
 </div>
</a>

もう 1 つの方法は、"data-content" をページに入れ、フォント 1 ポイントで書き込むことです。しかし、それは良い考えではないと思います。

Answer 1