import Head from 'next/head';
import { getTranslations, type Language } from '@/lib/languages';
interface SEOHeadProps {
lang: Language;
page: 'home' | 'products' | 'security' | 'datacenter' | 'support' | 'console';
customTitle?: string;
customDescription?: string;
customKeywords?: string;
}
export default function SEOHead({
lang,
page,
customTitle,
customDescription,
customKeywords,
}: SEOHeadProps) {
const t = getTranslations(lang);
const seoData = t.seo[page];
const title = customTitle || seoData.title;
const description = customDescription || seoData.description;
const keywords = customKeywords || seoData.keywords;
const canonicalUrl = `https://cybercloud.com/${lang}${page === 'home' ? '' : `/${page}`}`;
const alternateUrls = {
zh: `https://cybercloud.com/zh${page === 'home' ? '' : `/${page}`}`,
tw: `https://cybercloud.com/tw${page === 'home' ? '' : `/${page}`}`,
en: `https://cybercloud.com/en${page === 'home' ? '' : `/${page}`}`,
};
return (
{/* Basic Meta Tags */}
{title}
{/* Language and Locale */}
{/* Canonical URL */}
{/* Alternate Language URLs */}
{/* Open Graph Meta Tags */}
{/* Twitter Card Meta Tags */}
{/* Additional SEO Meta Tags */}
{/* Structured Data - Organization */}
{/* Structured Data - WebSite */}
{/* Page-specific Structured Data */}
{page === 'products' && (
)}
{page === 'datacenter' && (
)}
);
}