• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Семантическая разметка страниц
Spirash
Сообщений: 50
Репутация: -6

Сообщение # 1 | 07:58:10
Здравствуйте мастера.

Сегодня я столкнулся с темой "Семантическая разметка страниц"
И если честно, ни как не могу понять как разметить в своём сайте "Вид фотографий"

Вот код - "Вид фотографий"


Код
<span class="uphoto">
   <span class="photo-block">
   <span title="Оценивайте не задумку изображения, а качество её воплощения." style="color:#A9A9A9;"><center><b>$PHOTO_SIZE$<span style="word-spacing: 20px"> </span>$PHOTO_WEIGHT$Кб</b></center>
   </span>
   <span class="ph-tc"><a href="$PHOTO_LIGHTBOX_URL$" data-url="$PHOTO_URL$" class="ph-link" title="$OTHER2$">$PHOTO$</a>
   </span>
   <span class="ph-details ph-js-details"><?if($MODER_PANEL$)?>
   <span style="position: absolute;z-index: 100;left: 15px;white-space: nowrap;">$MODER_PANEL$</span><?endif?><?if($RATING$)?>
   <span title="Оценивайте не задумку изображения, а качество её воплощения." style="color:#D3D3D3;" class="phd-rating">
   <span id="entRating$ID$">$RATING$
   </span>
   <span style="padding:0px 4px;">
   </span>
   <span style="color:#A9A9A9;"><img src="http://gamingicons.ucoz.ru/IMAGES/TEXTURE/231.png"></img>
   </span>
   $RATED$
   </span>
   <span class="phd-dorating"><?$RSTARS$('14','http://s1.ucoz.net/img/photopage/rstars.png','1','float')?>
   </span><?endif?>
   </span>
   </span>


Просто засунуть всё в <div itemscope itemtype="http://schema.org/ImageObject"> </div> явно не получиться.
Валидатор микроразметки, не даст соврать =)

Да и загвоздка ещё в том что в виде фотографий, у меня нет названия. Ибо у игровых иконок это неуместно.
Может быть возможно разметить название, а потом скрыть его, каким-нибудь тегом =/

Подскажите, или дайте пример кода для наглядности.
Сообщение отредактировал Spirash - Понедельник, 28 Июл 2014, 09:29:09
kav-kaz
Сообщений: 186
Репутация: 80

Сообщение # 2 | 19:36:14
Код<div itemscope itemtype="http://schema.org/ImageObject">
<h2 itemprop="name" style="display:none">Винни-Пух</h2>
<img src="vinni.jpg" itemprop="contentUrl" />
<span itemprop="description" style="display:none">Винни-Пух залезает на дерево.</span>
</div>
должно работать.

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

Куплю сайт uCoz - практически любой, главное с ИКС. Продвижение сайта - услуги и блог.
Spirash
Сообщений: 50
Репутация: -6

Сообщение # 3 | 09:16:32
Вот облом.
<img src="vinni.jpg" itemprop="contentUrl" /> не как ни приспособить в код "Вид фотографий".
А без него, семантической разметки страниц, не будет =(
Сообщение отредактировал Spirash - Среда, 30 Июл 2014, 09:17:55
Dogica
Сообщений: 1230
Репутация: 353
Уровень замечаний:

Сообщение # 4 | 13:44:31
Цитата kav-kaz ()
Картинки с названием несли бы больше пользы и трафика!
по любому чел прав!


WWW.DOGICA.COM / WWW.DOGICA.ORG
Spirash
Сообщений: 50
Репутация: -6

Сообщение # 5 | 19:55:18
Это уже неважно.
Всё-равно проблема семантической разметки страниц, нерешаема. Из-за раннее описанной мной причины.

А по поводу
Цитата
Картинки с названием несли бы больше пользы и трафика!

Я так подумал.
И всё-таки есть 1 вариант, когда может понадобится название стоящее над фото.
Так что я всё-таки сделал заголовок.
Сообщение отредактировал Spirash - Среда, 30 Июл 2014, 20:43:05
  • Страница 1 из 1
  • 1
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!