Question

Как грамотно реализовать для фотографий в фотоальбоме теги alt и title ?
Нужно ли это при подключенном SEO pro ? То есть когда я задаю Уникальные Title, Description, Keywords в SEO. Важно что бы Яндекс проиндексировал картинки из фото альбомов.

Боюсь не понятно выражаюсь.

Answer 1

Как вариант чтобы реально что-то действенное реализовать нам нужно пользоваться доп полями которые у нас в настройках модуля уже активированы:

Вот как раз первое и второе доп поля мы будем использовать в своих целях для title и alt.

Перейдите в Панель управления - Главная - Фотоальбом - Управление дизайном модуля - Вид материалов, далее находим код:

 <a href="$PHOTO_LIGHTBOX_URL$" data-url="$PHOTO_URL$" class="ph-link" title="Просмотры: $REVIEWS$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb">

который заменяем на:

<a class="ulightbox" href="$FULL_PHOTO_DIRECT_URL$"><img src="$FULL_PHOTO_DIRECT_URL$"  class="ph-link" alt="$OTHER1$" title="$OTHER2$"></a>

Как видите я уже прописал переменные для титла и альта. При добавлении материала заполняем соответствующие поля:

• Дополнительное поле 1 - альт
• Дополнительное поле 2 - титл

Comments

Спасибо. У меня правда вид фотографий выглядит вот так. С этим можно что то сделать?

<div class="portfolio-work" style="background-image: url($FULL_PHOTO_DIRECT_URL$);" data-animated="fadeIn">
 <a class="portfolio-work-image img-overlay ulightbox" href="$FULL_PHOTO_DIRECT_URL$" data-fancybox-group="ulightboxgroup"target="_blank" >
 <span class="portfolio-work-info">
 <span class="button b-2"><i class="fa fa-search"></i></span>
 <span class="portfolio-work-title">$PHOTO_NAME$</span>
 </span>
 </a>
</div>

---

В данном случае поисковики не будут учитывать ваш див либо CSS, вместо дива что у вас прописан и в котором через багроунд выводится изображение поисковики из этого не извлекут пользу для вашего ресурса.

Данный участок кода нужно примерно изменить на:
<div class="portfolio-work">
 <a class="portfolio-work-image img-overlay ulightbox" href="$FULL_PHOTO_DIRECT_URL$" data-fancybox-group="ulightboxgroup"target="_blank" >
 <img class="portfolio-work animated fadeIn" src="$FULL_PHOTO_DIRECT_URL$" data-animated="fadeIn" alt="$OTHER1$" title="$OTHER2$" style="width:100%;">
 <span class="portfolio-work-info">
 <span class="button b-2"><i class="fa fa-search"></i></span>
 <span class="portfolio-work-title">$PHOTO_NAME$</span>
 </span>
 </a>
</div>

В общем пробуйте, проверяйте.

---

Большое спасибо за направление. Вроде бы получилось. Но немного по другому.

Вот так:
  <div class="portfolio-work" style="background-image: url($FULL_PHOTO_DIRECT_URL$);" data-     animated="fadeIn" img src="$FULL_PHOTO_DIRECT_URL$" alt="$PHOTO_NAME$" title="$PHOTO_DESCR$">
  <a class="portfolio-work-image img-overlay ulightbox" href="$FULL_PHOTO_DIRECT_URL$" data-fancybox-group="ulightboxgroup">
  <span class="portfolio-work-info">
  <span class="button b-2"><i class="fa fa-search"></i></span>
  <span class="portfolio-work-title">$PHOTO_NAME$</span>
  </span>
  </a>
  <img src="$FULL_PHOTO_DIRECT_URL$" alt="$PHOTO_NAME$" title="$$PHOTO_DESCR$">   
  </div>


  А на главной странице где Фото выводятся через информер пришлось в информере сделать вместо этого:

<li class="phtTdMain uEntryWrap">
 <div class="entryBlock">
 <div class="portfolio-work" style="background-image: url($FULL_PHOTO_DIRECT_URL$);" data-animated="fadeIn">
 <a class="portfolio-work-image img-overlay ulightbox" href="$FULL_PHOTO_DIRECT_URL$" data-fancybox-group="ulightboxgroup">
 <span class="portfolio-work-info">
 <span class="button b-2"><i class="fa fa-search"></i></span>
 <span class="portfolio-work-title">$PHOTO_NAME$</span>
 </span>
 </a>
 </div>
 </div>
</li>

Это:
<li class="phtTdMain uEntryWrap">
 <div class="entryBlock">
 <div class="portfolio-work" style="background-image: url($FULL_PHOTO_DIRECT_URL$);" data-animated="fadeIn">
 <a class="portfolio-work-image img-overlay ulightbox" href="$FULL_PHOTO_DIRECT_URL$" data-fancybox-group="ulightboxgroup"img src="$FULL_PHOTO_DIRECT_URL$" alt="$PHOTO_NAME$" title="$PHOTO_DESCR$">
 <span class="portfolio-work-info">
 <span class="button b-2"><i class="fa fa-search"></i></span>
 <span class="portfolio-work-title">$PHOTO_NAME$</span>
 </span>
 </a>
 </div>
 </div>
</li>
 
Но я сомневаюсь в правильности сделанного мною.

---

Для поисковиков в этом ничего хорошего, как я говорил выше им важен <img src> и прописанное внутри изображение, далее альт.

У вас же все выводится через див с помощью - background-image поисковики в этом ничего хорошего не видят.