Как я могу получить ссылку, которая будет распознаваться поисковой системой при создании в javascript?

Question

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

Поскольку вся эта галерея загружается с помощью JavaScript, поисковые системы не смогут видеть ссылки, прикрепленные к всплывающим окнам. Я думал о размещении текстовой ссылки также под миниатюрами галереи, но я думаю, что это просто сделает галерею неаккуратной. Я также думал о создании скрытой ссылки, но я полагаю, что это будет игнорироваться поисковыми системами и осуждается.

Кто-нибудь знает, как сделать так, чтобы эта ссылка хорошо выглядела и была видна поисковым системам?

Answer 1

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

Answer 2

Поместите ссылку прямо на миниатюру:

<a href="fullsized.htm" class="thumb"><img src="thumb.jpg" /></a>

Свяжите свою функцию расширения со ссылкой и отмените поведение по умолчанию в своем javascript:

$("a.thumb").click(function(e)
{
    // show the larger version
    e.preventDefault();
});

Answer 3

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

Некоторые примеры кода, который робот Googlebotтеперь можно выполнить:

<div onclick="document.location.href='http://foo.com/'">
<tr onclick="myfunction('index.html')"><a href="#" onclick="myfunction()">new page</a>
<a href="javascript:void(0)" onclick="window.open('welcome.html')">open new window</a>

Answer 4

использовать jquery event.preventDefault (); Это предотвратит действие ссылки, и вы сможете делать то, что хотите, с помощью JavaScript. Это хороший способ разрешить сайтам работать для пользователей без включенного javascript, но добавить приятные возможности для тех, кто это делает. Таким образом, поисковые системы увидят ссылку и перейдут по ней, а пользователи все равно получат богатый опыт создания JavaScript.

<a href="link-to-page1.html" class="thumb-link">
  <img src="thumbnail1.png" alt="thumb 1" />
</a>

<a href="link-to-page2.html" class="thumb-link">
  <img src="thumbnail2.png" alt="thumb 2" />
</a>

<a href="link-to-page3.html" class="thumb-link">
  <img src="thumbnail3.png" alt="thumb 3" />
</a>

тогда в вашем javascript:

$(document).ready(function(){
  $(".thumb-link").click(function(event){
    event.preventDefault(); // cancel the hyperlink default action
    // do your javascript here
  });
});