Как сделать микроразметку хлебных крошек?

Есть хлебные крошки вида:
Home > Military > This page

Вопрос такой, как быть, если я хочу заменить название "Home" на иконку.
Если я так делаю, то при тесте я получаю ошибку: "Укажите свойство name или item.name."

Как быть?

Чисто для примера, приведу текст своей разметки из wordpress:

<ol class="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="' . home_url() . '" rel="nofollow">
       <span itemprop="name"><i class="icon-home"></i></span>
    </a>
    <meta itemprop="position" content="' . $content . '" />
   </li>
   <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
     <a itemprop="item" href="' . get_category_link( $cat ) . '" rel="nofollow">
       <span itemprop="name">' . get_the_category_by_ID( $cat ) . '</span>
     </a>
     <meta itemprop="position" content="' . $content. '" />
   </li>
   <li> This page </li>
</ol>

Это иконка "домика" -
<i class="icon-home"></i>