Могут ли Google для SEO просматривать данные в плагине всплывающих окон Bootstrap?

В данный момент я создаю сайт на основе Twitter Bootstrap, и пока ничего не обсуждалось на эту тему.

Существует функция под названием "всплывающие окна", которая открывает маленькое модальное окно, когда ссылка перевернута или нажата, что-то вроде большой панели инструментов.

На моем сайте есть много полезной информации для пользователя (у меня есть около 10 ссылок, каждая из которых при переходе отображает около 50 слов пояснительной информации, то есть всего 500 слов, и все они явно связаны с моими ключевыми словами).

Проблема в том, что данные называются следующим образом:

<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>

Теперь я предполагаю, что Google не увидит data-content, но поправьте меня, если я ошибаюсь. Я также могу вызвать данные из javascript, но я совершенно уверен, что Google это тоже не прочитает.

Могу ли я что-нибудь сделать, чтобы увидеть этот контент? Я стремлюсь к удобству использования, а не к SEO-дружелюбности, так что это не имеет большого значения, но было бы неплохо получить дополнительную любовь от Google, если я могу.

РЕДАКТИРОВАТЬ: Например, могу ли я поместить данные в виде текста в скрытый div, а затем использовать javascript для вызова этих данных во всплывающем окне при нажатии на ссылку? Или что-то подобное?


twitter-bootstrap seo popover
person JVG    schedule 23.10.2012    source источник
comment
Возможно, это поможет: stackoverflow.com /вопросы/10174505/   -  person Craig MacGregor    schedule 24.10.2012
comment
Действительно, хотя мне интересно, есть ли способ, чтобы эти данные были видны роботам, а не просто скрывались в контенте данных.   -  person JVG    schedule 24.10.2012

Ответы (2)


arrow_upward
1
arrow_downward

Таким образом, все согласны с тем, что Google не будет понимать эти данные при сканировании вашего контента. Один из подходов, который может добавить некоторые преимущества, заключается в том, чтобы скрыть ваш контент в разделах на странице, которые не видны пользователю, а затем получить этот контент по идентификатору.

    <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, я не уверен.

person BillPull    schedule 13.02.2013
comment
Это отличное решение проблемы, но мне было очень трудно его реализовать. Оказывается, Bootstrap изменил способ хранения данных всплывающих окон, поэтому вам нужно изменить эту строку: var $popover = $(this).data('popover'); на var $popover = $(this).data('bs.popover'); - person Sina; 28.12.2014

arrow_upward
0
arrow_downward

Не уверен насчет внутренней работы Google, но технически атрибут «data-content» по-прежнему является частью html-документа. Независимо от того, виден ли он в данный момент конечному пользователю.

person Greg Stringer    schedule 15.08.2014