feat: enhance SEO capabilities and add All Tools page
- Updated generate-seo-assets script to create separate sitemap files for static, blog, tools, and SEO pages. - Introduced render-seo-shells script to generate HTML shells for SEO pages with dynamic metadata. - Added All Tools page with categorized tool listings and SEO metadata. - Updated routing to include /tools path and linked it in the footer. - Enhanced SEOHead component to remove unused keywords and improve OpenGraph metadata. - Updated translations for tools hub in English, Arabic, and French. - Refactored SEO-related utility functions to support new structured data formats.
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
FLASK_ENV=production
|
||||
FLASK_DEBUG=0
|
||||
SECRET_KEY=replace-with-a-long-random-secret-key
|
||||
INTERNAL_ADMIN_EMAILS=admin@dociva.io
|
||||
INTERNAL_ADMIN_EMAILS=support@dociva.io
|
||||
|
||||
# Site Domain (used in sitemap, robots.txt, emails)
|
||||
SITE_DOMAIN=https://dociva.io
|
||||
|
||||
@@ -7,12 +7,13 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="description"
|
||||
content="Free online tools for PDF, image, video, and text processing. Merge, split, compress, convert, watermark, protect & more — instantly." />
|
||||
<meta name="application-name" content="Dociva" />
|
||||
<meta name="apple-mobile-web-app-title" content="Dociva" />
|
||||
<meta name="theme-color" content="#2563eb" />
|
||||
<meta name="google-site-verification" content="tx9YptvPfrvb115PeFBWpYpRhw_4CYHQXzpLKNXXV20" />
|
||||
<meta name="msvalidate.01" content="65E1161EF971CA2810FE8EABB5F229B4" />
|
||||
<meta name="keywords"
|
||||
content="PDF tools, merge PDF, split PDF, compress PDF, PDF to Word, image converter, free online tools, Arabic PDF tools" />
|
||||
<meta name="author" content="Dociva" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:title" content="Dociva — Free Online File Tools" />
|
||||
<meta property="og:description"
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"prebuild": "node scripts/merge-keywords.mjs && node scripts/generate-seo-assets.mjs",
|
||||
"build": "tsc --noEmit && vite build",
|
||||
"build": "tsc --noEmit && vite build && node scripts/render-seo-shells.mjs",
|
||||
"preview": "vite preview",
|
||||
"lint": "eslint .",
|
||||
"test": "vitest run",
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
33
frontend/public/sitemaps/blog.xml
Normal file
33
frontend/public/sitemaps/blog.xml
Normal file
@@ -0,0 +1,33 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url>
|
||||
<loc>https://dociva.io/blog/how-to-compress-pdf-online</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.6</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/blog/convert-images-without-losing-quality</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.6</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/blog/ocr-extract-text-from-images</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.6</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/blog/merge-split-pdf-files</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.6</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/blog/ai-chat-with-pdf-documents</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.6</priority>
|
||||
</url>
|
||||
</urlset>
|
||||
1131
frontend/public/sitemaps/seo.xml
Normal file
1131
frontend/public/sitemaps/seo.xml
Normal file
File diff suppressed because it is too large
Load Diff
57
frontend/public/sitemaps/static.xml
Normal file
57
frontend/public/sitemaps/static.xml
Normal file
@@ -0,0 +1,57 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url>
|
||||
<loc>https://dociva.io/</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>daily</changefreq>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/about</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.4</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/contact</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.4</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/privacy</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>yearly</changefreq>
|
||||
<priority>0.3</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/terms</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>yearly</changefreq>
|
||||
<priority>0.3</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/pricing</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/blog</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.6</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/developers</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
</urlset>
|
||||
267
frontend/public/sitemaps/tools.xml
Normal file
267
frontend/public/sitemaps/tools.xml
Normal file
@@ -0,0 +1,267 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/pdf-to-word</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.9</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/word-to-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.9</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/compress-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.9</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/merge-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.9</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/split-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/rotate-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/pdf-to-images</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/images-to-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/watermark-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/protect-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/unlock-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/page-numbers</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/pdf-editor</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/pdf-flowchart</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/pdf-to-excel</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/remove-watermark-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/reorder-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/extract-pages</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/image-converter</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/image-resize</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/compress-image</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/ocr</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/remove-background</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/image-to-svg</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/html-to-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/chat-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/summarize-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/translate-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/extract-tables</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/qr-code</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/video-to-gif</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/word-counter</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.6</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/text-cleaner</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.6</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/pdf-to-pptx</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/excel-to-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/pptx-to-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/sign-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/crop-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/flatten-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/repair-pdf</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/pdf-metadata</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.6</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/image-crop</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/image-rotate-flip</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://dociva.io/tools/barcode-generator</loc>
|
||||
<lastmod>2026-03-29</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
</urlset>
|
||||
@@ -1,4 +1,4 @@
|
||||
import { readFile, writeFile } from 'node:fs/promises';
|
||||
import { mkdir, readFile, writeFile } from 'node:fs/promises';
|
||||
import path from 'node:path';
|
||||
import { fileURLToPath } from 'node:url';
|
||||
|
||||
@@ -6,6 +6,7 @@ const __filename = fileURLToPath(import.meta.url);
|
||||
const __dirname = path.dirname(__filename);
|
||||
const frontendRoot = path.resolve(__dirname, '..');
|
||||
const publicDir = path.join(frontendRoot, 'public');
|
||||
const sitemapDir = path.join(publicDir, 'sitemaps');
|
||||
const siteOrigin = String(process.env.VITE_SITE_DOMAIN || 'https://dociva.io').trim().replace(/\/$/, '');
|
||||
const today = new Date().toISOString().slice(0, 10);
|
||||
|
||||
@@ -26,6 +27,7 @@ const routeRegistrySource = await readFile(path.join(frontendRoot, 'src', 'confi
|
||||
|
||||
const staticPages = [
|
||||
{ path: '/', changefreq: 'daily', priority: '1.0' },
|
||||
{ path: '/tools', changefreq: 'weekly', priority: '0.8' },
|
||||
{ path: '/about', changefreq: 'monthly', priority: '0.4' },
|
||||
{ path: '/contact', changefreq: 'monthly', priority: '0.4' },
|
||||
{ path: '/privacy', changefreq: 'yearly', priority: '0.3' },
|
||||
@@ -94,6 +96,18 @@ function makeUrlTag({ loc, changefreq, priority }) {
|
||||
return ` <url>\n <loc>${loc}</loc>\n <lastmod>${today}</lastmod>\n <changefreq>${changefreq}</changefreq>\n <priority>${priority}</priority>\n </url>`;
|
||||
}
|
||||
|
||||
function makeSitemapUrlSet(entries) {
|
||||
return `<?xml version="1.0" encoding="UTF-8"?>\n<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">\n${entries.join('\n')}\n</urlset>\n`;
|
||||
}
|
||||
|
||||
function makeSitemapIndex(entries) {
|
||||
const items = entries
|
||||
.map((entry) => ` <sitemap>\n <loc>${entry.loc}</loc>\n <lastmod>${today}</lastmod>\n </sitemap>`)
|
||||
.join('\n');
|
||||
|
||||
return `<?xml version="1.0" encoding="UTF-8"?>\n<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">\n${items}\n</sitemapindex>\n`;
|
||||
}
|
||||
|
||||
function dedupeEntries(entries) {
|
||||
const seen = new Set();
|
||||
return entries.filter((entry) => {
|
||||
@@ -110,22 +124,33 @@ const blogSource = await readFile(path.join(frontendRoot, 'src', 'content', 'blo
|
||||
const blogSlugs = extractBlogSlugs(blogSource);
|
||||
const toolSlugs = extractToolSlugs(routeRegistrySource);
|
||||
|
||||
const sitemapEntries = dedupeEntries([
|
||||
...staticPages.map((page) => ({
|
||||
await mkdir(sitemapDir, { recursive: true });
|
||||
|
||||
const staticEntries = dedupeEntries(
|
||||
staticPages.map((page) => ({
|
||||
loc: `${siteOrigin}${page.path}`,
|
||||
changefreq: page.changefreq,
|
||||
priority: page.priority,
|
||||
})),
|
||||
...blogSlugs.map((slug) => ({
|
||||
).map((entry) => makeUrlTag(entry));
|
||||
|
||||
const blogEntries = dedupeEntries(
|
||||
blogSlugs.map((slug) => ({
|
||||
loc: `${siteOrigin}/blog/${slug}`,
|
||||
changefreq: 'monthly',
|
||||
priority: '0.6',
|
||||
})),
|
||||
...toolSlugs.map((slug) => ({
|
||||
).map((entry) => makeUrlTag(entry));
|
||||
|
||||
const toolEntries = dedupeEntries(
|
||||
toolSlugs.map((slug) => ({
|
||||
loc: `${siteOrigin}/tools/${slug}`,
|
||||
changefreq: 'weekly',
|
||||
priority: toolRoutePriorities.get(slug) || '0.6',
|
||||
})),
|
||||
).map((entry) => makeUrlTag(entry));
|
||||
|
||||
const seoEntries = dedupeEntries([
|
||||
...seoConfig.toolPageSeeds.flatMap((page) => ([
|
||||
{ loc: `${siteOrigin}/${page.slug}`, changefreq: 'weekly', priority: '0.88' },
|
||||
{ loc: `${siteOrigin}/ar/${page.slug}`, changefreq: 'weekly', priority: '0.8' },
|
||||
@@ -136,7 +161,12 @@ const sitemapEntries = dedupeEntries([
|
||||
])),
|
||||
]).map((entry) => makeUrlTag(entry));
|
||||
|
||||
const sitemap = `<?xml version="1.0" encoding="UTF-8"?>\n<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">\n${sitemapEntries.join('\n')}\n</urlset>\n`;
|
||||
const sitemapIndex = makeSitemapIndex([
|
||||
{ loc: `${siteOrigin}/sitemaps/static.xml` },
|
||||
{ loc: `${siteOrigin}/sitemaps/blog.xml` },
|
||||
{ loc: `${siteOrigin}/sitemaps/tools.xml` },
|
||||
{ loc: `${siteOrigin}/sitemaps/seo.xml` },
|
||||
]);
|
||||
|
||||
const robots = [
|
||||
'# robots.txt — Dociva',
|
||||
@@ -156,7 +186,11 @@ const robots = [
|
||||
'',
|
||||
].join('\n');
|
||||
|
||||
await writeFile(path.join(publicDir, 'sitemap.xml'), sitemap, 'utf8');
|
||||
await writeFile(path.join(publicDir, 'sitemap.xml'), sitemapIndex, 'utf8');
|
||||
await writeFile(path.join(sitemapDir, 'static.xml'), makeSitemapUrlSet(staticEntries), 'utf8');
|
||||
await writeFile(path.join(sitemapDir, 'blog.xml'), makeSitemapUrlSet(blogEntries), 'utf8');
|
||||
await writeFile(path.join(sitemapDir, 'tools.xml'), makeSitemapUrlSet(toolEntries), 'utf8');
|
||||
await writeFile(path.join(sitemapDir, 'seo.xml'), makeSitemapUrlSet(seoEntries), 'utf8');
|
||||
await writeFile(path.join(publicDir, 'robots.txt'), robots, 'utf8');
|
||||
|
||||
console.log(`Generated SEO assets for ${siteOrigin}`);
|
||||
166
frontend/scripts/render-seo-shells.mjs
Normal file
166
frontend/scripts/render-seo-shells.mjs
Normal file
@@ -0,0 +1,166 @@
|
||||
import { mkdir, readFile, writeFile } from 'node:fs/promises';
|
||||
import path from 'node:path';
|
||||
import { fileURLToPath } from 'node:url';
|
||||
|
||||
const __filename = fileURLToPath(import.meta.url);
|
||||
const __dirname = path.dirname(__filename);
|
||||
const frontendRoot = path.resolve(__dirname, '..');
|
||||
const distRoot = path.join(frontendRoot, 'dist');
|
||||
const siteOrigin = String(process.env.VITE_SITE_DOMAIN || 'https://dociva.io').trim().replace(/\/$/, '');
|
||||
const seoPagesPath = path.join(frontendRoot, 'src', 'config', 'seo-tools.json');
|
||||
const seoToolsPath = path.join(frontendRoot, 'src', 'config', 'seoData.ts');
|
||||
const blogPath = path.join(frontendRoot, 'src', 'content', 'blogArticles.ts');
|
||||
|
||||
const baseHtml = await readFile(path.join(distRoot, 'index.html'), 'utf8');
|
||||
const seoPages = JSON.parse(await readFile(seoPagesPath, 'utf8'));
|
||||
const seoToolsSource = await readFile(seoToolsPath, 'utf8');
|
||||
const blogSource = await readFile(blogPath, 'utf8');
|
||||
|
||||
const defaultTitle = 'Dociva — Free Online File Tools';
|
||||
const defaultDescription = 'Free online tools for PDF, image, video, and text processing. Merge, split, compress, convert, watermark, protect & more — instantly.';
|
||||
|
||||
function escapeHtml(value) {
|
||||
return value
|
||||
.replace(/&/g, '&')
|
||||
.replace(/</g, '<')
|
||||
.replace(/>/g, '>')
|
||||
.replace(/"/g, '"');
|
||||
}
|
||||
|
||||
function extractToolMetadata(source) {
|
||||
const entries = new Map();
|
||||
const pattern = /i18nKey:\s*'([^']+)'[\s\S]*?slug:\s*'([^']+)'[\s\S]*?titleSuffix:\s*'([^']+)'[\s\S]*?metaDescription:\s*'([^']+)'/g;
|
||||
|
||||
for (const match of source.matchAll(pattern)) {
|
||||
const [, i18nKey, slug, titleSuffix, metaDescription] = match;
|
||||
entries.set(slug, {
|
||||
i18nKey,
|
||||
title: `${titleSuffix} | Dociva`,
|
||||
description: metaDescription,
|
||||
});
|
||||
}
|
||||
|
||||
return entries;
|
||||
}
|
||||
|
||||
function extractBlogEntries(source) {
|
||||
const entries = [];
|
||||
const pattern = /slug:\s*'([^']+)'[\s\S]*?title:\s*\{[\s\S]*?en:\s*'([^']+)'[\s\S]*?seoDescription:\s*\{[\s\S]*?en:\s*'([^']+)'/g;
|
||||
|
||||
for (const match of source.matchAll(pattern)) {
|
||||
const [, slug, title, description] = match;
|
||||
entries.push({ slug, title: `${title} — Dociva`, description });
|
||||
}
|
||||
|
||||
return entries;
|
||||
}
|
||||
|
||||
function interpolate(template, values) {
|
||||
return template.replace(/{{\s*([a-zA-Z0-9_]+)\s*}}/g, (_, key) => values[key] ?? '');
|
||||
}
|
||||
|
||||
function withMeta(html, { title, description, url }) {
|
||||
const safeTitle = escapeHtml(title);
|
||||
const safeDescription = escapeHtml(description);
|
||||
const safeUrl = escapeHtml(url);
|
||||
|
||||
let result = html
|
||||
.replace(/<title>.*?<\/title>/, `<title>${safeTitle}</title>`)
|
||||
.replace(/<meta name="description"[\s\S]*?\/>/, `<meta name="description" content="${safeDescription}" />`)
|
||||
.replace(/<meta property="og:title"[\s\S]*?\/>/, `<meta property="og:title" content="${safeTitle}" />`)
|
||||
.replace(/<meta property="og:description"[\s\S]*?\/>/, `<meta property="og:description" content="${safeDescription}" />`)
|
||||
.replace(/<meta name="twitter:title"[\s\S]*?\/>/, `<meta name="twitter:title" content="${safeTitle}" />`)
|
||||
.replace(/<meta name="twitter:description"[\s\S]*?\/>/, `<meta name="twitter:description" content="${safeDescription}" />`);
|
||||
|
||||
result = result.replace(
|
||||
'</head>',
|
||||
` <link rel="canonical" href="${safeUrl}" />\n <meta property="og:url" content="${safeUrl}" />\n</head>`,
|
||||
);
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
async function writeRouteShell(routePath, title, description) {
|
||||
const normalizedPath = routePath === '/' ? '' : routePath.replace(/^\//, '');
|
||||
const targetDir = normalizedPath ? path.join(distRoot, normalizedPath) : distRoot;
|
||||
const html = withMeta(baseHtml, {
|
||||
title,
|
||||
description,
|
||||
url: `${siteOrigin}${routePath}`,
|
||||
});
|
||||
|
||||
await mkdir(targetDir, { recursive: true });
|
||||
await writeFile(path.join(targetDir, 'index.html'), html, 'utf8');
|
||||
}
|
||||
|
||||
const staticPages = [
|
||||
{ path: '/', title: defaultTitle, description: defaultDescription },
|
||||
{ path: '/tools', title: 'All Tools — Dociva', description: 'Browse every Dociva tool in one place. Explore PDF, image, AI, conversion, and utility workflows from a single search-friendly directory.' },
|
||||
{ path: '/about', title: 'About Dociva', description: 'Learn about Dociva — free, fast, and secure online file tools for PDFs, images, video, and text. No registration required.' },
|
||||
{ path: '/contact', title: 'Contact Dociva', description: 'Contact the Dociva team. Report bugs, request features, or send us a message.' },
|
||||
{ path: '/privacy', title: 'Privacy Policy — Dociva', description: 'Privacy policy for Dociva. Learn how we handle your files and data with full transparency.' },
|
||||
{ path: '/terms', title: 'Terms of Service — Dociva', description: 'Terms of service for Dociva. Understand the rules and guidelines for using our free online tools.' },
|
||||
{ path: '/pricing', title: 'Pricing — Dociva', description: 'Compare free and pro plans for Dociva. Access 30+ tools for free, or upgrade for unlimited processing.' },
|
||||
{ path: '/blog', title: 'Blog — Tips, Tutorials & Updates', description: 'Learn how to compress, convert, edit, and manage PDF files with our expert guides and tutorials.' },
|
||||
{ path: '/developers', title: 'Developers — Dociva', description: 'Explore the Dociva developer portal, async API flow, and production-ready endpoints for document automation.' },
|
||||
];
|
||||
|
||||
for (const page of staticPages) {
|
||||
await writeRouteShell(page.path, page.title, page.description);
|
||||
}
|
||||
|
||||
for (const blog of extractBlogEntries(blogSource)) {
|
||||
await writeRouteShell(`/blog/${blog.slug}`, blog.title, blog.description);
|
||||
}
|
||||
|
||||
for (const [slug, tool] of extractToolMetadata(seoToolsSource)) {
|
||||
await writeRouteShell(`/tools/${slug}`, tool.title, tool.description);
|
||||
}
|
||||
|
||||
for (const page of seoPages.toolPages) {
|
||||
const englishTitle = interpolate(page.titleTemplate.en, {
|
||||
brand: 'Dociva',
|
||||
focusKeyword: page.focusKeyword.en,
|
||||
});
|
||||
const arabicTitle = interpolate(page.titleTemplate.ar, {
|
||||
brand: 'Dociva',
|
||||
focusKeyword: page.focusKeyword.ar,
|
||||
});
|
||||
|
||||
const englishDescription = interpolate(page.descriptionTemplate.en, {
|
||||
brand: 'Dociva',
|
||||
focusKeyword: page.focusKeyword.en,
|
||||
});
|
||||
const arabicDescription = interpolate(page.descriptionTemplate.ar, {
|
||||
brand: 'Dociva',
|
||||
focusKeyword: page.focusKeyword.ar,
|
||||
});
|
||||
|
||||
await writeRouteShell(`/${page.slug}`, `${englishTitle} — Dociva`, englishDescription);
|
||||
await writeRouteShell(`/ar/${page.slug}`, `${arabicTitle} — Dociva`, arabicDescription);
|
||||
}
|
||||
|
||||
for (const page of seoPages.collectionPages) {
|
||||
const englishTitle = interpolate(page.titleTemplate.en, {
|
||||
brand: 'Dociva',
|
||||
focusKeyword: page.focusKeyword.en,
|
||||
});
|
||||
const arabicTitle = interpolate(page.titleTemplate.ar, {
|
||||
brand: 'Dociva',
|
||||
focusKeyword: page.focusKeyword.ar,
|
||||
});
|
||||
|
||||
const englishDescription = interpolate(page.descriptionTemplate.en, {
|
||||
brand: 'Dociva',
|
||||
focusKeyword: page.focusKeyword.en,
|
||||
});
|
||||
const arabicDescription = interpolate(page.descriptionTemplate.ar, {
|
||||
brand: 'Dociva',
|
||||
focusKeyword: page.focusKeyword.ar,
|
||||
});
|
||||
|
||||
await writeRouteShell(`/${page.slug}`, `${englishTitle} — Dociva`, englishDescription);
|
||||
await writeRouteShell(`/ar/${page.slug}`, `${arabicTitle} — Dociva`, arabicDescription);
|
||||
}
|
||||
|
||||
console.log('Rendered route-specific SEO shells.');
|
||||
@@ -24,6 +24,7 @@ const PricingPage = lazy(() => import('@/pages/PricingPage'));
|
||||
const BlogPage = lazy(() => import('@/pages/BlogPage'));
|
||||
const BlogPostPage = lazy(() => import('@/pages/BlogPostPage'));
|
||||
const DevelopersPage = lazy(() => import('@/pages/DevelopersPage'));
|
||||
const AllToolsPage = lazy(() => import('@/pages/AllToolsPage'));
|
||||
const InternalAdminPage = lazy(() => import('@/pages/InternalAdminPage'));
|
||||
const SeoRoutePage = lazy(() => import('@/pages/SeoRoutePage'));
|
||||
const CookieConsent = lazy(() => import('@/components/layout/CookieConsent'));
|
||||
@@ -129,6 +130,7 @@ export default function App() {
|
||||
<Route path="/blog" element={<BlogPage />} />
|
||||
<Route path="/blog/:slug" element={<BlogPostPage />} />
|
||||
<Route path="/developers" element={<DevelopersPage />} />
|
||||
<Route path="/tools" element={<AllToolsPage />} />
|
||||
<Route path="/internal/admin" element={<InternalAdminPage />} />
|
||||
<Route path="/ar/:slug" element={<SeoRoutePage />} />
|
||||
<Route path="/:slug" element={<SeoRoutePage />} />
|
||||
|
||||
@@ -92,6 +92,12 @@ export default function Footer() {
|
||||
>
|
||||
{t('common.terms')}
|
||||
</Link>
|
||||
<Link
|
||||
to="/tools"
|
||||
className="text-sm text-slate-500 transition-colors hover:text-primary-600 dark:text-slate-400 dark:hover:text-primary-400"
|
||||
>
|
||||
{t('common.allTools')}
|
||||
</Link>
|
||||
<Link
|
||||
to="/about"
|
||||
className="text-sm text-slate-500 transition-colors hover:text-primary-600 dark:text-slate-400 dark:hover:text-primary-400"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { Helmet } from 'react-helmet-async';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { buildLanguageAlternates, buildSocialImageUrl, getOgLocale, getSiteOrigin } from '@/utils/seo';
|
||||
import { buildSocialImageUrl, getOgLocale, getSiteOrigin } from '@/utils/seo';
|
||||
|
||||
const SITE_NAME = 'Dociva';
|
||||
|
||||
@@ -9,8 +9,6 @@ interface SEOHeadProps {
|
||||
title: string;
|
||||
/** Meta description */
|
||||
description: string;
|
||||
/** Optional keywords meta tag */
|
||||
keywords?: string;
|
||||
/** Canonical URL path (e.g. "/about") — origin is auto-prefixed */
|
||||
path: string;
|
||||
/** OG type — defaults to "website" */
|
||||
@@ -24,19 +22,19 @@ interface SEOHeadProps {
|
||||
/**
|
||||
* Reusable SEO head component that injects:
|
||||
* - title, description, canonical URL
|
||||
* - optional keywords meta tag
|
||||
* - OpenGraph meta tags (title, description, url, type, site_name, locale)
|
||||
* - Twitter card meta tags
|
||||
* - Optional JSON-LD structured data
|
||||
*/
|
||||
export default function SEOHead({ title, description, keywords, path, type = 'website', jsonLd, alternates }: SEOHeadProps) {
|
||||
export default function SEOHead({ title, description, path, type = 'website', jsonLd, alternates }: SEOHeadProps) {
|
||||
const { i18n } = useTranslation();
|
||||
const origin = getSiteOrigin(typeof window !== 'undefined' ? window.location.origin : '');
|
||||
const canonicalUrl = `${origin}${path}`;
|
||||
const socialImageUrl = buildSocialImageUrl(origin);
|
||||
const fullTitle = `${title} — ${SITE_NAME}`;
|
||||
const languageAlternates = alternates ?? buildLanguageAlternates(origin, path);
|
||||
const languageAlternates = alternates ?? [];
|
||||
const currentOgLocale = getOgLocale(i18n.language);
|
||||
const xDefaultHref = languageAlternates.find((alternate) => alternate.hrefLang === 'en')?.href ?? canonicalUrl;
|
||||
|
||||
const schemas = jsonLd ? (Array.isArray(jsonLd) ? jsonLd : [jsonLd]) : [];
|
||||
|
||||
@@ -45,7 +43,8 @@ export default function SEOHead({ title, description, keywords, path, type = 'we
|
||||
<title>{fullTitle}</title>
|
||||
<meta name="description" content={description} />
|
||||
<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1" />
|
||||
{keywords ? <meta name="keywords" content={keywords} /> : null}
|
||||
<meta name="application-name" content={SITE_NAME} />
|
||||
<meta name="apple-mobile-web-app-title" content={SITE_NAME} />
|
||||
<link rel="canonical" href={canonicalUrl} />
|
||||
{languageAlternates.map((alternate) => (
|
||||
<link
|
||||
@@ -55,7 +54,7 @@ export default function SEOHead({ title, description, keywords, path, type = 'we
|
||||
href={alternate.href}
|
||||
/>
|
||||
))}
|
||||
<link rel="alternate" hrefLang="x-default" href={canonicalUrl} />
|
||||
<link rel="alternate" hrefLang="x-default" href={xDefaultHref} />
|
||||
|
||||
{/* OpenGraph */}
|
||||
<meta property="og:title" content={fullTitle} />
|
||||
@@ -64,6 +63,7 @@ export default function SEOHead({ title, description, keywords, path, type = 'we
|
||||
<meta property="og:type" content={type} />
|
||||
<meta property="og:site_name" content={SITE_NAME} />
|
||||
<meta property="og:image" content={socialImageUrl} />
|
||||
<meta property="og:image:type" content="image/svg+xml" />
|
||||
<meta property="og:image:alt" content={`${fullTitle} social preview`} />
|
||||
<meta property="og:locale" content={currentOgLocale} />
|
||||
{languageAlternates
|
||||
|
||||
@@ -2,7 +2,7 @@ import { Helmet } from 'react-helmet-async';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { CheckCircle } from 'lucide-react';
|
||||
import { getToolSEO } from '@/config/seoData';
|
||||
import { buildLanguageAlternates, buildSocialImageUrl, generateToolSchema, generateBreadcrumbs, generateFAQ, generateHowTo, getOgLocale, getSiteOrigin } from '@/utils/seo';
|
||||
import { buildSocialImageUrl, generateToolSchema, generateBreadcrumbs, generateFAQ, generateHowTo, getOgLocale, getSiteOrigin } from '@/utils/seo';
|
||||
import BreadcrumbNav from './BreadcrumbNav';
|
||||
import FAQSection from './FAQSection';
|
||||
import RelatedTools from './RelatedTools';
|
||||
@@ -43,7 +43,6 @@ export default function ToolLandingPage({ slug, children }: ToolLandingPageProps
|
||||
const path = `/tools/${slug}`;
|
||||
const canonicalUrl = `${origin}${path}`;
|
||||
const socialImageUrl = buildSocialImageUrl(origin);
|
||||
const languageAlternates = buildLanguageAlternates(origin, path);
|
||||
const currentOgLocale = getOgLocale(i18n.language);
|
||||
|
||||
const toolSchema = generateToolSchema({
|
||||
@@ -77,18 +76,8 @@ export default function ToolLandingPage({ slug, children }: ToolLandingPageProps
|
||||
<Helmet>
|
||||
<title>{toolTitle} — {seo.titleSuffix} | {t('common.appName')}</title>
|
||||
<meta name="description" content={seo.metaDescription} />
|
||||
<meta name="keywords" content={seo.keywords} />
|
||||
<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1" />
|
||||
<link rel="canonical" href={canonicalUrl} />
|
||||
{languageAlternates.map((alternate) => (
|
||||
<link
|
||||
key={alternate.hrefLang}
|
||||
rel="alternate"
|
||||
hrefLang={alternate.hrefLang}
|
||||
href={alternate.href}
|
||||
/>
|
||||
))}
|
||||
<link rel="alternate" hrefLang="x-default" href={canonicalUrl} />
|
||||
|
||||
{/* Open Graph */}
|
||||
<meta property="og:title" content={`${toolTitle} — ${seo.titleSuffix}`} />
|
||||
@@ -98,11 +87,6 @@ export default function ToolLandingPage({ slug, children }: ToolLandingPageProps
|
||||
<meta property="og:image" content={socialImageUrl} />
|
||||
<meta property="og:image:alt" content={`${toolTitle} social preview`} />
|
||||
<meta property="og:locale" content={currentOgLocale} />
|
||||
{languageAlternates
|
||||
.filter((alternate) => alternate.ogLocale !== currentOgLocale)
|
||||
.map((alternate) => (
|
||||
<meta key={alternate.ogLocale} property="og:locale:alternate" content={alternate.ogLocale} />
|
||||
))}
|
||||
|
||||
{/* Twitter */}
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
|
||||
@@ -21,6 +21,7 @@ const STATIC_PAGE_ROUTES = [
|
||||
'/blog',
|
||||
'/blog/:slug',
|
||||
'/developers',
|
||||
'/tools',
|
||||
'/internal/admin',
|
||||
] as const;
|
||||
|
||||
|
||||
@@ -256,6 +256,19 @@
|
||||
"contactTitle": "8. الاتصال",
|
||||
"contactText": "أسئلة حول هذه الشروط؟ تواصل معنا على"
|
||||
},
|
||||
"toolsHub": {
|
||||
"metaTitle": "كل الأدوات",
|
||||
"metaDescription": "تصفح جميع أدوات Dociva في مكان واحد. استكشف مسارات PDF والصور والذكاء الاصطناعي والتحويل والأدوات المساعدة من دليل واحد سهل للأرشفة والزحف.",
|
||||
"title": "جميع أدوات Dociva",
|
||||
"description": "استخدم هذا الدليل لاستكشاف كل مسارات Dociva حسب الفئة ثم انتقل مباشرة إلى الأداة التي تحتاجها.",
|
||||
"categories": {
|
||||
"PDF": "أدوات PDF",
|
||||
"Convert": "أدوات التحويل",
|
||||
"Image": "أدوات الصور",
|
||||
"AI": "أدوات الذكاء الاصطناعي",
|
||||
"Utility": "أدوات مساعدة"
|
||||
}
|
||||
},
|
||||
"cookie": {
|
||||
"title": "إعدادات ملفات الارتباط",
|
||||
"message": "نستخدم ملفات الارتباط لتحسين تجربتك وتحليل حركة الموقع. بالموافقة، فإنك توافق على ملفات الارتباط التحليلية.",
|
||||
|
||||
@@ -256,6 +256,19 @@
|
||||
"contactTitle": "8. Contact",
|
||||
"contactText": "Questions about these terms? Contact us at"
|
||||
},
|
||||
"toolsHub": {
|
||||
"metaTitle": "All Tools",
|
||||
"metaDescription": "Browse every Dociva tool in one place. Explore PDF, image, AI, conversion, and utility workflows from a single search-friendly directory.",
|
||||
"title": "All Dociva Tools",
|
||||
"description": "Use this directory to explore every Dociva workflow by category and jump directly to the tool you need.",
|
||||
"categories": {
|
||||
"PDF": "PDF Tools",
|
||||
"Convert": "Convert Tools",
|
||||
"Image": "Image Tools",
|
||||
"AI": "AI Tools",
|
||||
"Utility": "Utility Tools"
|
||||
}
|
||||
},
|
||||
"cookie": {
|
||||
"title": "Cookie Settings",
|
||||
"message": "We use cookies to improve your experience and analyze site traffic. By accepting, you consent to analytics cookies.",
|
||||
|
||||
@@ -256,6 +256,19 @@
|
||||
"contactTitle": "8. Contact",
|
||||
"contactText": "Des questions sur ces conditions ? Contactez-nous à"
|
||||
},
|
||||
"toolsHub": {
|
||||
"metaTitle": "Tous les outils",
|
||||
"metaDescription": "Parcourez tous les outils Dociva depuis une seule page. Explorez les workflows PDF, image, IA, conversion et utilitaires dans un répertoire clair et optimisé pour la découverte.",
|
||||
"title": "Tous les outils Dociva",
|
||||
"description": "Utilisez ce répertoire pour parcourir chaque workflow Dociva par catégorie et ouvrir directement l'outil dont vous avez besoin.",
|
||||
"categories": {
|
||||
"PDF": "Outils PDF",
|
||||
"Convert": "Outils de conversion",
|
||||
"Image": "Outils d'image",
|
||||
"AI": "Outils IA",
|
||||
"Utility": "Outils utilitaires"
|
||||
}
|
||||
},
|
||||
"cookie": {
|
||||
"title": "Paramètres des cookies",
|
||||
"message": "Nous utilisons des cookies pour améliorer votre expérience et analyser le trafic du site. En acceptant, vous consentez aux cookies analytiques.",
|
||||
|
||||
99
frontend/src/pages/AllToolsPage.tsx
Normal file
99
frontend/src/pages/AllToolsPage.tsx
Normal file
@@ -0,0 +1,99 @@
|
||||
import { Link } from 'react-router-dom';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import SEOHead from '@/components/seo/SEOHead';
|
||||
import BreadcrumbNav from '@/components/seo/BreadcrumbNav';
|
||||
import { TOOLS_SEO } from '@/config/seoData';
|
||||
import { generateBreadcrumbs, generateCollectionPage, generateItemList, getSiteOrigin } from '@/utils/seo';
|
||||
|
||||
const CATEGORY_ORDER = ['PDF', 'Convert', 'Image', 'AI', 'Utility'] as const;
|
||||
|
||||
export default function AllToolsPage() {
|
||||
const { t } = useTranslation();
|
||||
const origin = getSiteOrigin(typeof window !== 'undefined' ? window.location.origin : '');
|
||||
const path = '/tools';
|
||||
const url = `${origin}${path}`;
|
||||
|
||||
const groupedTools = CATEGORY_ORDER.map((category) => ({
|
||||
category,
|
||||
items: TOOLS_SEO.filter((tool) => tool.category === category),
|
||||
})).filter((group) => group.items.length > 0);
|
||||
|
||||
const jsonLd = [
|
||||
generateCollectionPage({
|
||||
name: t('pages.toolsHub.metaTitle'),
|
||||
description: t('pages.toolsHub.metaDescription'),
|
||||
url,
|
||||
}),
|
||||
generateBreadcrumbs([
|
||||
{ name: t('common.home'), url: origin },
|
||||
{ name: t('common.allTools'), url },
|
||||
]),
|
||||
generateItemList(
|
||||
TOOLS_SEO.map((tool) => ({
|
||||
name: t(`tools.${tool.i18nKey}.title`),
|
||||
url: `${origin}/tools/${tool.slug}`,
|
||||
})),
|
||||
),
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
<SEOHead
|
||||
title={t('pages.toolsHub.metaTitle')}
|
||||
description={t('pages.toolsHub.metaDescription')}
|
||||
path={path}
|
||||
jsonLd={jsonLd}
|
||||
/>
|
||||
|
||||
<div className="mx-auto max-w-6xl space-y-10">
|
||||
<section className="rounded-[2rem] border border-slate-200 bg-white p-8 shadow-sm dark:border-slate-700 dark:bg-slate-900/70 sm:p-10">
|
||||
<BreadcrumbNav
|
||||
className="mb-6"
|
||||
items={[
|
||||
{ label: t('common.home'), to: '/' },
|
||||
{ label: t('common.allTools') },
|
||||
]}
|
||||
/>
|
||||
|
||||
<h1 className="text-3xl font-bold tracking-tight text-slate-900 dark:text-white sm:text-4xl">
|
||||
{t('pages.toolsHub.title')}
|
||||
</h1>
|
||||
<p className="mt-4 max-w-3xl text-lg leading-8 text-slate-600 dark:text-slate-400">
|
||||
{t('pages.toolsHub.description')}
|
||||
</p>
|
||||
</section>
|
||||
|
||||
{groupedTools.map((group) => (
|
||||
<section
|
||||
key={group.category}
|
||||
className="rounded-2xl border border-slate-200 bg-white p-7 shadow-sm dark:border-slate-700 dark:bg-slate-900/70"
|
||||
>
|
||||
<h2 className="text-2xl font-semibold text-slate-900 dark:text-white">
|
||||
{t(`pages.toolsHub.categories.${group.category}`)}
|
||||
</h2>
|
||||
|
||||
<div className="mt-5 grid gap-4 md:grid-cols-2 xl:grid-cols-3">
|
||||
{group.items.map((tool) => (
|
||||
<Link
|
||||
key={tool.slug}
|
||||
to={`/tools/${tool.slug}`}
|
||||
className="rounded-2xl border border-slate-200 p-5 transition-colors hover:border-primary-300 hover:bg-slate-50 dark:border-slate-700 dark:hover:border-primary-600 dark:hover:bg-slate-800"
|
||||
>
|
||||
<p className="text-sm font-medium uppercase tracking-wide text-primary-600 dark:text-primary-400">
|
||||
{group.category}
|
||||
</p>
|
||||
<h3 className="mt-2 text-lg font-semibold text-slate-900 dark:text-white">
|
||||
{t(`tools.${tool.i18nKey}.title`)}
|
||||
</h3>
|
||||
<p className="mt-2 text-sm leading-6 text-slate-600 dark:text-slate-400">
|
||||
{t(`tools.${tool.i18nKey}.shortDesc`)}
|
||||
</p>
|
||||
</Link>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
))}
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next';
|
||||
import { Link } from 'react-router-dom';
|
||||
import { useSearchParams } from 'react-router-dom';
|
||||
import SEOHead from '@/components/seo/SEOHead';
|
||||
import { generateWebPage, getSiteOrigin } from '@/utils/seo';
|
||||
import { generateCollectionPage, generateItemList, getSiteOrigin } from '@/utils/seo';
|
||||
import { BookOpen, Calendar, ArrowRight, Search, X } from 'lucide-react';
|
||||
import {
|
||||
BLOG_ARTICLES,
|
||||
@@ -44,11 +44,17 @@ export default function BlogPage() {
|
||||
title={t('pages.blog.metaTitle')}
|
||||
description={t('pages.blog.metaDescription')}
|
||||
path="/blog"
|
||||
jsonLd={generateWebPage({
|
||||
jsonLd={[
|
||||
generateCollectionPage({
|
||||
name: t('pages.blog.metaTitle'),
|
||||
description: t('pages.blog.metaDescription'),
|
||||
url: `${siteOrigin}/blog`,
|
||||
})}
|
||||
}),
|
||||
generateItemList(posts.map((post) => ({
|
||||
name: post.title,
|
||||
url: `${siteOrigin}/blog/${post.slug}`,
|
||||
}))),
|
||||
]}
|
||||
/>
|
||||
|
||||
<div className="mx-auto max-w-4xl">
|
||||
|
||||
@@ -2,7 +2,7 @@ import { useDeferredValue } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { useSearchParams } from 'react-router-dom';
|
||||
import SEOHead from '@/components/seo/SEOHead';
|
||||
import { generateOrganization, getSiteOrigin } from '@/utils/seo';
|
||||
import { generateOrganization, generateWebSite, getSiteOrigin } from '@/utils/seo';
|
||||
import {
|
||||
FileText,
|
||||
FileOutput,
|
||||
@@ -121,18 +121,10 @@ export default function HomePage() {
|
||||
description={t('home.heroSub')}
|
||||
path="/"
|
||||
jsonLd={[
|
||||
{
|
||||
'@context': 'https://schema.org',
|
||||
'@type': 'WebSite',
|
||||
name: t('common.appName'),
|
||||
url: siteOrigin,
|
||||
generateWebSite({
|
||||
origin: siteOrigin,
|
||||
description: t('home.heroSub'),
|
||||
potentialAction: {
|
||||
'@type': 'SearchAction',
|
||||
target: `${siteOrigin}/?q={search_term_string}`,
|
||||
'query-input': 'required name=search_term_string',
|
||||
},
|
||||
},
|
||||
}),
|
||||
generateOrganization(siteOrigin),
|
||||
]}
|
||||
/>
|
||||
|
||||
@@ -6,13 +6,19 @@ import SEOHead from '@/components/seo/SEOHead';
|
||||
import FAQSection from '@/components/seo/FAQSection';
|
||||
import {
|
||||
getLocalizedText,
|
||||
getLocalizedTextList,
|
||||
getSeoCollectionPage,
|
||||
interpolateTemplate,
|
||||
normalizeSeoLocale,
|
||||
} from '@/config/seoPages';
|
||||
import { getToolSEO } from '@/config/seoData';
|
||||
import { generateBreadcrumbs, generateFAQ, generateWebPage, getSiteOrigin } from '@/utils/seo';
|
||||
import {
|
||||
generateBreadcrumbs,
|
||||
generateCollectionPage,
|
||||
generateFAQ,
|
||||
generateItemList,
|
||||
generateWebPage,
|
||||
getSiteOrigin,
|
||||
} from '@/utils/seo';
|
||||
import NotFoundPage from '@/pages/NotFoundPage';
|
||||
|
||||
interface SeoCollectionPageProps {
|
||||
@@ -64,7 +70,6 @@ export default function SeoCollectionPage({ slug }: SeoCollectionPageProps) {
|
||||
const title = interpolateTemplate(getLocalizedText(page.titleTemplate, locale), tokens);
|
||||
const description = interpolateTemplate(getLocalizedText(page.descriptionTemplate, locale), tokens);
|
||||
const intro = interpolateTemplate(getLocalizedText(page.introTemplate, locale), tokens);
|
||||
const keywords = [focusKeyword, ...getLocalizedTextList(page.supportingKeywords, locale)].join(', ');
|
||||
const siteOrigin = getSiteOrigin(typeof window !== 'undefined' ? window.location.origin : '');
|
||||
const faqItems = page.faqTemplates.map((item) => ({
|
||||
question: getLocalizedText(item.question, locale),
|
||||
@@ -82,6 +87,11 @@ export default function SeoCollectionPage({ slug }: SeoCollectionPageProps) {
|
||||
];
|
||||
|
||||
const jsonLd = [
|
||||
generateCollectionPage({
|
||||
name: title,
|
||||
description,
|
||||
url,
|
||||
}),
|
||||
generateWebPage({
|
||||
name: title,
|
||||
description,
|
||||
@@ -93,11 +103,18 @@ export default function SeoCollectionPage({ slug }: SeoCollectionPageProps) {
|
||||
{ name: title, url },
|
||||
]),
|
||||
generateFAQ(faqItems),
|
||||
generateItemList(page.targetToolSlugs.map((toolSlug) => {
|
||||
const tool = getToolSEO(toolSlug);
|
||||
return {
|
||||
name: tool ? t(`tools.${tool.i18nKey}.title`) : toolSlug,
|
||||
url: `${siteOrigin}/tools/${toolSlug}`,
|
||||
};
|
||||
})),
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
<SEOHead title={title} description={description} path={path} keywords={keywords} jsonLd={jsonLd} alternates={alternates} />
|
||||
<SEOHead title={title} description={description} path={path} jsonLd={jsonLd} alternates={alternates} />
|
||||
|
||||
<div className="mx-auto max-w-6xl space-y-10">
|
||||
<section className="rounded-[2rem] border border-slate-200 bg-white p-8 shadow-sm dark:border-slate-700 dark:bg-slate-900/70 sm:p-10">
|
||||
|
||||
@@ -8,7 +8,6 @@ import RelatedTools from '@/components/seo/RelatedTools';
|
||||
import SuggestedTools from '@/components/seo/SuggestedTools';
|
||||
import {
|
||||
getLocalizedText,
|
||||
getLocalizedTextList,
|
||||
getProgrammaticToolPage,
|
||||
getSeoCollectionPage,
|
||||
interpolateTemplate,
|
||||
@@ -19,6 +18,7 @@ import {
|
||||
generateBreadcrumbs,
|
||||
generateFAQ,
|
||||
generateHowTo,
|
||||
generateItemList,
|
||||
generateToolSchema,
|
||||
generateWebPage,
|
||||
getSiteOrigin,
|
||||
@@ -82,7 +82,6 @@ export default function SeoPage({ slug }: SeoPageProps) {
|
||||
const useCases = t(`seo.${tool.i18nKey}.useCases`, { returnObjects: true }) as string[];
|
||||
|
||||
const focusKeyword = getLocalizedText(page.focusKeyword, locale);
|
||||
const keywords = [focusKeyword, ...getLocalizedTextList(page.supportingKeywords, locale)].join(', ');
|
||||
const tokens = {
|
||||
brand: 'Dociva',
|
||||
focusKeyword,
|
||||
@@ -139,11 +138,25 @@ export default function SeoPage({ slug }: SeoPageProps) {
|
||||
url,
|
||||
}),
|
||||
generateFAQ(faqItems),
|
||||
generateItemList(page.relatedCollectionSlugs.map((collectionSlug) => {
|
||||
const collection = getSeoCollectionPage(collectionSlug);
|
||||
const collectionTitle = collection
|
||||
? interpolateTemplate(getLocalizedText(collection.titleTemplate, locale), {
|
||||
brand: 'Dociva',
|
||||
focusKeyword: getLocalizedText(collection.focusKeyword, locale),
|
||||
})
|
||||
: collectionSlug;
|
||||
|
||||
return {
|
||||
name: collectionTitle,
|
||||
url: `${siteOrigin}${localizedCollectionPath(collectionSlug)}`,
|
||||
};
|
||||
})),
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
<SEOHead title={title} description={description} path={path} keywords={keywords} jsonLd={jsonLd} alternates={alternates} />
|
||||
<SEOHead title={title} description={description} path={path} jsonLd={jsonLd} alternates={alternates} />
|
||||
|
||||
<div className="mx-auto max-w-6xl space-y-12">
|
||||
<section className="rounded-[2rem] border border-slate-200 bg-white p-8 shadow-sm dark:border-slate-700 dark:bg-slate-900/70 sm:p-10">
|
||||
|
||||
@@ -9,6 +9,7 @@ export interface ToolSeoData {
|
||||
category?: string;
|
||||
ratingValue?: number;
|
||||
ratingCount?: number;
|
||||
features?: string[];
|
||||
}
|
||||
|
||||
export interface LanguageAlternate {
|
||||
@@ -19,6 +20,7 @@ export interface LanguageAlternate {
|
||||
|
||||
const DEFAULT_SOCIAL_IMAGE_PATH = '/social-preview.svg';
|
||||
const DEFAULT_SITE_ORIGIN = 'https://dociva.io';
|
||||
const DEFAULT_SITE_NAME = 'Dociva';
|
||||
|
||||
const LANGUAGE_CONFIG: Record<'en' | 'ar' | 'fr', { hrefLang: string; ogLocale: string }> = {
|
||||
en: { hrefLang: 'en', ogLocale: 'en_US' },
|
||||
@@ -35,13 +37,16 @@ export function getOgLocale(language: string): string {
|
||||
return LANGUAGE_CONFIG[normalizeSiteLanguage(language)].ogLocale;
|
||||
}
|
||||
|
||||
export function buildLanguageAlternates(origin: string, path: string): LanguageAlternate[] {
|
||||
const separator = path.includes('?') ? '&' : '?';
|
||||
return (Object.entries(LANGUAGE_CONFIG) as Array<[keyof typeof LANGUAGE_CONFIG, (typeof LANGUAGE_CONFIG)[keyof typeof LANGUAGE_CONFIG]]>)
|
||||
.map(([language, config]) => ({
|
||||
hrefLang: config.hrefLang,
|
||||
href: `${origin}${path}${separator}lng=${language}`,
|
||||
ogLocale: config.ogLocale,
|
||||
export function buildLanguageAlternates(
|
||||
origin: string,
|
||||
localizedPaths: Partial<Record<'en' | 'ar' | 'fr', string>>,
|
||||
): LanguageAlternate[] {
|
||||
return (Object.entries(localizedPaths) as Array<[keyof typeof LANGUAGE_CONFIG, string | undefined]>)
|
||||
.filter(([, path]) => Boolean(path))
|
||||
.map(([language, path]) => ({
|
||||
hrefLang: LANGUAGE_CONFIG[language].hrefLang,
|
||||
href: `${origin}${path}`,
|
||||
ogLocale: LANGUAGE_CONFIG[language].ogLocale,
|
||||
}));
|
||||
}
|
||||
|
||||
@@ -68,20 +73,33 @@ export function buildSocialImageUrl(origin: string): string {
|
||||
export function generateToolSchema(tool: ToolSeoData): object {
|
||||
const schema: Record<string, unknown> = {
|
||||
'@context': 'https://schema.org',
|
||||
'@type': 'WebApplication',
|
||||
'@type': 'SoftwareApplication',
|
||||
name: tool.name,
|
||||
url: tool.url,
|
||||
applicationCategory: tool.category || 'UtilitiesApplication',
|
||||
applicationSubCategory: tool.category || 'UtilitiesApplication',
|
||||
operatingSystem: 'Any',
|
||||
browserRequirements: 'Requires JavaScript. Works in modern browsers.',
|
||||
isAccessibleForFree: true,
|
||||
offers: {
|
||||
'@type': 'Offer',
|
||||
price: '0',
|
||||
priceCurrency: 'USD',
|
||||
availability: 'https://schema.org/InStock',
|
||||
},
|
||||
description: tool.description,
|
||||
inLanguage: ['en', 'ar', 'fr'],
|
||||
provider: {
|
||||
'@type': 'Organization',
|
||||
name: DEFAULT_SITE_NAME,
|
||||
url: getSiteOrigin(),
|
||||
},
|
||||
};
|
||||
|
||||
if (tool.features && tool.features.length > 0) {
|
||||
schema.featureList = tool.features;
|
||||
}
|
||||
|
||||
if (tool.ratingValue && tool.ratingCount && tool.ratingCount > 0) {
|
||||
schema.aggregateRating = {
|
||||
'@type': 'AggregateRating',
|
||||
@@ -161,10 +179,14 @@ export function generateOrganization(origin: string): object {
|
||||
return {
|
||||
'@context': 'https://schema.org',
|
||||
'@type': 'Organization',
|
||||
name: 'Dociva',
|
||||
'@id': `${origin}/#organization`,
|
||||
name: DEFAULT_SITE_NAME,
|
||||
alternateName: 'Dociva File Tools',
|
||||
url: origin,
|
||||
logo: `${origin}/favicon.svg`,
|
||||
sameAs: [],
|
||||
logo: {
|
||||
'@type': 'ImageObject',
|
||||
url: `${origin}/logo.svg`,
|
||||
},
|
||||
contactPoint: {
|
||||
'@type': 'ContactPoint',
|
||||
email: 'support@dociva.io',
|
||||
@@ -188,13 +210,68 @@ export function generateWebPage(page: {
|
||||
name: page.name,
|
||||
description: page.description,
|
||||
url: page.url,
|
||||
inLanguage: ['en', 'ar', 'fr'],
|
||||
isPartOf: {
|
||||
'@type': 'WebSite',
|
||||
name: 'Dociva',
|
||||
'@id': `${getSiteOrigin()}/#website`,
|
||||
name: DEFAULT_SITE_NAME,
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
export function generateWebSite(data: {
|
||||
origin: string;
|
||||
description: string;
|
||||
}): object {
|
||||
return {
|
||||
'@context': 'https://schema.org',
|
||||
'@type': 'WebSite',
|
||||
'@id': `${data.origin}/#website`,
|
||||
name: DEFAULT_SITE_NAME,
|
||||
url: data.origin,
|
||||
description: data.description,
|
||||
publisher: {
|
||||
'@id': `${data.origin}/#organization`,
|
||||
},
|
||||
inLanguage: ['en', 'ar', 'fr'],
|
||||
potentialAction: {
|
||||
'@type': 'SearchAction',
|
||||
target: `${data.origin}/?q={search_term_string}`,
|
||||
'query-input': 'required name=search_term_string',
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
export function generateCollectionPage(data: {
|
||||
name: string;
|
||||
description: string;
|
||||
url: string;
|
||||
}): object {
|
||||
return {
|
||||
'@context': 'https://schema.org',
|
||||
'@type': 'CollectionPage',
|
||||
name: data.name,
|
||||
description: data.description,
|
||||
url: data.url,
|
||||
isPartOf: {
|
||||
'@id': `${getSiteOrigin()}/#website`,
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
export function generateItemList(items: { name: string; url: string }[]): object {
|
||||
return {
|
||||
'@context': 'https://schema.org',
|
||||
'@type': 'ItemList',
|
||||
itemListElement: items.map((item, index) => ({
|
||||
'@type': 'ListItem',
|
||||
position: index + 1,
|
||||
name: item.name,
|
||||
url: item.url,
|
||||
})),
|
||||
};
|
||||
}
|
||||
|
||||
export function generateBlogPosting(post: {
|
||||
headline: string;
|
||||
description: string;
|
||||
@@ -202,6 +279,7 @@ export function generateBlogPosting(post: {
|
||||
datePublished: string;
|
||||
inLanguage: string;
|
||||
}): object {
|
||||
const origin = getSiteOrigin();
|
||||
return {
|
||||
'@context': 'https://schema.org',
|
||||
'@type': 'BlogPosting',
|
||||
@@ -211,14 +289,23 @@ export function generateBlogPosting(post: {
|
||||
datePublished: post.datePublished,
|
||||
dateModified: post.datePublished,
|
||||
inLanguage: post.inLanguage,
|
||||
isAccessibleForFree: true,
|
||||
author: {
|
||||
'@type': 'Organization',
|
||||
name: 'Dociva',
|
||||
name: DEFAULT_SITE_NAME,
|
||||
},
|
||||
publisher: {
|
||||
'@type': 'Organization',
|
||||
name: 'Dociva',
|
||||
'@id': `${origin}/#organization`,
|
||||
name: DEFAULT_SITE_NAME,
|
||||
logo: {
|
||||
'@type': 'ImageObject',
|
||||
url: `${origin}/logo.svg`,
|
||||
},
|
||||
},
|
||||
mainEntityOfPage: {
|
||||
'@type': 'WebPage',
|
||||
'@id': post.url,
|
||||
},
|
||||
mainEntityOfPage: post.url,
|
||||
};
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user