Skip to content

Commit 2a20228

Browse files
author
tonychen
committed
添加彩色标签，提升主页内容展示效果
1 parent 1def563 commit 2a20228

File tree

1 file changed

+246
-2
lines changed

1 file changed

+246
-2
lines changed

‎cn/index.html

+246-2
Original file line numberDiff line numberDiff line change
@@ -81,9 +81,137 @@
8181
<meta name="twitter:title" content="Web建站与AI工具导航 - 专业站长建站资源集合 | WebAITools">
8282
<meta name="twitter:description" content="WebAITools导航 - 精选高质量Web建站工具、AI开发资源、SEO优化方案及关键词研究工具，助力站长高效建站和网站优化，定期更新前沿建站技术与资源。">
8383
<meta name="twitter:image" content="https://webaitools.net/assets/images/webstack_banner_cn.png">
84+
85+
<!-- 结构化数据标记 - WebSite -->
86+
<script type="application/ld+json">
87+
{
88+
"@context": "https://schema.org",
89+
"@type": "WebSite",
90+
"name": "WebAITools - Web建站与AI工具导航",
91+
"url": "https://webaitools.net/",
92+
"potentialAction": {
93+
"@type": "SearchAction",
94+
"target": "https://webaitools.net/?s={search_term_string}",
95+
"query-input": "required name=search_term_string"
96+
},
97+
"description": "WebAITools导航 - 精选高质量Web建站工具、AI开发资源、SEO优化方案及关键词研究工具，助力站长高效建站和网站优化，定期更新前沿建站技术与资源。",
98+
"inLanguage": "zh-CN",
99+
"publisher": {
100+
"@type": "Organization",
101+
"name": "WebAITools",
102+
"logo": {
103+
"@type": "ImageObject",
104+
"url": "https://webaitools.net/assets/images/[email protected]"
105+
}
106+
}
107+
}
108+
</script>
109+
110+
<!-- 结构化数据标记 - SiteNavigationElement -->
111+
<script type="application/ld+json">
112+
{
113+
"@context": "https://schema.org",
114+
"@type": "ItemList",
115+
"itemListElement": [
116+
{
117+
"@type": "SiteNavigationElement",
118+
"position": 1,
119+
"name": "需求收集",
120+
"url": "https://webaitools.net/cn/index.html#需求收集"
121+
},
122+
{
123+
"@type": "SiteNavigationElement",
124+
"position": 2,
125+
"name": "关键词调研",
126+
"url": "https://webaitools.net/cn/index.html#关键词调研"
127+
},
128+
{
129+
"@type": "SiteNavigationElement",
130+
"position": 3,
131+
"name": "上站必备",
132+
"url": "https://webaitools.net/cn/index.html#界面灵感"
133+
},
134+
{
135+
"@type": "SiteNavigationElement",
136+
"position": 4,
137+
"name": "竞品调研",
138+
"url": "https://webaitools.net/cn/index.html#平面素材"
139+
},
140+
{
141+
"@type": "SiteNavigationElement",
142+
"position": 5,
143+
"name": "上站模板",
144+
"url": "https://webaitools.net/cn/index.html#常用工具"
145+
},
146+
{
147+
"@type": "SiteNavigationElement",
148+
"position": 6,
149+
"name": "导航站模板",
150+
"url": "https://webaitools.net/cn/index.html#导航站模板"
151+
},
152+
{
153+
"@type": "SiteNavigationElement",
154+
"position": 7,
155+
"name": "资讯部分",
156+
"url": "https://webaitools.net/cn/index.html#资讯部分"
157+
},
158+
{
159+
"@type": "SiteNavigationElement",
160+
"position": 8,
161+
"name": "优秀图片站",
162+
"url": "https://webaitools.net/cn/index.html#优秀图片站"
163+
},
164+
{
165+
"@type": "SiteNavigationElement",
166+
"position": 9,
167+
"name": "SEO友好网站",
168+
"url": "https://webaitools.net/cn/index.html#SEO友好网站"
169+
},
170+
{
171+
"@type": "SiteNavigationElement",
172+
"position": 10,
173+
"name": "关于本站",
174+
"url": "https://webaitools.net/cn/about.html"
175+
}
176+
]
177+
}
178+
</script>
84179
</head>
85180

86181
<body class="page-body">
182+
<!-- 添加图片延迟加载脚本 -->
183+
<script>
184+
document.addEventListener('DOMContentLoaded', function() {
185+
// 图片延迟加载初始化
186+
const observer = lozad('.lozad', {
187+
loaded: function(el) {
188+
el.classList.add('loaded');
189+
}
190+
});
191+
observer.observe();
192+
193+
// 为所有外部链接添加安全属性
194+
const externalLinks = document.querySelectorAll('a[href^="http"]:not([href*="webaitools.net"])');
195+
externalLinks.forEach(function(link) {
196+
// 添加rel属性
197+
if (!link.hasAttribute('rel') || !link.getAttribute('rel').includes('noopener')) {
198+
const currentRel = link.getAttribute('rel') || '';
199+
link.setAttribute('rel', (currentRel + ' noopener noreferrer').trim());
200+
}
201+
202+
// 添加安全提示和跟踪
203+
link.addEventListener('click', function(e) {
204+
// 可选: 跟踪外部链接点击
205+
if (typeof gtag === 'function') {
206+
gtag('event', 'outbound_click', {
207+
'event_category': 'outbound',
208+
'event_label': this.href
209+
});
210+
}
211+
});
212+
});
213+
});
214+
</script>
87215
<!-- skin-white -->
88216
<div class="page-container">
89217
<div class="sidebar-menu toggle-others fixed">
@@ -214,9 +342,35 @@
214342
<!-- <a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a> -->
215343

216344
</nav>
217-
345+
346+
<!-- 添加H1主标题 -->
347+
<h1 class="site-main-title text-center" style="margin: 20px 0; font-size: 28px; color: #555; font-weight: 600;">
348+
Web建站与AI工具导航 - 专业站长资源一站式平台
349+
</h1>
350+
351+
<!-- 添加特色标签 -->
352+
<div class="feature-tags text-center" style="margin-bottom: 15px;">
353+
<span class="label label-success" style="font-size: 14px; margin: 0 5px; padding: 5px 10px;">200+精选工具</span>
354+
<span class="label label-info" style="font-size: 14px; margin: 0 5px; padding: 5px 10px;">每周更新</span>
355+
<span class="label label-warning" style="font-size: 14px; margin: 0 5px; padding: 5px 10px;">专业SEO优化</span>
356+
<span class="label label-danger" style="font-size: 14px; margin: 0 5px; padding: 5px 10px;">一站式建站资源</span>
357+
</div>
358+
359+
<!-- 网站主要价值描述 -->
360+
<div class="site-value-proposition text-center" style="margin-bottom: 30px; padding: 0 15px;">
361+
<p style="font-size: 16px; color: #666; max-width: 900px; margin: 0 auto; line-height: 1.6;">
362+
WebAITools导航为站长、开发者和创作者提供精选的Web建站工具与AI资源，包括需求收集、关键词调研、SEO优化、网站模板和竞品分析等专业工具，助您高效建站并提升网站竞争力。
363+
</p>
364+
</div>
365+
218366
<!-- 需求收集板块 - 收集AI产品和工具的需求信息 -->
219367
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="需求收集"></i>需求收集</h4>
368+
<!-- 添加分类描述 -->
369+
<div class="category-description" style="margin-bottom: 20px;">
370+
<p style="color: #666; font-size: 15px; line-height: 1.5;">
371+
网站建设的第一步是了解目标用户需求和市场趋势。以下工具可帮助您收集和分析用户需求、行业热点和AI应用场景，为您的网站规划提供数据支持和灵感来源。掌握需求是建站成功的关键基础。
372+
</p>
373+
</div>
220374
<div class="row">
221375
<div class="col-sm-3">
222376
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.toolify.ai/Best-AI-Tools-revenue', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.toolify.ai/Best-AI-Tools-revenue">
@@ -254,6 +408,12 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="需
254408

255409
<!-- 关键词调研板块 - AI和科技行业资讯网站 -->
256410
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="关键词调研"></i>关键词调研</h4>
411+
<!-- 添加分类描述 -->
412+
<div class="category-description" style="margin-bottom: 20px;">
413+
<p style="color: #666; font-size: 15px; line-height: 1.5;">
414+
关键词研究是SEO策略的核心，直接影响您网站的搜索可见性与流量。以下工具可帮助您发现高价值关键词、分析竞争难度、了解搜索意图并规划内容策略，为您的网站打造坚实的SEO基础，提升自然流量获取能力。
415+
</p>
416+
</div>
257417
<div class="row">
258418
<div class="col-sm-3">
259419
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://trends.google.com/trends/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://trends.google.com/trends/">
@@ -321,7 +481,12 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="关
321481

322482
<!-- 上站必备板块 - 域名注册和网站基础服务 -->
323483
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="界面灵感"></i>上站必备</h4>
324-
<!-- 第一行：域名查询工具 -->
484+
<!-- 添加分类描述 -->
485+
<div class="category-description" style="margin-bottom: 20px;">
486+
<p style="color: #666; font-size: 15px; line-height: 1.5;">
487+
网站上线前需要准备多种必备工具和资源。这个分类收集了域名注册、主机选择、SSL证书、开发环境搭建等建站基础工具，为您的网站提供稳固的技术基础，确保网站正常运行并具备基本的安全性能，是网站建设的必经之路。
488+
</p>
489+
</div>
325490
<div class="row">
326491
<div class="col-sm-3">
327492
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://leandomainsearch.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://leandomainsearch.com/">
@@ -515,6 +680,12 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="界
515680

516681
<!-- 竞品调研板块 - 网站分析和SEO工具 -->
517682
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="平面素材"></i>竞品调研</h4>
683+
<!-- 添加分类描述 -->
684+
<div class="category-description" style="margin-bottom: 20px;">
685+
<p style="color: #666; font-size: 15px; line-height: 1.5;">
686+
竞品分析是网站定位和规划的重要环节。此分类提供的工具可帮助您分析竞争对手的网站结构、内容策略、流量来源和用户体验等关键要素，从而发现市场空白点、学习成功经验并制定差异化策略，为您的网站建设提供战略指导。
687+
</p>
688+
</div>
518689
<div class="row">
519690
<div class="col-sm-3">
520691
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://aitdk.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://aitdk.com/">
@@ -567,6 +738,12 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="平
567738

568739
<!-- 上站模板板块 - 开源网站模板和框架 -->
569740
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常用工具"></i>上站模板</h4>
741+
<!-- 添加分类描述 -->
742+
<div class="category-description" style="margin-bottom: 20px;">
743+
<p style="color: #666; font-size: 15px; line-height: 1.5;">
744+
精选的网站模板资源可以大幅缩短网站开发周期并确保专业品质。本分类包含各类网站模板资源，涵盖企业官网、博客、电商、作品集等多种类型，支持多种框架和CMS系统，让您快速搭建符合现代设计标准且对SEO友好的网站基础。
745+
</p>
746+
</div>
570747
<div class="row">
571748
<div class="col-sm-3">
572749
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://github.com/openRin/Rin', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://github.com/openRin/Rin">
@@ -837,6 +1014,12 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
8371014

8381015
<!-- 导航站模板板块 - 开源导航站和工具目录 -->
8391016
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="导航站模板"></i>导航站模板</h4>
1017+
<!-- 添加分类描述 -->
1018+
<div class="category-description" style="margin-bottom: 20px;">
1019+
<p style="color: #666; font-size: 15px; line-height: 1.5;">
1020+
导航站是聚合资源和为用户提供便捷导航的重要网站类型。此分类收集了优质导航站模板资源，包括响应式设计、多样的布局选择和强大的分类功能，无论您是创建工具导航、资源导航还是行业门户，都能找到适合的解决方案，快速搭建专业的导航网站。
1021+
</p>
1022+
</div>
8401023
<div class="row">
8411024
<div class="col-sm-3">
8421025
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://github.com/fre123-com/fre123-nav/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://github.com/fre123-com/fre123-nav/">
@@ -951,6 +1134,12 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="导
9511134

9521135
<!-- 资讯部分板块 - AI和技术行业动态 -->
9531136
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="资讯部分"></i>资讯部分</h4>
1137+
<!-- 添加分类描述 -->
1138+
<div class="category-description" style="margin-bottom: 20px;">
1139+
<p style="color: #666; font-size: 15px; line-height: 1.5;">
1140+
保持对行业趋势和技术发展的关注是网站运营者的必备素养。本分类整合了Web技术、人工智能、SEO优化等领域的专业资讯平台，帮助您掌握最新动态、学习前沿技术，为网站持续优化提供知识支持，让您的网站始终走在行业前列。
1141+
</p>
1142+
</div>
9541143
<div class="row">
9551144
<div class="col-sm-3">
9561145
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://liberating-doll-b8a.notion.site/Reddit-1a8e8aed91b18021839ecba8b74e530b', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://liberating-doll-b8a.notion.site/Reddit-1a8e8aed91b18021839ecba8b74e530b">
@@ -1065,6 +1254,12 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="资
10651254

10661255
<!-- 优秀图片站板块 - AI图像生成工具 -->
10671256
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="优秀图片站"></i>优秀图片站</h4>
1257+
<!-- 添加分类描述 -->
1258+
<div class="category-description" style="margin-bottom: 20px;">
1259+
<p style="color: #666; font-size: 15px; line-height: 1.5;">
1260+
高质量的图片资源是提升网站视觉吸引力和专业度的关键元素。本分类精选了免费和付费的优质图片平台，提供丰富的素材库支持您的网站设计需求，包括照片、插画、图标和背景等多种类型，助您打造视觉上令人印象深刻的网站内容。
1261+
</p>
1262+
</div>
10681263
<div class="row">
10691264
<div class="col-sm-3">
10701265
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://ghiblio.art/zh', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://ghiblio.art/zh">
@@ -1132,6 +1327,12 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="优
11321327

11331328
<!-- SEO友好网站板块 - SEO友好的网站示例 -->
11341329
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="SEO友好网站"></i>SEO友好网站</h4>
1330+
<!-- 添加分类描述 -->
1331+
<div class="category-description" style="margin-bottom: 20px;">
1332+
<p style="color: #666; font-size: 15px; line-height: 1.5;">
1333+
SEO优化是提升网站可见性和自然流量的核心策略。本分类收集了在SEO方面表现卓越的网站范例，涵盖结构设计、内容组织、链接策略和技术优化等多个方面，为您提供实践参考和灵感，帮助您构建更符合搜索引擎算法偏好的网站。
1334+
</p>
1335+
</div>
11351336
<div class="row">
11361337
<div class="col-sm-3">
11371338
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://astro-paper.pages.dev/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://astro-paper.pages.dev/">
@@ -1277,6 +1478,49 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="SEO
12771478
<!-- JavaScripts initializations and stuff -->
12781479
<script src="../assets/js/xenon-custom.js"></script>
12791480
<script src="../assets/js/lozad.js"></script>
1481+
1482+
<!-- 工具列表结构化数据 -->
1483+
<script type="application/ld+json">
1484+
{
1485+
"@context": "https://schema.org",
1486+
"@type": "ItemList",
1487+
"itemListElement": [
1488+
{
1489+
"@type": "ListItem",
1490+
"position": 1,
1491+
"item": {
1492+
"@type": "SoftwareApplication",
1493+
"name": "Toolify 榜单",
1494+
"applicationCategory": "分析工具",
1495+
"description": "AI工具排行榜和收入数据",
1496+
"url": "https://www.toolify.ai/Best-AI-Tools-revenue"
1497+
}
1498+
},
1499+
{
1500+
"@type": "ListItem",
1501+
"position": 2,
1502+
"item": {
1503+
"@type": "SoftwareApplication",
1504+
"name": "AI导航站需求列表",
1505+
"applicationCategory": "需求分析工具",
1506+
"description": "AI工具需求和应用场景列表",
1507+
"url": "https://theresanaiforthat.com/requests"
1508+
}
1509+
},
1510+
{
1511+
"@type": "ListItem",
1512+
"position": 3,
1513+
"item": {
1514+
"@type": "SoftwareApplication",
1515+
"name": "大搜罗",
1516+
"applicationCategory": "关键词工具",
1517+
"description": "免费的关键词挖掘工具",
1518+
"url": "https://www.5118.com/"
1519+
}
1520+
}
1521+
]
1522+
}
1523+
</script>
12801524
</body>
12811525

12821526
</html>

0 commit comments

Comments
 (0)