Hello. I manually set up bread crumbs for a site on CMS Opencart, but in search engines they do not look like we would like.
Here, for example, looks like a page in Yandex: 
The word tutorial is taken from the url of the page, and not from the title as it should have been. But as in Google:
I want it to be like this:
No errors were detected on the validators.
Here is the code:
<ul class="breadcrumb" itemscope="" itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"> <a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="https://домен.me/"><span itemprop="name"><img src="image/home.png"></span></a><meta itemprop="position" content="1"> </li> <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"> <a itemscope="" itemtype="https://schema.org/Thing" itemprop="item" href="https://домен.me/tutorial"><span itemprop="name">Название страницы</span></a><meta itemprop="position" content="2"> </li> </ul> 
