Files
tyc-webview-v2/scripts/seo-static-generator/pageTemplates.js

578 lines
20 KiB
JavaScript
Raw Normal View History

2026-02-25 11:45:21 +08:00
/**
* 静态页面模板
* 基于SEO配置生成优化的静态HTML页面
*/
/**
* 生成静态页面的HTML内容
* @param {Object} seoConfig - SEO配置对象
* @param {Object} options - 额外配置
* @returns {string} - 完整的HTML字符串
*/
export function generateStaticHTML(seoConfig, options = {}) {
const {
path = '/',
content = '',
customCSS = '',
canonical = 'https://www.tianyuancha.cn',
ogImage = 'https://www.tianyuancha.cn/logo.png'
} = options;
const fullCanonical = `${canonical}${path}`;
return `<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- SEO Meta Tags -->
<title>${seoConfig.title || '天远查'}</title>
<meta name="description" content="${seoConfig.description || ''}">
<meta name="keywords" content="${seoConfig.keywords || ''}">
<!-- Canonical URL -->
<link rel="canonical" href="${fullCanonical}">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="${fullCanonical}">
<meta property="og:title" content="${seoConfig.title || '天远查'}">
<meta property="og:description" content="${seoConfig.description || ''}">
<meta property="og:image" content="${ogImage}">
<meta property="og:site_name" content="天远查">
<meta property="og:locale" content="zh_CN">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="${fullCanonical}">
<meta property="twitter:title" content="${seoConfig.title || '天远查'}">
<meta property="twitter:description" content="${seoConfig.description || ''}">
<!-- Robots Meta -->
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<!-- Custom CSS -->
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f5f5f5;
}
.seo-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background: white;
min-height: 100vh;
}
.seo-header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 60px 20px;
text-align: center;
margin-bottom: 40px;
}
.seo-header h1 {
font-size: 2.5em;
margin-bottom: 10px;
font-weight: 700;
}
.seo-header p {
font-size: 1.2em;
opacity: 0.9;
}
.seo-content {
padding: 40px 20px;
}
.seo-content h2 {
font-size: 1.8em;
margin-bottom: 20px;
color: #667eea;
border-bottom: 3px solid #667eea;
padding-bottom: 10px;
}
.seo-content h3 {
font-size: 1.4em;
margin: 30px 0 15px;
color: #555;
}
.seo-content p {
margin-bottom: 15px;
line-height: 1.8;
color: #666;
}
.seo-content ul, .seo-content ol {
margin: 15px 0 15px 30px;
}
.seo-content li {
margin-bottom: 10px;
line-height: 1.8;
color: #666;
}
.seo-footer {
background: #333;
color: white;
padding: 40px 20px;
text-align: center;
margin-top: 60px;
}
.seo-footer p {
margin: 10px 0;
opacity: 0.8;
}
.seo-footer a {
color: #667eea;
text-decoration: none;
}
.seo-footer a:hover {
text-decoration: underline;
}
.redirect-notice {
background: #fff3cd;
border: 1px solid #ffc107;
padding: 15px;
margin: 20px 0;
border-radius: 5px;
text-align: center;
}
.redirect-notice p {
color: #856404;
margin: 0;
}
${customCSS}
</style>
<!-- Schema.org Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "${seoConfig.title || '天远查'}",
"description": "${seoConfig.description || ''}",
"url": "${fullCanonical}",
"mainEntity": {
"@type": "Organization",
"name": "天远查",
"url": "https://www.tianyuancha.cn/",
"description": "专业大数据风险报告查询与代理平台,支持个人和企业多场景风控应用"
}
}
</script>
</head>
<body>
<div class="seo-container">
<header class="seo-header">
<h1>${seoConfig.title || '天远查'}</h1>
<p>${seoConfig.description || '天远查 - 专业大数据风险报告查询与代理平台'}</p>
</header>
<main class="seo-content">
${content || generateDefaultContent(seoConfig)}
<div class="redirect-notice">
<p>💡 访问完整功能请使用现代浏览器访问主站</p>
</div>
</main>
<footer class="seo-footer">
<p>&copy; 2024 天远查 版权所有</p>
<p>
<a href="https://www.tianyuancha.cn">天远查官网</a> |
<a href="https://www.tianyuancha.cn/help">帮助中心</a> |
<a href="https://www.tianyuancha.cn/privacyPolicy">隐私政策</a> |
<a href="https://www.tianyuancha.cn/userAgreement">用户协议</a>
</p>
</footer>
</div>
</body>
</html>`;
}
/**
* 生成默认页面内容
* @param {Object} seoConfig - SEO配置
* @returns {string} - HTML内容字符串
*/
function generateDefaultContent(seoConfig) {
const title = seoConfig.title || '天远查';
const description = seoConfig.description || '天远查 - 专业大数据风险报告查询与代理平台';
const keywords = seoConfig.keywords || '天远查';
return `
<h2>关于${title}</h2>
<p>${description}</p>
<h3>核心功能</h3>
<ul>
<li>企业工商信息查询 - 实时获取企业注册信息股东信息经营状况等</li>
<li>婚姻状态风险核验 - 通过公开数据查询个人婚姻相关司法风险</li>
<li>司法涉诉筛查 - 查询个人及企业的法律诉讼记录执行信息等</li>
<li>车辆档案报告 - 二手车车况检测抵押查封状态查询</li>
<li>个人信用评估 - 全方位的个人信用风险评估</li>
</ul>
<h3>为什么选择天远查</h3>
<ul>
<li>数据权威 - 聚合官方公示数据确保信息准确可靠</li>
<li>更新及时 - 数据实时同步第一时间获取最新信息</li>
<li>隐私安全 - 严格保护用户隐私数据传输加密</li>
<li>专业服务 - 多年行业经验专业技术团队支持</li>
</ul>
<h3>应用场景</h3>
<ul>
<li>投资尽调 - 投资前全面了解目标企业和个人的风险状况</li>
<li>合作风控 - 商业合作前评估潜在风险保护自身利益</li>
<li>婚恋背调 - 婚前了解对方背景避免情感和财产风险</li>
<li>招聘核查 - 企业招聘时核实候选人信息真实性</li>
<li>二手车交易 - 购买二手车前全面了解车辆历史和车况</li>
</ul>
<h3>数据来源</h3>
<p>天远查的数据来源于以下官方渠道</p>
<ul>
<li>国家企业信用信息公示系统</li>
<li>中国裁判文书网</li>
<li>执行信息公开网</li>
<li>各省市法院公开信息</li>
<li>其他权威官方数据平台</li>
</ul>
<h3>联系我们</h3>
<p>如果您有任何问题或需要帮助请通过以下方式联系我们</p>
<ul>
<li>官方网站<a href="https://www.tianyuancha.cn">https://www.tianyuancha.cn</a></li>
<li>帮助中心<a href="https://www.tianyuancha.cn/help">https://www.tianyuancha.cn/help</a></li>
<li>客服服务<a href="https://www.tianyuancha.cn/service">https://www.tianyuancha.cn/service</a></li>
</ul>
`;
}
/**
* 针对不同路由生成定制内容
* @param {string} path - 路由路径
* @param {Object} seoConfig - SEO配置
* @returns {string} - HTML内容字符串
*/
export function generateContentByRoute(path, seoConfig) {
const routeContentMap = {
'/': generateHomeContent(seoConfig),
'/inquire/category/lawsuit': generateLawsuitContent(seoConfig),
'/inquire/marriage': generateMarriageContent(seoConfig),
'/inquire/category/vehicle': generateVehicleContent(seoConfig),
'/inquire/category/marriageStatus': generateMarriageStatusContent(seoConfig),
'/agent': generateAgentContent(seoConfig),
'/help': generateHelpContent(seoConfig),
'/example': generateExampleContent(seoConfig),
'/service': generateServiceContent(seoConfig),
'/inquire': generateInquireContent(seoConfig),
};
return routeContentMap[path] || generateDefaultContent(seoConfig);
}
// 各个页面的定制内容生成函数
function generateHomeContent(seoConfig) {
return `
<h2>欢迎使用天远查</h2>
<p>天远查(TianYuanCha)是专业的大数据风险报告查询与代理平台聚合官方公示数据为个人和企业提供全方位的风险管控服务</p>
<h3>我们的服务</h3>
<ul>
<li><strong>企业信息查询</strong> - </li>
<li><strong>婚姻风险核验</strong> - </li>
<li><strong>司法涉诉筛查</strong> - </li>
<li><strong>车辆档案报告</strong> - </li>
<li><strong>个人信用评估</strong> - </li>
</ul>
<h3>立即开始</h3>
<p>访问天远查官网开始您的风险查询之旅<a href="https://www.tianyuancha.cn">https://www.tianyuancha.cn</a></p>
`;
}
function generateLawsuitContent(seoConfig) {
return `
<h2>司法涉诉核验服务</h2>
<p>天远查司法风险检测中心聚合全国法院公开公示数据为您提供全面的司法涉诉筛查服务</p>
<h3>服务内容</h3>
<ul>
<li>开庭公告查询 - 查询即将开庭的案件信息</li>
<li>裁判文书查询 - 获取历史裁判文书详情</li>
<li>立案信息查询 - 了解案件立案情况</li>
<li>执行记录查询 - 查询强制执行相关信息</li>
<li>失信被执行人查询 - 核实失信被执行人名单</li>
</ul>
<h3>应用场景</h3>
<ul>
<li>商业合作前了解对方法律纠纷情况</li>
<li>投资前的法律风险评估</li>
<li>招聘时核实候选人背景</li>
<li>婚恋前了解对方法律风险</li>
</ul>
<h3>数据来源</h3>
<p>数据来源于全国各级法院公开公示信息确保权威准确</p>
`;
}
function generateMarriageContent(seoConfig) {
return `
<h2>婚前背景核验服务</h2>
<p>天远查婚恋风险报告为您提供深度的背景核实服务帮助您在婚恋前全面了解对方的真实情况</p>
<h3>服务内容</h3>
<ul>
<li>重婚司法记录查询 - 查询是否有重婚相关司法记录</li>
<li>家庭暴力涉诉历史 - 查询家庭暴力相关的法律纠纷</li>
<li>潜在债务风险 - 通过司法文书分析潜在债务情况</li>
<li>不良嗜好风险 - 了解是否有相关不良记录</li>
</ul>
<h3>为什么需要婚前背景核验</h3>
<ul>
<li>保护自己的情感安全</li>
<li>避免经济损失和债务纠纷</li>
<li>了解对方的真实家庭状况</li>
<li>建立坦诚的婚恋关系</li>
</ul>
<h3>服务特点</h3>
<ul>
<li>基于合法公开数据</li>
<li>数据真实可靠</li>
<li>保护隐私安全</li>
<li>快速获取报告</li>
</ul>
`;
}
function generateVehicleContent(seoConfig) {
return `
<h2>车辆档案报告服务</h2>
<p>天远查车辆数据中心让车辆交易更透明通过车牌号或VIN码全面了解车辆的真实状况</p>
<h3>服务内容</h3>
<ul>
<li>初次登记信息 - 查询车辆的初次登记时间地点</li>
<li>抵押查封状态 - 了解车辆是否被抵押或查封</li>
<li>事故维修记录 - 获取车辆的事故和维修历史</li>
<li>产权属性核验 - 核实车辆的产权归属</li>
<li>过户记录查询 - 查询车辆的历史过户情况</li>
</ul>
<h3>应用场景</h3>
<ul>
<li>购买二手车前全面了解车况</li>
<li>出售二手车时提供车况证明</li>
<li>车辆抵押前核实车辆状况</li>
</ul>
<h3>数据来源</h3>
<p>数据同步权威行业系统包括车管所保险公司等信息准确可靠</p>
`;
}
function generateMarriageStatusContent(seoConfig) {
return `
<h2>个人婚姻关联风险核验</h2>
<p>天远查提供基于大数据的婚姻关联风险评估通过分析司法文书及公开社会关系辅助判断目标的真实家庭状况</p>
<h3>服务内容</h3>
<ul>
<li>婚史风险排查 - 通过公开数据排查婚姻历史风险</li>
<li>家庭背景核实 - 核实家庭背景相关信息</li>
<li>婚姻诚信评估 - 评估婚姻相关的诚信记录</li>
<li>情感状态评估 - 通过多维度数据分析情感状态</li>
<li>涉婚法律记录 - 查询与婚姻相关的法律记录</li>
</ul>
<h3>服务优势</h3>
<ul>
<li>合法合规 - 仅使用合法公开数据</li>
<li>数据权威 - 来源于官方公开渠道</li>
<li>分析全面 - 多维度综合评估</li>
<li>保护隐私 - 严格保护用户隐私</li>
</ul>
`;
}
function generateAgentContent(seoConfig) {
return `
<h2>天远查代理 - 免费开通代理权限</h2>
<p>天远查代理平台免费开通代理权限享受大数据风险报告查询服务代理收益</p>
<h3>代理权益</h3>
<ul>
<li>免费开通代理权限</li>
<li>享受丰厚佣金收益</li>
<li>专属推广链接</li>
<li>实时数据统计</li>
<li>专业培训支持</li>
</ul>
<h3>代理产品</h3>
<ul>
<li>企业信息查询代理</li>
<li>婚姻状态风险核验代理</li>
<li>司法涉诉筛查代理</li>
<li>车辆档案报告代理</li>
<li>个人信用评估代理</li>
</ul>
<h3>申请流程</h3>
<ul>
<li>注册天远查账号</li>
<li>提交代理申请</li>
<li>审核通过后开通权限</li>
<li>开始推广并获取收益</li>
</ul>
<h3>立即加入</h3>
<p>访问天远查代理页面免费开通代理权限<a href="https://www.tianyuancha.cn/agent">https://www.tianyuancha.cn/agent</a></p>
`;
}
function generateHelpContent(seoConfig) {
return `
<h2>帮助中心</h2>
<p>天远查帮助中心提供详细的使用指南常见问题解答操作教程等帮助用户更好地使用大数据风险报告查询服务</p>
<h3>热门问题</h3>
<ul>
<li>如何查询企业信息</li>
<li>婚姻风险核验需要什么信息</li>
<li>如何获取报告</li>
<li>报告准确性如何保证</li>
<li>如何成为代理</li>
</ul>
<h3>使用指南</h3>
<ul>
<li>新手入门指南</li>
<li>各功能模块使用教程</li>
<li>常见问题解答</li>
<li>注意事项说明</li>
</ul>
<h3>联系我们</h3>
<p>如果您有其他问题可以通过以下方式联系我们</p>
<ul>
<li>客服服务<a href="https://www.tianyuancha.cn/service">https://www.tianyuancha.cn/service</a></li>
<li>帮助中心<a href="https://www.tianyuancha.cn/help">https://www.tianyuancha.cn/help</a></li>
</ul>
`;
}
function generateExampleContent(seoConfig) {
return `
<h2>示例报告展示</h2>
<p>天远查示例报告展示包含大数据风险报告婚姻状况查询个人信用评估等服务的报告样例</p>
<h3>报告类型</h3>
<ul>
<li>企业工商画像报告示例</li>
<li>婚姻状态风险报告示例</li>
<li>司法涉诉筛查报告示例</li>
<li>车辆档案报告示例</li>
<li>个人信用评估报告示例</li>
</ul>
<h3>报告内容</h3>
<ul>
<li>基本信息展示</li>
<li>风险分析说明</li>
<li>数据来源标注</li>
<li>评估结果解读</li>
</ul>
<h3>查看示例</h3>
<p>访问天远查示例页面查看详细的报告样例<a href="https://www.tianyuancha.cn/example">https://www.tianyuancha.cn/example</a></p>
`;
}
function generateServiceContent(seoConfig) {
return `
<h2>客服中心</h2>
<p>天远查客服中心提供在线客服支持技术咨询问题反馈等服务确保用户获得及时有效的帮助</p>
<h3>服务内容</h3>
<ul>
<li>在线客服支持</li>
<li>技术咨询解答</li>
<li>问题反馈处理</li>
<li>使用指导服务</li>
</ul>
<h3>服务时间</h3>
<ul>
<li>工作日9:00 - 18:00</li>
<li>周末10:00 - 17:00</li>
<li>节假日以公告为准</li>
</ul>
<h3>联系我们</h3>
<p>通过以下方式联系我们的客服团队</p>
<ul>
<li>在线客服<a href="https://www.tianyuancha.cn/service">https://www.tianyuancha.cn/service</a></li>
<li>帮助中心<a href="https://www.tianyuancha.cn/help">https://www.tianyuancha.cn/help</a></li>
</ul>
`;
}
function generateInquireContent(seoConfig) {
return `
<h2>核验工具多场景数据核验服务</h2>
<p>天远查提供车辆企业个人等多场景核验服务包括状态信用身份等查询权威高效保护隐私</p>
<h3>核验服务</h3>
<ul>
<li><strong>车辆核验</strong> - /VIN</li>
<li><strong>企业核验</strong> - </li>
<li><strong>个人核验</strong> - </li>
<li><strong>婚姻核验</strong> - </li>
<li><strong>司法核验</strong> - </li>
</ul>
<h3>服务特点</h3>
<ul>
<li>权威数据来源</li>
<li>快速查询响应</li>
<li>全面信息覆盖</li>
<li>严格隐私保护</li>
</ul>
<h3>立即查询</h3>
<p>访问天远查核验页面开始您的查询<a href="https://www.tianyuancha.cn/inquire">https://www.tianyuancha.cn/inquire</a></p>
`;
}