enhance(seo): add breadcrumbs data for blog pages
Open
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 233
- Forks
- 61
- Avg merge
- 1d 1h
- Merged PRs (30d)
- 82
Description
- sub part of https://github.com/mdn/yari/issues/11655
- related to https://github.com/mdn/fred/issues/990
Summary
Add breadcrumb structures for Blog pages.
Details
The breadcrumb for https://developer.mozilla.org/en-US/blog/debug-mobile-apps-across-devices/ is broken; it doesn't show the blog part:
We can use the following breadcrumb data for MDN Blogs:
<html>
<head>
<title>Title of a News Article</title>
<script type="application/ld+json">
[ {
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"item": {
"@id": "https://developer.mozilla.org/en-US/blog",
"name": "Blogs",
"type": "WebPage"
}
},
{
"@type": "ListItem",
"position": 2,
"item": {
"@id": "https://developer.mozilla.org/en-US/blog",
"name": "https://developer.mozilla.org/en-US/blog/debug-mobile-apps-across-devices/",
"type": "WebPage"
}
}
]
}
]
</script>
</head>
<body>
</body>
</html>
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No source files, tests, or entry points are named. Start by tracing how blog pages are rendered and where breadcrumb or JSON-LD data is generated; confirm completion by verifying that a blog page includes a BreadcrumbList with the blog entry and correct positions.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend, web-dev
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100