enhance(seo): `Article` structured 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
Summary
Use the article structure data on blog pages.
Details
We can use the following structured data for MDN Blogs:
<html>
<head>
<title>Title of a News Article</title>
<script type="application/ld+json">
[{
"@context": "https://schema.org",
"@type": "NewsArticle",
"headline": "How to debug mobile apps across devices",
"image": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://developer.mozilla.org/en-US/blog/debug-mobile-apps-across-devices/featured.png"
],
"datePublished": "2024-07-2T08:00:00+08:00",
"dateModified": "2024-07-6T09:20:00+08:00",
"author": [{
"@type": "Person",
"name": "LambdaTest",
"url": "https://lambdatest.com/"
}
]
}
]
</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
Start by locating the blog-page rendering entry point in the MDN fred frontend and compare its output with the schema.org Article example in this issue. Done means blog pages emit valid Article structured data with the relevant article metadata, including headline, images, dates, and author information.
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