Перейти к содержимому

Сервис обмена электронных валют


Google + Хлебные крошки + HtmlBook + Валидация + ...

#1 ShowPrint

ShowPrint
  • Пользователь PRO
  • 1 718 сообщений
  • Репутация: 408
0

Отправлено 03 Июль 2015 - 20:04

Приветствую всех форумчан и гостей!

Придумать название для темы оказалось действительно сложно, но как-то так... Теперь по порядку:

 

Обнаружил что Google 25 июня сделал обновление страницы, посвященной хлебным крохам. Изменения произошли и в форматах и в примерах... Темой заинтересовался поскольку на реализованные ранее крохи через xmlns:v='http://rdf.data-vocabulary.org/#' ругался валидатор (крошки через Schema.org не поддерживались - насколько я смог прочесть в силу своего ламмерства).

Сейчас же вроде Schema.org стала поддерживаться и я решил для пробы на одной из страниц переписать "крошечный" кусок кода. Решил сделать по следующему примеру:

<ol itemscope itemtype="http://schema.org/BreadcrumbList">
  <li itemprop="itemListElement" itemscope
      itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="https://example.com/arts">
        <span itemprop="name">Arts</span></a>
    <meta itemprop="position" content="1" />
  </li>
  ›
  <li itemprop="itemListElement" itemscope
      itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="https://example.com/arts/books">
      <span itemprop="name">Books</span></a>
    <meta itemprop="position" content="2" />
  </li>
  ›
  <li itemprop="itemListElement" itemscope
      itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="https://example.com/arts/books/poetry">
      <span itemprop="name">Poetry</span></a>
    <meta itemprop="position" content="3" />
  </li>
</ol>

Неувязочка №1

"Бросился в глаза" тег <meta> - как-то не приходилось ранее встречать его внутри <body>, все как-то больше внутри <head>... Но я же любознательный... Открыв "Библию" на нужной странице, прочел:

Разрешается использовать более чем один метатег, все они размещаются в контейнере <head>

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

Итог - все получилось "ок", все работает, валидаторы микроразметки (и Я и Г) все скушали, более того - валидатор кода сказал "парень, все нормально"...

Все понимаю, время идет - стандарты меняются, но текст в "Библии" надо обновлять на следующий же день после изменения стандартов!!!

 

Неувязочка №2

После реализации данного кода при проверке страницы валидатор кода заругался на вот эти фрагменты:

</li>


<li itemprop="itemListElement" itemscope

Вполне логично, что все что находится внутри списка должно быть его элементами (за некоторыми исключениями) и посторонним символам (">") там делать нечего...
"Вылечилось" легко и сразу посредством всовывания вышеупомянутого символа в предшествующий элемент списка, т.е. преобразованный пример стал выглядеть так:
<ol itemscope itemtype="http://schema.org/BreadcrumbList">
  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="https://example.com/arts">
        <span itemprop="name">Arts</span></a>
    <meta itemprop="position" content="1" />
    &nbsp;›
  </li>
  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="https://example.com/arts/books">
      <span itemprop="name">Books</span></a>
    <meta itemprop="position" content="2" />
    &nbsp;› 
  </li>
  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="https://example.com/arts/books/poetry">
      <span itemprop="name">Poetry</span></a>
    <meta itemprop="position" content="3" />
  </li>
</ol>

Недоумение вызывает тот факт, что НЕвалидный код приведён в качестве примера на странице для разработчиков у самого Гугля. То есть этот факт стоит воспринимать как "ребят, нам плевать на стандарты", так что ли?

 

Ну вот, поделился... Допускаю что опять где-то чего-то "недо" (недочитал, недопонял), посему ежели есть у кого есть что сказать на это счет, то буду признателен...

 

<offtop>

    Сильно тяжелые камни не бросайте - дайте возможность увернуться, я уже старенький...

</offtop>


 

 

Сообщение отредактировал ShowPrint: 03 Июль 2015 - 20:07

  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#2 Ixman

Ixman
  • Пользователь PRO
  • 2 159 сообщений
  • Репутация: 432

Отправлено 03 Июль 2015 - 20:30

