315 lines
11 KiB
TypeScript
315 lines
11 KiB
TypeScript
|
'use client';
|
|||
|
|
|
|||
|
|
import { Locale, getTranslations } from '@/lib/i18n';
|
|||
|
|
import { getSEOData } from '@/lib/seo';
|
|||
|
|
import { useEffect, useState } from 'react';
|
|||
|
|
import type { SEOData } from '@/lib/seo';
|
|||
|
|
|
|||
|
|
interface HomePageSEOProps {
|
|||
|
|
locale: Locale;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default function HomePageSEO({ locale }: HomePageSEOProps) {
|
|||
|
|
const [seoData, setSeoData] = useState<SEOData | null>(null);
|
|||
|
|
const [homeData, setHomeData] = useState<any | null>(null);
|
|||
|
|
|
|||
|
|
useEffect(() => {
|
|||
|
|
const loadData = async () => {
|
|||
|
|
try {
|
|||
|
|
const [seo, home] = await Promise.all([
|
|||
|
|
getSEOData(locale, 'home'),
|
|||
|
|
getTranslations(locale, 'home'),
|
|||
|
|
]);
|
|||
|
|
setSeoData(seo);
|
|||
|
|
setHomeData(home);
|
|||
|
|
} catch (error) {
|
|||
|
|
console.error('Failed to load SEO data:', error);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
loadData();
|
|||
|
|
}, [locale]);
|
|||
|
|
|
|||
|
|
const getLocalizedContent = () => {
|
|||
|
|
const content = {
|
|||
|
|
'zh-CN': {
|
|||
|
|
companyName: '创新科技',
|
|||
|
|
description: '专注企业数字化转型的科技公司',
|
|||
|
|
services: ['数字化转型咨询', 'ERP系统开发', 'AI数据分析', '云迁移服务', '网络安全'],
|
|||
|
|
address: '中国北京市朝阳区',
|
|||
|
|
phone: '+86-400-123-4567',
|
|||
|
|
email: 'contact@xintech',
|
|||
|
|
},
|
|||
|
|
'zh-TW': {
|
|||
|
|
companyName: '創新科技',
|
|||
|
|
description: '專注企業數位化轉型的科技公司',
|
|||
|
|
services: [
|
|||
|
|
'數位化轉型諮詢',
|
|||
|
|
'ERP系統開發',
|
|||
|
|
'AI數據分析',
|
|||
|
|
'雲端遷移服務',
|
|||
|
|
'網路安全',
|
|||
|
|
],
|
|||
|
|
|
|||
|
|
address: '中國北京市朝陽區',
|
|||
|
|
phone: '+86-400-123-4567',
|
|||
|
|
email: 'contact@xintech',
|
|||
|
|
},
|
|||
|
|
en: {
|
|||
|
|
companyName: 'Innovation Tech',
|
|||
|
|
description: 'Technology company focused on enterprise digital transformation',
|
|||
|
|
services: [
|
|||
|
|
'Digital Transformation Consulting',
|
|||
|
|
'ERP System Development',
|
|||
|
|
'AI Data Analytics',
|
|||
|
|
'Cloud Migration Services',
|
|||
|
|
'Cybersecurity',
|
|||
|
|
],
|
|||
|
|
|
|||
|
|
address: 'Chaoyang District, Beijing, China',
|
|||
|
|
phone: '+86-400-123-4567',
|
|||
|
|
email: 'contact@xintech',
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
return content[locale] || content['zh-CN'];
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const content = getLocalizedContent();
|
|||
|
|
const baseUrl = 'https://xintech';
|
|||
|
|
const currentUrl = `${baseUrl}${locale === 'zh-CN' ? '' : `/${locale}`}`;
|
|||
|
|
|
|||
|
|
// Organization Schema
|
|||
|
|
const organizationSchema = {
|
|||
|
|
'@context': 'https://schema.org',
|
|||
|
|
'@type': 'Organization',
|
|||
|
|
'@id': `${baseUrl}/#organization`,
|
|||
|
|
name: content.companyName,
|
|||
|
|
alternateName: 'Innovation Tech',
|
|||
|
|
description: content.description,
|
|||
|
|
url: currentUrl,
|
|||
|
|
logo: {
|
|||
|
|
'@type': 'ImageObject',
|
|||
|
|
url: `${baseUrl}/logo.png`,
|
|||
|
|
width: 300,
|
|||
|
|
height: 100,
|
|||
|
|
},
|
|||
|
|
image: `${baseUrl}/company-image.jpg`,
|
|||
|
|
telephone: content.phone,
|
|||
|
|
email: content.email,
|
|||
|
|
address: {
|
|||
|
|
'@type': 'PostalAddress',
|
|||
|
|
addressCountry: 'CN',
|
|||
|
|
addressLocality: 'Beijing',
|
|||
|
|
addressRegion: 'Beijing',
|
|||
|
|
streetAddress: content.address,
|
|||
|
|
},
|
|||
|
|
contactPoint: [
|
|||
|
|
{
|
|||
|
|
'@type': 'ContactPoint',
|
|||
|
|
telephone: content.phone,
|
|||
|
|
contactType: 'customer service',
|
|||
|
|
availableLanguage: ['Chinese', 'English'],
|
|||
|
|
areaServed: ['CN', 'US', 'GB', 'AU'],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
'@type': 'ContactPoint',
|
|||
|
|
email: content.email,
|
|||
|
|
contactType: 'sales',
|
|||
|
|
availableLanguage: ['Chinese', 'English'],
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
|
|||
|
|
sameAs: [
|
|||
|
|
'https://www.linkedin.com/company/haoaws',
|
|||
|
|
'https://twitter.com/innovation_tech',
|
|||
|
|
'https://www.facebook.com/innovation.tech',
|
|||
|
|
'https://github.com/haoaws',
|
|||
|
|
],
|
|||
|
|
|
|||
|
|
foundingDate: '2010-01-01',
|
|||
|
|
numberOfEmployees: {
|
|||
|
|
'@type': 'QuantitativeValue',
|
|||
|
|
value: 150,
|
|||
|
|
},
|
|||
|
|
slogan:
|
|||
|
|
locale === 'en'
|
|||
|
|
? 'Leading Digital Transformation'
|
|||
|
|
: locale === 'zh-TW'
|
|||
|
|
? '引領數位化轉型'
|
|||
|
|
: '引领数字化转型',
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// Website Schema
|
|||
|
|
const websiteSchema = {
|
|||
|
|
'@context': 'https://schema.org',
|
|||
|
|
'@type': 'WebSite',
|
|||
|
|
'@id': `${baseUrl}/#website`,
|
|||
|
|
name: content.companyName,
|
|||
|
|
url: currentUrl,
|
|||
|
|
publisher: {
|
|||
|
|
'@id': `${baseUrl}/#organization`,
|
|||
|
|
},
|
|||
|
|
potentialAction: {
|
|||
|
|
'@type': 'SearchAction',
|
|||
|
|
target: {
|
|||
|
|
'@type': 'EntryPoint',
|
|||
|
|
urlTemplate: `${currentUrl}/search?q={search_term_string}`,
|
|||
|
|
},
|
|||
|
|
'query-input': 'required name=search_term_string',
|
|||
|
|
},
|
|||
|
|
inLanguage: locale === 'zh-CN' ? 'zh-CN' : locale === 'zh-TW' ? 'zh-TW' : 'en-US',
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// Service Schema
|
|||
|
|
const serviceSchema = {
|
|||
|
|
'@context': 'https://schema.org',
|
|||
|
|
'@type': 'Service',
|
|||
|
|
name:
|
|||
|
|
locale === 'en'
|
|||
|
|
? 'Digital Transformation Services'
|
|||
|
|
: locale === 'zh-TW'
|
|||
|
|
? '數位化轉型服務'
|
|||
|
|
: '数字化转型服务',
|
|||
|
|
description: content.description,
|
|||
|
|
provider: {
|
|||
|
|
'@id': `${baseUrl}/#organization`,
|
|||
|
|
},
|
|||
|
|
serviceType: content.services,
|
|||
|
|
areaServed: {
|
|||
|
|
'@type': 'Country',
|
|||
|
|
name: 'China',
|
|||
|
|
},
|
|||
|
|
hasOfferCatalog: {
|
|||
|
|
'@type': 'OfferCatalog',
|
|||
|
|
name:
|
|||
|
|
locale === 'en'
|
|||
|
|
? 'Digital Solutions'
|
|||
|
|
: locale === 'zh-TW'
|
|||
|
|
? '數位解決方案'
|
|||
|
|
: '数字解决方案',
|
|||
|
|
itemListElement: content.services.map((service, index) => ({
|
|||
|
|
'@type': 'Offer',
|
|||
|
|
itemOffered: {
|
|||
|
|
'@type': 'Service',
|
|||
|
|
name: service,
|
|||
|
|
},
|
|||
|
|
})),
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// Local Business Schema
|
|||
|
|
const localBusinessSchema = {
|
|||
|
|
'@context': 'https://schema.org',
|
|||
|
|
'@type': 'ProfessionalService',
|
|||
|
|
'@id': `${baseUrl}/#localbusiness`,
|
|||
|
|
name: content.companyName,
|
|||
|
|
description: content.description,
|
|||
|
|
url: currentUrl,
|
|||
|
|
telephone: content.phone,
|
|||
|
|
email: content.email,
|
|||
|
|
address: {
|
|||
|
|
'@type': 'PostalAddress',
|
|||
|
|
addressCountry: 'CN',
|
|||
|
|
addressLocality: 'Beijing',
|
|||
|
|
streetAddress: content.address,
|
|||
|
|
},
|
|||
|
|
geo: {
|
|||
|
|
'@type': 'GeoCoordinates',
|
|||
|
|
latitude: '39.9042',
|
|||
|
|
longitude: '116.4074',
|
|||
|
|
},
|
|||
|
|
openingHours: 'Mo-Fr 09:00-18:00',
|
|||
|
|
priceRange: '$',
|
|||
|
|
aggregateRating: {
|
|||
|
|
'@type': 'AggregateRating',
|
|||
|
|
ratingValue: '4.8',
|
|||
|
|
reviewCount: '150',
|
|||
|
|
bestRating: '5',
|
|||
|
|
worstRating: '1',
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// FAQ Schema for common questions
|
|||
|
|
const faqSchema = {
|
|||
|
|
'@context': 'https://schema.org',
|
|||
|
|
'@type': 'FAQPage',
|
|||
|
|
mainEntity: [
|
|||
|
|
{
|
|||
|
|
'@type': 'Question',
|
|||
|
|
name:
|
|||
|
|
locale === 'en'
|
|||
|
|
? 'What is digital transformation?'
|
|||
|
|
: locale === 'zh-TW'
|
|||
|
|
? '什麼是數位化轉型？'
|
|||
|
|
: '什么是数字化转型？',
|
|||
|
|
acceptedAnswer: {
|
|||
|
|
'@type': 'Answer',
|
|||
|
|
text:
|
|||
|
|
locale === 'en'
|
|||
|
|
? 'Digital transformation is the integration of digital technology into all areas of a business, fundamentally changing how you operate and deliver value to customers.'
|
|||
|
|
: locale === 'zh-TW'
|
|||
|
|
? '數位化轉型是將數位技術整合到企業的各個領域，從根本上改變企業的營運方式和為客戶提供價值的方式。'
|
|||
|
|
: '数字化转型是将数字技术整合到企业的各个领域，从根本上改变企业的运营方式和为客户提供价值的方式。',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
'@type': 'Question',
|
|||
|
|
name:
|
|||
|
|
locale === 'en'
|
|||
|
|
? 'How long does digital transformation take?'
|
|||
|
|
: locale === 'zh-TW'
|
|||
|
|
? '數位化轉型需要多長時間？'
|
|||
|
|
: '数字化转型需要多长时间？',
|
|||
|
|
acceptedAnswer: {
|
|||
|
|
'@type': 'Answer',
|
|||
|
|
text:
|
|||
|
|
locale === 'en'
|
|||
|
|
? 'Digital transformation timeline varies by company size and complexity, typically ranging from 6 months to 2 years for comprehensive transformation.'
|
|||
|
|
: locale === 'zh-TW'
|
|||
|
|
? '數位化轉型的時間因公司規模和複雜性而異，全面轉型通常需要6個月到2年的時間。'
|
|||
|
|
: '数字化转型的时间因公司规模和复杂性而异，全面转型通常需要6个月到2年的时间。',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<>
|
|||
|
|
<script
|
|||
|
|
type="application/ld+json"
|
|||
|
|
dangerouslySetInnerHTML={{
|
|||
|
|
__html: JSON.stringify(organizationSchema),
|
|||
|
|
}}
|
|||
|
|
/>
|
|||
|
|
|
|||
|
|
<script
|
|||
|
|
type="application/ld+json"
|
|||
|
|
dangerouslySetInnerHTML={{
|
|||
|
|
__html: JSON.stringify(websiteSchema),
|
|||
|
|
}}
|
|||
|
|
/>
|
|||
|
|
|
|||
|
|
<script
|
|||
|
|
type="application/ld+json"
|
|||
|
|
dangerouslySetInnerHTML={{
|
|||
|
|
__html: JSON.stringify(serviceSchema),
|
|||
|
|
}}
|
|||
|
|
/>
|
|||
|
|
|
|||
|
|
<script
|
|||
|
|
type="application/ld+json"
|
|||
|
|
dangerouslySetInnerHTML={{
|
|||
|
|
__html: JSON.stringify(localBusinessSchema),
|
|||
|
|
}}
|
|||
|
|
/>
|
|||
|
|
|
|||
|
|
<script
|
|||
|
|
type="application/ld+json"
|
|||
|
|
dangerouslySetInnerHTML={{
|
|||
|
|
__html: JSON.stringify(faqSchema),
|
|||
|
|
}}
|
|||
|
|
/>
|
|||
|
|
</>
|
|||
|
|
);
|
|||
|
|
}
|