Не индексируются изображения

Возникла такая проблема: в галерее сайта изображения не индексируются, при этом на других страницах есть слайдеры с теми же изображениями, которые нормально индексируются. В обоих случаях изображения создаются с помощью одного и того же кода JS (использую jQuery).

Вот код который создает изображение:

// Создание объекта
let img = $("<a>", {
  class: "n-img-container style_selected_img_in_page"
}).append(
  // Добавление изображения
  $("<img>", {
    class: "n-img",
    src: path,
    alt: arrayTextsSelectedImg0[num] + arrayTextsSelectedImg1[num] + arrayTextsSelectedImg2[num]
  }),
  // Добавление иконки эксклюзивности
  $("<div>", {
    class: "n-exclusive",
    style: "visibility: " + (arrayImgExclusive[num] ? "visible" : "hidden")
  }),
  // Добавление верхнего текста
  $("<a>", {
    class: "n-text-top"
  }).append(
    $("<div>", {
      class: "n-text-top-left",
      text: arrayTextsSelectedImg0[num]
    }),
    $("<div>", {
      class: "n-text-top-right",
      text: arrayTextsSelectedImg1[num]
    })
  ),
  // Добавление нижнего текста
  $("<a>", {
    class: "n-text-bottom",
    text: arrayTextsSelectedImg2[num]
  })
);

После создания изображения я добавляю его на страницу с помощью .append().

Когда заметил, что изображения из галереи не индексируются полез в код и нашел ошибку. Файл sitemap.xml не был настроен. Также некоторые слова в альтах были в слипку:

В чем может быть причина того, что одни и те же изображения индексируются на одной странице и не индексируются на другой? Что нужно сделать для решения этого?