@ShowPrint, по поводу ошибки в валидации, возможно у ребят из google, если код копировался оттуда, ошибок нет, а просто код был скопирован вместе с переносом. Иногда такое бывает. Вот из-за переноса всего скорее и была ошибка, ну по крайней мере мне так увиделось из выложенных примеров.

 

Я лично для себя использую разметку попроще, какая она там по формату не помню, но брал с Google тоже

Чёйта я в google не нашёл своего варианта вовсе


  • 0

#3 ShowPrint

ShowPrint
    Topic Starter
  • Пользователь PRO
  • 1 718 сообщений
  • Репутация: 408

Отправлено 03 Июль 2015 - 20:46

@Ixman, дык валидатор ругается не на перенос, а на текстовый символ "цепочки" который стоит между элементами списка:

<ol>
    <li></li>
    >
    <li></li>
</ol>

(символ ">" между строками <li></li>)

 

Насколько я знаю, это явно не валидное использование списка


У меня на страницах используется микроразметка OpenGraph и Schema.org, я перед внедрением спрашивал Платона как Я отнесется к двум разным микроформатам - он дал "добро" с оговоркой "ничего страшного, но не увлекайтесь", поэтому решил избавиться от третьего "хлебного" микроформата и сделать крошки через Schema.org (раз уж они стали поддерживаться)... =)


Сообщение отредактировал ShowPrint: 03 Июль 2015 - 20:35

  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#4 Ixman

Ixman
  • Пользователь PRO
  • 2 159 сообщений
  • Репутация: 432

Отправлено 03 Июль 2015 - 20:49

@ShowPrint, не заметил его в списке отдельно. Ну так нужно его html сущность использовать, как вродь вообще лучше юзать не символ, а его html эквивалент. В принципе и правильно решена эта задача.


Сообщение отредактировал Ixman: 03 Июль 2015 - 20:50

  • 0

#5 ShowPrint

ShowPrint
    Topic Starter
  • Пользователь PRO
  • 1 718 сообщений
  • Репутация: 408

Отправлено 03 Июль 2015 - 21:01

@Ixman, насколько я понимаю, валидатор ругается не на конкретный символ, а на то, что внутри<ol> есть посторонние элементы помимо <li>, не должно их быть... У меня как раз html-сущности и стояли...

PrtScr.png

Неважно, символ или сущность, но надо их "впихнуть" в предшествующий блок <li>...</li>


Сообщение отредактировал ShowPrint: 03 Июль 2015 - 21:03

  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#6 TimurR

TimurR
  • Пользователь PRO
  • 831 сообщений
  • Репутация: 180

Отправлено 03 Июль 2015 - 23:46

@ShowPrint,


 

 

То есть этот факт стоит воспринимать как "ребят, нам плевать на стандарты", так что ли?

 

Да :) Смотрите код страницы различных "сайтов" гугла и ужасайтесь результатами валидатора.  


  • 0

Рекомендую хостинг: www.ihc.ru

Разработка сайтов / Дизайн / Верстка - писать в л.с.



#7 Ixman

Ixman
  • Пользователь PRO
  • 2 159 сообщений
  • Репутация: 432

Отправлено 04 Июль 2015 - 20:23

@ShowPrint, чёт мне сдаётся не в этом тогда проблема 

Вот на той микроразметке, что использую я, между тегами используется вот такой символ <li>...</li> » <li>...</li> и валидатор w3.org ничего мне поэтому поводу не говорит
  • 0

#8 ShowPrint

ShowPrint
    Topic Starter
  • Пользователь PRO
  • 1 718 сообщений
  • Репутация: 408

Отправлено 06 Июль 2015 - 15:47

@Ixman, ну у меня-то именно в этом, т.к. "вылечилось" моментально посредством переноса "разделителя" в предшествующий элемент <li>...</li>...

 

Могу предположить, что это возможно зависит от версии  (стандарта) html в котором сверстана страница, моя в html5...

 

Если дело не в этом, то остается одно: у мастера своего дела - всё спорится и любой ветер - попутный... И это справедливо!


  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru