sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add server-side meta tags for player and live pages

Browse Source 
Implement server-side rendering for the /player and /live routes to include meta tags for SEO and social media sharing, and update the sitemap.xml.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 401e2ec0-e00d-4f10-9d0e-60f3d479f9a5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: b1b6a2a4-c63a-41e8-b9dd-4cd28944df60
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/401e2ec0-e00d-4f10-9d0e-60f3d479f9a5/7NzVbGU
This commit is contained in:
sebastjanartic 2026-02-13 17:22:32 +00:00
parent 22cd4f35ab
commit f8ed358592
1 changed files with 139 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

139
server/routes.ts
View File

@ -272,6 +272,120 @@ export async function registerRoutes(app: Express): Promise<Server> {
});
});
// Server-side meta tags for /player page (crawlers + SEO)
app.get('/player', (req, res, next) => {
const userAgent = req.headers['user-agent']?.toLowerCase() || '';
const crawlers = [
'facebookexternalhit', 'facebot', 'twitterbot', 'whatsapp',
'telegrambot', 'linkedinbot', 'pinterest', 'slackbot',
'viberbot', 'discordbot', 'applebot', 'googlebot',
'bingbot', 'yandex', 'baiduspider', 'duckduckbot'
];
const isCrawler = crawlers.some(crawler => userAgent.includes(crawler));
if (!isCrawler) {
return next();
}
const baseUrl = 'https://video.folx.tv';
const pageUrl = `${baseUrl}/player`;
const title = 'Professional Player - video.folx.tv';
const description = 'Professioneller Video Player mit MTV-Style Overlay Graphics und Streaming-Funktionen auf video.folx.tv';
const imageUrl = `${baseUrl}/images/logo.svg`;
const html = `<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>${title}</title>
<meta name="description" content="${description}">
<meta property="og:type" content="website">
<meta property="og:title" content="${title}">
<meta property="og:description" content="${description}">
<meta property="og:image" content="${imageUrl}">
<meta property="og:url" content="${pageUrl}">
<meta property="og:site_name" content="video.folx.tv">
<meta property="og:locale" content="de_DE">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="${title}">
<meta name="twitter:description" content="${description}">
<meta name="twitter:image" content="${imageUrl}">
<link rel="canonical" href="${pageUrl}">
</head>
<body>
<h1>${title}</h1>
<p>${description}</p>
<p><a href="${pageUrl}">Zum Player auf video.folx.tv</a></p>
</body>
</html>`;
res.set('Content-Type', 'text/html');
res.send(html);
});
// Server-side meta tags for /live page (crawlers + SEO)
app.get('/live', (req, res, next) => {
const userAgent = req.headers['user-agent']?.toLowerCase() || '';
const crawlers = [
'facebookexternalhit', 'facebot', 'twitterbot', 'whatsapp',
'telegrambot', 'linkedinbot', 'pinterest', 'slackbot',
'viberbot', 'discordbot', 'applebot', 'googlebot',
'bingbot', 'yandex', 'baiduspider', 'duckduckbot'
];
const isCrawler = crawlers.some(crawler => userAgent.includes(crawler));
if (!isCrawler) {
return next();
}
const baseUrl = 'https://video.folx.tv';
const pageUrl = `${baseUrl}/live`;
const title = 'LIVE Stream - video.folx.tv';
const description = 'Live Stream auf video.folx.tv - Schauen Sie exklusive Inhalte in Echtzeit. FOLX TV Live Streaming rund um die Uhr.';
const imageUrl = `${baseUrl}/images/logo.svg`;
const html = `<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>${title}</title>
<meta name="description" content="${description}">
<meta property="og:type" content="website">
<meta property="og:title" content="${title}">
<meta property="og:description" content="${description}">
<meta property="og:image" content="${imageUrl}">
<meta property="og:url" content="${pageUrl}">
<meta property="og:site_name" content="video.folx.tv">
<meta property="og:locale" content="de_DE">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="${title}">
<meta name="twitter:description" content="${description}">
<meta name="twitter:image" content="${imageUrl}">
<link rel="canonical" href="${pageUrl}">
</head>
<body>
<h1>${title}</h1>
<p>${description}</p>
<p><a href="${pageUrl}">Zum Live Stream auf video.folx.tv</a></p>
</body>
</html>`;
res.set('Content-Type', 'text/html');
res.send(html);
});
// Sitemap.xml for SEO
app.get("/sitemap.xml", async (req, res) => {
try {
@ -297,6 +411,31 @@ export async function registerRoutes(app: Express): Promise<Server> {
<changefreq>daily</changefreq>
<priority>1.0</priority>
</url>
<url>
<loc>${baseUrl}/live</loc>
<changefreq>always</changefreq>
<priority>0.9</priority>
</url>
<url>
<loc>${baseUrl}/player</loc>
<changefreq>weekly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>${baseUrl}/folx-stadl</loc>
<changefreq>weekly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>${baseUrl}/geschichte-lied</loc>
<changefreq>weekly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>${baseUrl}/gipfelstammtisch</loc>
<changefreq>weekly</changefreq>
<priority>0.7</priority>
</url>
`;
for (const video of videos) {