198 lines
8.5 KiB
JavaScript
198 lines
8.5 KiB
JavaScript
|
import { ref, watch } from 'vue'
|
||
|
|
import { useRoute } from 'vue-router'
|
||
|
|
|
||
|
|
export function useSEO() {
|
||
|
|
const route = useRoute()
|
||
|
|
|
||
|
|
// 默认SEO信息
|
||
|
|
const defaultSEO = {
|
||
|
|
title: '天远查｜大数据风险报告查询与代理平台，支持个人和企业多场景风控应用',
|
||
|
|
description: '天远查，专业大数据风险报告查询与代理平台，支持个人信用查询、小微企业风控、贷前风险背调等多场景报告应用，免费开通代理权限，助力高效识别信用与风险。',
|
||
|
|
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: '天远查，专业大数据风险报告查询与代理平台，支持个人信用查询、小微企业风控、贷前风险背调等多场景报告应用，免费开通代理权限，助力高效识别信用与风险。',
|
||
|
|
keywords: '大数据风险报告查询、大数据风险评估、大数据分析报告、个人大数据风险查询、小微企业风险、贷前风险背调、代理管理平台、免费开通代理、风险管控平台、信用风险分析、企业风险报告、贷前信用审核、失信人名单查询、被执行人信息、信用黑名单查询'
|
||
|
|
},
|
||
|
|
'/agent': {
|
||
|
|
title: '天远查代理 - 免费开通代理权限 | 大数据风险报告代理',
|
||
|
|
description: '天远查代理平台，免费开通代理权限，享受大数据风险报告查询服务代理收益。专业的大数据风险报告、婚姻查询、个人信用评估等服务的代理合作。',
|
||
|
|
keywords: '天远查代理, 免费代理, 大数据风险报告代理, 代理权限, 代理收益'
|
||
|
|
},
|
||
|
|
'/help': {
|
||
|
|
title: '帮助中心 - 天远查使用指南 | 常见问题解答',
|
||
|
|
description: '天远查帮助中心，提供详细的使用指南、常见问题解答、操作教程等，帮助用户更好地使用大数据风险报告查询服务。',
|
||
|
|
keywords: '天远查帮助, 使用指南, 常见问题, 操作教程, 客服支持'
|
||
|
|
},
|
||
|
|
'/help/guide': {
|
||
|
|
title: '使用指南 - 天远查操作教程 | 功能说明',
|
||
|
|
description: '天远查详细使用指南，包含各功能模块的操作教程、功能说明、注意事项等，让用户快速上手使用。',
|
||
|
|
keywords: '使用指南, 操作教程, 功能说明, 快速上手, 天远查教程'
|
||
|
|
},
|
||
|
|
'/example': {
|
||
|
|
title: '示例报告 - 天远查报告展示 | 大数据风险报告样例',
|
||
|
|
description: '天远查示例报告展示，包含大数据风险报告、婚姻状况查询、个人信用评估等服务的报告样例，让用户了解报告内容和格式。',
|
||
|
|
keywords: '示例报告, 报告展示, 报告样例, 大数据风险报告, 婚姻查询报告'
|
||
|
|
},
|
||
|
|
'/service': {
|
||
|
|
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
|
||
|
|
}
|
||
|
|
}
|