breadcrumbs.phtml

<?php if ($crumbs && is_array($crumbs)): ?>
<div class="breadcrumbs">
    <ul class="items">
        <?php foreach ($crumbs as $crumbName => $crumbInfo): ?>
            <li class="item <?= $block->escapeHtmlAttr($crumbName) ?>">
            <?php if ($crumbInfo['link']): ?>
                <a href="<?= $escaper->escapeUrl($crumbInfo['link']) ?>"
                   title="<?= $escaper->escapeHtml($crumbInfo['title']) ?>">
                    <?= $escaper->escapeHtml($crumbInfo['label']) ?>
                </a>
            <?php elseif ($crumbInfo['last']): ?>
                <strong><?= $escaper->escapeHtml($crumbInfo['label']) ?></strong>
            <?php else: ?>
                <?= $escaper->escapeHtml($crumbInfo['label']) ?>
            <?php endif; ?>
            </li>
        <?php endforeach; ?>
    </ul>
</div>
<?php endif; ?>


<?php if ($crumbs && is_array($crumbs)): ?>
<script type="application/ld+json">
{
    <?php $position = 1; ?>
    "@context": "http://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
    <?php foreach ($crumbs as $crumbName => $crumbInfo): ?>
    {
            "@type": "ListItem",
            "position": "<?= $escaper->escapeHtml($position++) ?>",
            "item": {
                "@id": "<?= $escaper->escapeUrl($crumbInfo['link']) ?>",
                "name": "<?= $escaper->escapeHtml($crumbInfo['label']) ?>"
            }
    }
        <?= $crumbInfo['last'] ? '' : ',' ?>
    <?php endforeach; ?>
    ]
}
</script>
<?php endif; ?>