Enhance JSON-LD generation for homepage and sitemap by including category data, improving SEO structure and breadcrumb support.

This commit is contained in:
seb
2025-07-03 06:45:55 +02:00
parent f24429caef
commit 379f75947a
2 changed files with 27 additions and 8 deletions

View File

@@ -313,7 +313,8 @@ const renderApp = async (categoryData, socket) => {
? "index.html"
: "index.prerender.html";
const homeMetaTags = generateHomepageMetaTags(shopConfig.baseUrl, shopConfig);
const homeJsonLd = generateHomepageJsonLd(shopConfig.baseUrl, shopConfig);
const homepageCategories = categoryData ? collectAllCategories(categoryData) : [];
const homeJsonLd = generateHomepageJsonLd(shopConfig.baseUrl, shopConfig, homepageCategories);
const combinedHomeMeta = homeMetaTags + "\n" + homeJsonLd;
const homeSuccess = render(
homeComponent,
@@ -385,8 +386,8 @@ const renderApp = async (categoryData, socket) => {
// Special handling for Sitemap page to include category data
if (page.filename === "sitemap" && categoryData) {
const allCategories = collectAllCategories(categoryData);
metaTags = generateSitemapJsonLd(allCategories, shopConfig.baseUrl, shopConfig);
const sitemapCategories = collectAllCategories(categoryData);
metaTags = generateSitemapJsonLd(sitemapCategories, shopConfig.baseUrl, shopConfig);
}
// Special handling for Konfigurator page to include SEO tags

View File

@@ -196,9 +196,9 @@ const generateHomepageMetaTags = (baseUrl, config) => {
`;
};
const generateHomepageJsonLd = (baseUrl, config) => {
const generateHomepageJsonLd = (baseUrl, config, categories = []) => {
const jsonLd = {
const websiteJsonLd = {
"@context": "https://schema.org/",
"@type": "WebSite",
name: config.brandName,
@@ -232,9 +232,27 @@ const generateHomepageJsonLd = (baseUrl, config) => {
],
};
return `<script type="application/ld+json">${JSON.stringify(
jsonLd
)}</script>`;
// Generate BreadcrumbList for all categories
const breadcrumbJsonLd = {
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": categories
.filter(category => category.seoName) // Only include categories with seoName
.map((category, index) => ({
"@type": "ListItem",
"position": index + 1,
"name": category.name,
"item": `${baseUrl}/Kategorie/${category.seoName}`
}))
};
// Return both JSON-LD scripts
const websiteScript = `<script type="application/ld+json">${JSON.stringify(websiteJsonLd)}</script>`;
const breadcrumbScript = categories.length > 0
? `<script type="application/ld+json">${JSON.stringify(breadcrumbJsonLd)}</script>`
: '';
return websiteScript + (breadcrumbScript ? '\n' + breadcrumbScript : '');
};
const generateSitemapJsonLd = (allCategories = [], baseUrl, config) => {