Патэрн · TypeScript

BreadcrumbList JSON-LD для ўнутраных старонак

Адзін хелпер жывіць і бачныя крошкі, і разметку — назвы і URL застаюцца сінхроннымі.

Апублікавана: 2026-02-01 · Абноўлена: 2026-04-11

Узровень: базавыАцэнка часу: ~15 хв

“

Адзін масіў даных кіруе UI крошак і `itemListElement` у JSON-LD — без расходжанняў label/URL.
Супадзенне парадку зніжае памылкі ў rich results
аб'ект трапляе ў `@graph`
пасля змены маршрутаў зноў праганіце валідатар
Бачныя крошкі і application/ld+json павінны мець адзін парадак і тыя ж подпісы.

Код

export function buildBreadcrumbListLd(items: { name: string; url: string }[]) {
  return {
    '@type': 'BreadcrumbList' as const,
    itemListElement: items.map((item, index) => ({
      '@type': 'ListItem' as const,
      position: index + 1,
      name: item.name,
      item: item.url,
    })),
  }
}

Праверка

Подпісы ў UI і JSON-LD выкарыстоўваюць тыя ж кананічныя URL, уключна з завершальнымі /, калі такая палітыка сайта.
Rich Results Test / валідатар Schema.org не паказвае памылак ListItem.

Крыніцы

Іншыя патэрны

Матэрыялы блога

Трэба ўнясці пад ваш домен і стэк?

Кароткая форма: імя, тэлефон і сайт. Пасля адпраўкі — адказ з парадкам работ і арыенцірам па этапах; дэталі ўдакладняюцца пры кантакце.