Frontend: SEO — sitemap, robots, meta, OG cards, SearchAction JSON-LD
- /sitemap.xml + /robots.txt (homepage indexable; /search + /api excluded) - Full head meta: description, canonical, theme-color - Open Graph + Twitter summary_large_image cards + /og.svg share image - WebSite + SearchAction JSON-LD on the homepage (Google sitelinks search box) - Search-result pages marked noindex,follow per Google guidance Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
King Omar
parent
d74af763b7
commit
9d3be71469
1 changed files with 86 additions and 3 deletions
|
|
@ -129,6 +129,9 @@ const THEME_JS = `
|
||||||
});
|
});
|
||||||
`
|
`
|
||||||
|
|
||||||
|
const SITE = 'https://search.theradicalparty.com'
|
||||||
|
const DESCRIPTION = 'RADICAL_SEARCH — an independent, self-hosted search engine for the open web. Unfiltered results, AI-powered answers, no tracking and no filter bubble.'
|
||||||
|
|
||||||
// On-brand favicon: dark tile, white "R", accent-pink underscore (the logo mark).
|
// On-brand favicon: dark tile, white "R", accent-pink underscore (the logo mark).
|
||||||
const FAVICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
|
const FAVICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
|
||||||
<rect width="32" height="32" rx="6" fill="#0a0a0a"/>
|
<rect width="32" height="32" rx="6" fill="#0a0a0a"/>
|
||||||
|
|
@ -136,15 +139,59 @@ const FAVICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
|
||||||
<rect x="9" y="24" width="14" height="3" rx="1" fill="#ff0099"/>
|
<rect x="9" y="24" width="14" height="3" rx="1" fill="#ff0099"/>
|
||||||
</svg>`
|
</svg>`
|
||||||
|
|
||||||
function layout(title: string, body: string) {
|
// 1200x630 social share card (Open Graph / Twitter).
|
||||||
|
const OG_IMAGE = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630">
|
||||||
|
<rect width="1200" height="630" fill="#0a0a0a"/>
|
||||||
|
<text x="600" y="300" font-family="'Roboto Mono',ui-monospace,monospace" font-size="92" font-weight="700" fill="#ffffff" text-anchor="middle">RADICAL<tspan fill="#ff0099">_</tspan>SEARCH</text>
|
||||||
|
<rect x="360" y="345" width="480" height="8" rx="4" fill="#ff0099"/>
|
||||||
|
<text x="600" y="410" font-family="'Roboto Mono',ui-monospace,monospace" font-size="30" letter-spacing="6" fill="#666" text-anchor="middle">THE OPEN WEB — UNFILTERED</text>
|
||||||
|
</svg>`
|
||||||
|
|
||||||
|
// WebSite + SearchAction structured data → eligible for a Google sitelinks
|
||||||
|
// search box. Only emitted on the indexable homepage.
|
||||||
|
const JSON_LD = `<script type="application/ld+json">${JSON.stringify({
|
||||||
|
'@context': 'https://schema.org',
|
||||||
|
'@type': 'WebSite',
|
||||||
|
name: 'RADICAL_SEARCH',
|
||||||
|
alternateName: 'Radical Search',
|
||||||
|
url: SITE + '/',
|
||||||
|
description: DESCRIPTION,
|
||||||
|
potentialAction: {
|
||||||
|
'@type': 'SearchAction',
|
||||||
|
target: { '@type': 'EntryPoint', urlTemplate: SITE + '/search?q={search_term_string}' },
|
||||||
|
'query-input': 'required name=search_term_string',
|
||||||
|
},
|
||||||
|
})}</script>`
|
||||||
|
|
||||||
|
interface SeoOpts { canonical?: string; description?: string; noindex?: boolean; jsonLd?: boolean }
|
||||||
|
|
||||||
|
function layout(title: string, body: string, opts: SeoOpts = {}) {
|
||||||
|
const desc = opts.description ?? DESCRIPTION
|
||||||
|
const canonical = opts.canonical ?? SITE + '/'
|
||||||
|
const robots = opts.noindex ? 'noindex, follow' : 'index, follow'
|
||||||
return `<!DOCTYPE html><html lang="en"><head>
|
return `<!DOCTYPE html><html lang="en"><head>
|
||||||
<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
||||||
<title>${title}</title>
|
<title>${title}</title>
|
||||||
|
<meta name="description" content="${esc(desc)}">
|
||||||
|
<meta name="robots" content="${robots}">
|
||||||
|
<link rel="canonical" href="${esc(canonical)}">
|
||||||
|
<meta name="theme-color" content="#0a0a0a">
|
||||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:site_name" content="RADICAL_SEARCH">
|
||||||
|
<meta property="og:title" content="${esc(title)}">
|
||||||
|
<meta property="og:description" content="${esc(desc)}">
|
||||||
|
<meta property="og:url" content="${esc(canonical)}">
|
||||||
|
<meta property="og:image" content="${SITE}/og.svg">
|
||||||
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
|
<meta name="twitter:title" content="${esc(title)}">
|
||||||
|
<meta name="twitter:description" content="${esc(desc)}">
|
||||||
|
<meta name="twitter:image" content="${SITE}/og.svg">
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<style>${CSS}</style>
|
<style>${CSS}</style>
|
||||||
<script>${THEME_JS}</script>
|
<script>${THEME_JS}</script>
|
||||||
|
${opts.jsonLd ? JSON_LD : ''}
|
||||||
</head><body>
|
</head><body>
|
||||||
<button class="theme-toggle" id="theme-toggle">🌙</button>
|
<button class="theme-toggle" id="theme-toggle">🌙</button>
|
||||||
${body}
|
${body}
|
||||||
|
|
@ -163,7 +210,7 @@ function homePage(q = '') {
|
||||||
<button class="search-btn" type="submit">Search the web</button>
|
<button class="search-btn" type="submit">Search the web</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
`)
|
`, { jsonLd: true, canonical: SITE + '/' })
|
||||||
}
|
}
|
||||||
|
|
||||||
function resultsPage(q: string, data: any, page: number) {
|
function resultsPage(q: string, data: any, page: number) {
|
||||||
|
|
@ -238,7 +285,7 @@ function resultsPage(q: string, data: any, page: number) {
|
||||||
${(data.nodeId ?? 'main')} node
|
${(data.nodeId ?? 'main')} node
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
`)
|
`, { noindex: true, canonical: `${SITE}/search?q=${encodeURIComponent(q)}`, description: `Search results for "${q}" on RADICAL_SEARCH — the independent open-web search engine.` })
|
||||||
}
|
}
|
||||||
|
|
||||||
function esc(s: string) {
|
function esc(s: string) {
|
||||||
|
|
@ -258,6 +305,42 @@ export default {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (url.pathname === '/og.svg') {
|
||||||
|
return new Response(OG_IMAGE, {
|
||||||
|
headers: { 'Content-Type': 'image/svg+xml', 'Cache-Control': 'public, max-age=86400' },
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
if (url.pathname === '/robots.txt') {
|
||||||
|
// Allow the homepage; keep dynamic search-result and API URLs out of the
|
||||||
|
// crawl (Google discourages indexing internal search results, and this
|
||||||
|
// avoids wasting crawl budget on an unbounded query space).
|
||||||
|
const body = `User-agent: *
|
||||||
|
Allow: /$
|
||||||
|
Disallow: /search
|
||||||
|
Disallow: /api/
|
||||||
|
|
||||||
|
Sitemap: ${SITE}/sitemap.xml
|
||||||
|
`
|
||||||
|
return new Response(body, { headers: { 'Content-Type': 'text/plain; charset=utf-8' } })
|
||||||
|
}
|
||||||
|
|
||||||
|
if (url.pathname === '/sitemap.xml') {
|
||||||
|
const body = `<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||||
|
<url>
|
||||||
|
<loc>${SITE}/</loc>
|
||||||
|
<lastmod>2026-07-22</lastmod>
|
||||||
|
<changefreq>daily</changefreq>
|
||||||
|
<priority>1.0</priority>
|
||||||
|
</url>
|
||||||
|
</urlset>
|
||||||
|
`
|
||||||
|
return new Response(body, {
|
||||||
|
headers: { 'Content-Type': 'application/xml; charset=utf-8', 'Cache-Control': 'public, max-age=3600' },
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
if (url.pathname === '/') {
|
if (url.pathname === '/') {
|
||||||
// Accept a query on the root too (e.g. /?q=what) — redirect to the
|
// Accept a query on the root too (e.g. /?q=what) — redirect to the
|
||||||
// canonical results URL so the search actually runs.
|
// canonical results URL so the search actually runs.
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue