v1.4.6 - add SEO
This commit is contained in:
LINING-PC\lining
@@ -4,7 +4,64 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/public/favicon.svg" />
|
<link rel="icon" type="image/svg+xml" href="/public/favicon.svg" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Jordium Gantt Vue3 Demo</title>
|
|
||||||
|
<!-- Primary Meta Tags -->
|
||||||
|
<title>Jordium Gantt Vue3 - Modern Gantt Chart Component for Vue 3</title>
|
||||||
|
<meta name="title" content="Jordium Gantt Vue3 - Modern Gantt Chart Component for Vue 3" />
|
||||||
|
<meta name="description" content="A modern, feature-rich Gantt chart component for Vue 3 with TypeScript support. Interactive task management, drag-and-drop, milestone tracking, and multiple timeline views. Perfect for project management and task scheduling." />
|
||||||
|
<meta name="keywords" content="vue3, gantt chart, gantt, project management, task scheduler, timeline, vue component, typescript, drag and drop, milestone, task tracking" />
|
||||||
|
<meta name="author" content="nelson820125" />
|
||||||
|
<meta name="robots" content="index, follow" />
|
||||||
|
<link rel="canonical" href="https://nelson820125.github.io/jordium-gantt-vue3/" />
|
||||||
|
|
||||||
|
<!-- Open Graph / Facebook -->
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:url" content="https://nelson820125.github.io/jordium-gantt-vue3/" />
|
||||||
|
<meta property="og:title" content="Jordium Gantt Vue3 - Modern Gantt Chart Component for Vue 3" />
|
||||||
|
<meta property="og:description" content="A modern, feature-rich Gantt chart component for Vue 3 with TypeScript support. Interactive task management, drag-and-drop, milestone tracking, and multiple timeline views." />
|
||||||
|
<meta property="og:image" content="https://nelson820125.github.io/jordium-gantt-vue3/assets/jordium-gantt-vue3-logo.svg" />
|
||||||
|
<meta property="og:site_name" content="Jordium Gantt Vue3" />
|
||||||
|
|
||||||
|
<!-- Twitter -->
|
||||||
|
<meta name="twitter:card" content="summary_large_image" />
|
||||||
|
<meta name="twitter:url" content="https://nelson820125.github.io/jordium-gantt-vue3/" />
|
||||||
|
<meta name="twitter:title" content="Jordium Gantt Vue3 - Modern Gantt Chart Component for Vue 3" />
|
||||||
|
<meta name="twitter:description" content="A modern, feature-rich Gantt chart component for Vue 3 with TypeScript support. Interactive task management, drag-and-drop, milestone tracking." />
|
||||||
|
<meta name="twitter:image" content="https://nelson820125.github.io/jordium-gantt-vue3/assets/jordium-gantt-vue3-logo.svg" />
|
||||||
|
|
||||||
|
<!-- Additional SEO Tags -->
|
||||||
|
<meta name="theme-color" content="#4FC08D" />
|
||||||
|
<meta name="application-name" content="Jordium Gantt Vue3" />
|
||||||
|
|
||||||
|
<!-- Links to documentation and repository -->
|
||||||
|
<link rel="alternate" type="application/json+oembed" href="https://github.com/nelson820125/jordium-gantt-vue3" />
|
||||||
|
|
||||||
|
<!-- Schema.org structured data -->
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "SoftwareApplication",
|
||||||
|
"name": "Jordium Gantt Vue3",
|
||||||
|
"applicationCategory": "DeveloperApplication",
|
||||||
|
"operatingSystem": "Web Browser",
|
||||||
|
"description": "A modern, feature-rich Gantt chart component for Vue 3 with TypeScript support. Interactive task management, drag-and-drop, milestone tracking, and multiple timeline views.",
|
||||||
|
"url": "https://nelson820125.github.io/jordium-gantt-vue3/",
|
||||||
|
"author": {
|
||||||
|
"@type": "Person",
|
||||||
|
"name": "nelson820125",
|
||||||
|
"url": "https://github.com/nelson820125"
|
||||||
|
},
|
||||||
|
"offers": {
|
||||||
|
"@type": "Offer",
|
||||||
|
"price": "0",
|
||||||
|
"priceCurrency": "USD"
|
||||||
|
},
|
||||||
|
"softwareVersion": "1.4.6",
|
||||||
|
"programmingLanguage": "TypeScript",
|
||||||
|
"codeRepository": "https://github.com/nelson820125/jordium-gantt-vue3",
|
||||||
|
"license": "https://opensource.org/licenses/MIT"
|
||||||
|
}
|
||||||
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
|
|||||||
8
demo/public/robots.txt
Normal file
8
demo/public/robots.txt
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
User-agent: *
|
||||||
|
Allow: /
|
||||||
|
|
||||||
|
# Sitemap location
|
||||||
|
Sitemap: https://nelson820125.github.io/jordium-gantt-vue3/sitemap.xml
|
||||||
|
|
||||||
|
# Crawl-delay for polite crawling
|
||||||
|
Crawl-delay: 1
|
||||||
35
demo/public/sitemap.xml
Normal file
35
demo/public/sitemap.xml
Normal file
@@ -0,0 +1,35 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||||
|
xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
||||||
|
<url>
|
||||||
|
<loc>https://nelson820125.github.io/jordium-gantt-vue3/</loc>
|
||||||
|
<lastmod>2025-12-11</lastmod>
|
||||||
|
<changefreq>weekly</changefreq>
|
||||||
|
<priority>1.0</priority>
|
||||||
|
<xhtml:link rel="alternate" hreflang="en" href="https://nelson820125.github.io/jordium-gantt-vue3/" />
|
||||||
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>https://github.com/nelson820125/jordium-gantt-vue3</loc>
|
||||||
|
<lastmod>2025-12-11</lastmod>
|
||||||
|
<changefreq>weekly</changefreq>
|
||||||
|
<priority>0.9</priority>
|
||||||
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>https://github.com/nelson820125/jordium-gantt-vue3/blob/master/README.md</loc>
|
||||||
|
<lastmod>2025-12-11</lastmod>
|
||||||
|
<changefreq>weekly</changefreq>
|
||||||
|
<priority>0.8</priority>
|
||||||
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>https://github.com/nelson820125/jordium-gantt-vue3/blob/master/README-EN.md</loc>
|
||||||
|
<lastmod>2025-12-11</lastmod>
|
||||||
|
<changefreq>weekly</changefreq>
|
||||||
|
<priority>0.8</priority>
|
||||||
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>https://www.npmjs.com/package/jordium-gantt-vue3</loc>
|
||||||
|
<lastmod>2025-12-11</lastmod>
|
||||||
|
<changefreq>monthly</changefreq>
|
||||||
|
<priority>0.7</priority>
|
||||||
|
</url>
|
||||||
|
</urlset>
|
||||||
111
docs/GOOGLE-SEARCH-CONSOLE-SETUP.md
Normal file
111
docs/GOOGLE-SEARCH-CONSOLE-SETUP.md
Normal file
@@ -0,0 +1,111 @@
|
|||||||
|
# Google Search Console Setup Guide
|
||||||
|
|
||||||
|
## 提交到 Google Search Console 的步骤
|
||||||
|
|
||||||
|
### 1. 访问 Google Search Console
|
||||||
|
前往 [Google Search Console](https://search.google.com/search-console)
|
||||||
|
|
||||||
|
### 2. 添加资源
|
||||||
|
- 选择 "URL 前缀" 方式
|
||||||
|
- 输入: `https://nelson820125.github.io/jordium-gantt-vue3/`
|
||||||
|
|
||||||
|
### 3. 验证所有权
|
||||||
|
|
||||||
|
#### 方法 A: HTML 文件验证（推荐）
|
||||||
|
1. 下载 Google 提供的验证文件（例如: `google1234567890abcdef.html`）
|
||||||
|
2. 将文件放到 `demo/public/` 目录下
|
||||||
|
3. 重新构建并部署
|
||||||
|
4. 在 Google Search Console 点击"验证"
|
||||||
|
|
||||||
|
#### 方法 B: HTML 标签验证
|
||||||
|
1. Google 会提供一个 meta 标签，例如:
|
||||||
|
```html
|
||||||
|
<meta name="google-site-verification" content="your-verification-code" />
|
||||||
|
```
|
||||||
|
2. 将此标签添加到 `demo/index.html` 的 `<head>` 部分
|
||||||
|
3. 重新构建并部署
|
||||||
|
4. 在 Google Search Console 点击"验证"
|
||||||
|
|
||||||
|
### 4. 提交 Sitemap
|
||||||
|
验证成功后:
|
||||||
|
1. 进入左侧菜单 "索引" > "站点地图"
|
||||||
|
2. 输入 sitemap URL: `https://nelson820125.github.io/jordium-gantt-vue3/sitemap.xml`
|
||||||
|
3. 点击"提交"
|
||||||
|
|
||||||
|
### 5. 检查索引状态
|
||||||
|
- 在 "概览" 中查看索引覆盖率
|
||||||
|
- 在 "网址检查" 中测试具体页面
|
||||||
|
- 通常需要几天到几周时间才能被完全索引
|
||||||
|
|
||||||
|
## 文件清单
|
||||||
|
|
||||||
|
以下文件已为 SEO 优化准备好:
|
||||||
|
|
||||||
|
### ✅ 已创建的 SEO 文件:
|
||||||
|
- `demo/index.html` - 包含完整的 meta 标签和结构化数据
|
||||||
|
- `demo/public/robots.txt` - 搜索引擎爬虫配置
|
||||||
|
- `demo/public/sitemap.xml` - 网站地图
|
||||||
|
|
||||||
|
### 📋 SEO 特性:
|
||||||
|
- ✅ Meta 标签（title, description, keywords）
|
||||||
|
- ✅ Open Graph 标签（用于社交媒体分享）
|
||||||
|
- ✅ Twitter Cards
|
||||||
|
- ✅ Schema.org 结构化数据
|
||||||
|
- ✅ Canonical URL
|
||||||
|
- ✅ Sitemap
|
||||||
|
- ✅ Robots.txt
|
||||||
|
|
||||||
|
## 关键 URL
|
||||||
|
|
||||||
|
以下 URL 已在 sitemap 中定义并优化索引:
|
||||||
|
|
||||||
|
1. **Demo 地址**: https://nelson820125.github.io/jordium-gantt-vue3/
|
||||||
|
2. **仓库地址**: https://github.com/nelson820125/jordium-gantt-vue3
|
||||||
|
3. **英文文档**: https://github.com/nelson820125/jordium-gantt-vue3/blob/master/README-EN.md
|
||||||
|
4. **中文文档**: https://github.com/nelson820125/jordium-gantt-vue3/blob/master/README.md
|
||||||
|
5. **NPM 包**: https://www.npmjs.com/package/jordium-gantt-vue3
|
||||||
|
|
||||||
|
## 监控和优化
|
||||||
|
|
||||||
|
### 使用 Google Search Console 监控:
|
||||||
|
- 点击次数和展示次数
|
||||||
|
- 平均排名
|
||||||
|
- 索引覆盖率
|
||||||
|
- 移动设备可用性
|
||||||
|
- Core Web Vitals
|
||||||
|
|
||||||
|
### 建议的关键词:
|
||||||
|
- vue3 gantt chart
|
||||||
|
- vue gantt component
|
||||||
|
- typescript gantt
|
||||||
|
- project management vue
|
||||||
|
- task scheduler vue
|
||||||
|
- gantt chart component
|
||||||
|
- vue3 timeline
|
||||||
|
- interactive gantt
|
||||||
|
|
||||||
|
## 注意事项
|
||||||
|
|
||||||
|
1. **构建时确保文件复制**
|
||||||
|
- 确保 `robots.txt` 和 `sitemap.xml` 被复制到构建输出目录
|
||||||
|
- 如果使用 Vite，这些文件在 `public` 目录中会自动复制
|
||||||
|
|
||||||
|
2. **更新频率**
|
||||||
|
- 每次发布新版本后，更新 `sitemap.xml` 中的 `<lastmod>` 日期
|
||||||
|
- 在 Google Search Console 中重新提交 sitemap
|
||||||
|
|
||||||
|
3. **监控 404 错误**
|
||||||
|
- 定期检查 Search Console 的 "覆盖率" 报告
|
||||||
|
- 修复任何爬取错误
|
||||||
|
|
||||||
|
## 验证 SEO 设置
|
||||||
|
|
||||||
|
在浏览器中测试以下 URL:
|
||||||
|
- https://nelson820125.github.io/jordium-gantt-vue3/
|
||||||
|
- https://nelson820125.github.io/jordium-gantt-vue3/robots.txt
|
||||||
|
- https://nelson820125.github.io/jordium-gantt-vue3/sitemap.xml
|
||||||
|
|
||||||
|
使用工具验证:
|
||||||
|
- [Google Rich Results Test](https://search.google.com/test/rich-results)
|
||||||
|
- [Facebook Sharing Debugger](https://developers.facebook.com/tools/debug/)
|
||||||
|
- [Twitter Card Validator](https://cards-dev.twitter.com/validator)
|
||||||
Reference in New Issue
Block a user