JQuery модальный диалог SEO дружественных - PullRequest
Новая
       1

JQuery модальный диалог SEO дружественных

2 голосов
/ 19 апреля 2011

Является ли модальное диалоговое окно jQuery дружественным? Если нет, то какие изменения мы можем внести, чтобы сканер мог легко прочитать содержимое внутри модального диалога?

Заранее спасибо.

Редактировать: Извините, забыл упомянуть, что содержимое в модальном режиме поступает со стороны сервера поэтому он также использует ajax.

1 Ответ

4 голосов
/ 19 апреля 2011

Если содержимое вашего диалогового окна просто находится на странице и «превращено в модальное диалоговое окно jquery», то оно будет частью данных, к которым может обращаться сканер ... Если содержимое загружается через ajax и т. Д., Тогда не индексируется, так как для заполнения HTML требуется javascript. 

...
<body>
<div id="MyModalDialog">
   This is content I want the search engine to index. As it exists in the page without needing any javascript to exist here, it could be indexed.
</div>
<input value="Show Dialog" id="ShowDialog" />
</body>
...

Редактировать
Если для контента требуется javascript любым способом и он еще не был частью исходного запроса, то можно предположить, что сканер не будет его индексировать.

Редактировать 2
Если вы хотели стратегию, чтобы преодолеть это. Если вы использовали ссылку html, чтобы открыть диалоговое окно, при условии, что ссылка открывала URL-адрес правильно, у вас всегда может быть запасной вариант для браузеров / клиентов / сканеров, у которых не включен javascript, а затем содержимое может быть проиндексировано ... но это будет проиндексирован под первоначальным URL-адресом ... который вы не хотите, чтобы люди заходили на ваш сайт против ...

Примерно так: 

<div id="dialog">
</div>
<a href="/page/to/index/content" class="open-dialog">Open Dialog</a>

и сценарий 

$(function() {

   $("a.open-dialog").click(function(e) {
       e.preventDefault();

       // get the url that this link is going to open
       var url = $(this).attr("href");

       // put contents in div and show dialog
       $("#dialog").load(url).dialog({modal:true});
   });

});

Таким образом, сканер просто следовал бы по ссылке от тега к другому контенту и потенциально индексировал бы его ... надеюсь, что это имеет смысл ... в противном случае код jquery отменит щелчок по ссылке и откроет содержимое в диалоговом окне.

...