tyc-webview-v2/src/composables/useSEO.js

import { ref, watch } from 'vue'
import { useRoute } from 'vue-router'

export function useSEO() {
    const route = useRoute()
    
    // 默认SEO信息
    const defaultSEO = {
        title: '天远查官网_企业与婚姻关联风险核验_综合履约背景核验',
        description: '天远查官网(TianYuanCha)聚合官方公示数据，专注于商业安全与资产背调。提供企业工商画像、婚姻状态关联风险、司法涉诉筛查及配偶债务核验。数据实时同步，助您精准规避投资、交易及家庭结合中的经济与法律风险。',
        keywords: '天远查,婚姻状态风险, 配偶背景核验,企业信用查询,司法诉讼记录,资产风险评估',
        url: 'https://www.zhinengcha.cn'
    }
    
    // 页面SEO配置
    const pageSEO = ref({
        title: '',
        description: '',
        keywords: '',
        url: ''
    })
    
    // 更新页面SEO信息
    const updateSEO = (seoConfig) => {
        const config = { ...defaultSEO, ...seoConfig }
        
        // 更新页面标题
        document.title = config.title
        
        // 更新meta描述
        let metaDescription = document.querySelector('meta[name="description"]')
        if (!metaDescription) {
            metaDescription = document.createElement('meta')
            metaDescription.name = 'description'
            document.head.appendChild(metaDescription)
        }
        metaDescription.content = config.description
        
        // 更新meta关键词
        let metaKeywords = document.querySelector('meta[name="keywords"]')
        if (!metaKeywords) {
            metaKeywords = document.createElement('meta')
            metaKeywords.name = 'keywords'
            document.head.appendChild(metaKeywords)
        }
        metaKeywords.content = config.keywords
        
        // 更新Open Graph标签
        updateOpenGraph(config)
        
        // 更新Twitter Cards
        updateTwitterCards(config)
        
        // 更新canonical URL
        updateCanonicalURL(config.url)
        
        // 更新结构化数据
        updateStructuredData(config)
    }
    
    // 更新Open Graph标签
    const updateOpenGraph = (config) => {
        const ogTags = {
            'og:title': config.title,
            'og:description': config.description,
            'og:url': config.url,
            'og:type': 'website',
            'og:site_name': '天远查',
            'og:locale': 'zh_CN'
        }
        
        Object.entries(ogTags).forEach(([property, content]) => {
            let meta = document.querySelector(`meta[property="${property}"]`)
            if (!meta) {
                meta = document.createElement('meta')
                meta.setAttribute('property', property)
                document.head.appendChild(meta)
            }
            meta.content = content
        })
    }
    
    // 更新Twitter Cards
    const updateTwitterCards = (config) => {
        const twitterTags = {
            'twitter:card': 'summary',
            'twitter:title': config.title,
            'twitter:description': config.description,
            'twitter:url': config.url
        }
        
        Object.entries(twitterTags).forEach(([name, content]) => {
            let meta = document.querySelector(`meta[name="${name}"]`)
            if (!meta) {
                meta = document.createElement('meta')
                meta.name = name
                document.head.appendChild(meta)
            }
            meta.content = content
        })
    }
    
    // 更新canonical URL
    const updateCanonicalURL = (url) => {
        let canonical = document.querySelector('link[rel="canonical"]')
        if (!canonical) {
            canonical = document.createElement('link')
            canonical.rel = 'canonical'
            document.head.appendChild(canonical)
        }
        canonical.href = url
    }
    
    // 更新结构化数据
    const updateStructuredData = (config) => {
        // 移除现有的结构化数据
        const existingScripts = document.querySelectorAll('script[type="application/ld+json"]')
        existingScripts.forEach(script => {
            if (script.textContent.includes('"@type":"WebPage"')) {
                script.remove()
            }
        })
        
        // 添加新的结构化数据
        const structuredData = {
            "@context": "https://schema.org",
            "@type": "WebPage",
            "name": config.title,
            "description": config.description,
            "url": config.url,
            "mainEntity": {
                "@type": "Organization",
                "name": "天远查",
                "url": "https://www.zhinengcha.cn/",
                "description": "专业大数据风险报告查询与代理平台，支持个人和企业多场景风控应用"
            }
        }
        
        const script = document.createElement('script')
        script.type = 'application/ld+json'
        script.textContent = JSON.stringify(structuredData)
        document.head.appendChild(script)
    }
    
    // 根据路由自动更新SEO
    const updateSEOByRoute = () => {
        const routeConfigs = {
            '/': {
                title: '天远查官网_企业与婚姻关联风险核验_综合履约背景核验',
                description: '天远查官网(TianYuanCha)聚合官方公示数据，专注于商业安全与资产背调。提供企业工商画像、婚姻状态关联风险、司法涉诉筛查及配偶债务核验。数据实时同步，助您精准规避投资、交易及家庭结合中的经济与法律风险。',
                keywords: '天远查,婚姻状态风险, 配偶背景核验,企业信用查询,司法诉讼记录,资产风险评估'
            },

            '/inquire/category/lawsuit': {
                title: '司法涉诉核验_个人及企业法律诉讼记录_履约风险评估_天远查',
                description: '天远查司法风险检测中心,聚合全国法院公开公示数据｡一键筛查开庭公告､裁判文书､立案信息及执行记录｡帮助用户快速识别法律纠纷隐患,全方位扫除合作盲区｡',
                keywords: '司法案件核验,法律诉讼记录,个人涉诉详情,法院公告查询,案件执行状态'
            },

            '/inquire/marriage': {
                title: '婚前背景核验_婚姻关联司法风险筛查_情感综合保障_天远查',
                description: '天远查婚恋风险报告为您提供深度的背景核实服务｡基于合法公开数据,排查对象的重婚司法记录､家庭暴力涉诉历史､潜在债务风险及不良嗜好风险｡拒绝盲目信任,用数据守护您的情感与财产安全｡',
                keywords: '婚前背景核实,婚恋对象评估,婚姻司法风险,个人情感风险,婚前背调工具'
            },
            '/inquire/category/vehicle': {
                title: '车辆档案报告_二手车车况与产权风险检测_机动车报告_天远查',
                description: '天远查车辆数据中心,让车辆交易更透明｡支持通过车牌号或VIN码,核验车辆的初次登记信息､抵押查封状态､事故维修记录及产权属性｡数据同步权威行业系统,精准识别问题车｡',
                keywords: '车辆维修记录,二手车出险报告,车辆抵押报告,车况报告,机动车档案'
            },
            '/inquire/category/marriageStatus': {
                title: '个人婚姻关联风险核验_家庭背景合规报告_天远查',
                description: '天远查提供基于大数据的婚姻关联风险评估｡通过分析司法文书及公开社会关系,辅助判断目标的真实家庭状况与情感履历｡合法合规,保障知情权｡',
                keywords: '婚史风险排查,家庭背景核实,婚姻诚信评估,情感状态评估,涉婚法律记录'
            },
            '/agent': {
                title: '天远查代理 - 免费开通代理权限 | 大数据风险报告代理',
                description: '天远查代理平台，免费开通代理权限，享受大数据风险报告查询服务代理收益。专业的大数据风险报告、婚姻查询、个人信用评估等服务的代理合作。',
                keywords: '天远查代理, 免费代理, 大数据风险报告代理, 代理权限, 代理收益'
            },
            '/help': {
                title: '帮助中心 - 天远查使用指南 | 常见问题解答',
                description: '天远查帮助中心，提供详细的使用指南、常见问题解答、操作教程等，帮助用户更好地使用大数据风险报告查询服务。',
                keywords: '天远查帮助, 使用指南, 常见问题, 操作教程, 客服支持'
            },
            '/help/guide': {
                title: '使用指南 - 天远查操作教程 | 功能说明',
                description: '天远查详细使用指南，包含各功能模块的操作教程、功能说明、注意事项等，让用户快速上手使用。',
                keywords: '使用指南, 操作教程, 功能说明, 快速上手, 天远查教程'
            },
            '/example': {
                title: '示例报告 - 天远查报告展示 | 大数据风险报告样例',
                description: '天远查示例报告展示，包含大数据风险报告、婚姻状况查询、个人信用评估等服务的报告样例，让用户了解报告内容和格式。',
                keywords: '示例报告, 报告展示, 报告样例, 大数据风险报告, 婚姻查询报告'
            },
            '/service': {
                title: '客服中心 - 天远查在线客服 | 技术支持',
                description: '天远查客服中心，提供在线客服支持、技术咨询、问题反馈等服务，确保用户获得及时有效的帮助。',
                keywords: '客服中心, 在线客服, 技术支持, 问题反馈, 天远查客服'
            },
            '/inquire': {
                title: '核验工具多场景数据核验服务天远查',
                description: '提供车辆、企业、个人等多场景核验，包括状态、信用、身份等查询，权威高效，保护隐私。',
                keywords: '核验工具,数据核验服务,车辆核验,企业核验,天远查'
            },
        }
        
        const currentPath = route?.path || '/'
        const config = routeConfigs[currentPath] || defaultSEO
        
        updateSEO({
            ...config,
            url: `https://www.zhinengcha.cn${currentPath}`
        })
    }
    
    // 监听路由变化
    watch(() => route?.path, updateSEOByRoute, { immediate: true })
    
    return {
        updateSEO,
        updateSEOByRoute,
        pageSEO
    }
}