LingYunFrp-Panel-Frontend/index.html at master · YCLY-IT/LingYunFrp-Panel-Frontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- 基础SEO Meta标签 -->
    <meta
      name="keywords"
      content="内网穿透,FRP服务,隧道管理,端口映射,内网映射,凌云FRP,网络穿透,云创联跃,内网穿透工具,FRP客户端,内网映射服务,端口转发,远程访问,内网服务器,网络代理,内网穿透软件,FRP面板,内网穿透平台,内网穿透解决方案,内网穿透服务商"
    />
    <meta
      name="description"
      content="凌云FRP提供快速、稳定、安全、易用的内网穿透服务，支持HTTP/HTTPS/TCP/UDP等多种协议，安全稳定的隧道管理平台。专业的内网穿透解决方案，让您的内网服务轻松暴露到公网。"
    />
    <meta name="author" content="云创联跃IT团队" />
    <meta name="robots" content="index, follow" />
    <meta name="googlebot" content="index, follow" />
    <meta name="baiduspider" content="index, follow" />
    <meta name="360Spider" content="index, follow" />
    <meta name="sogou spider" content="index, follow" />

    <!-- Open Graph Meta标签 (Facebook, LinkedIn等) -->
    <meta
      property="og:title"
      content="凌云FRP - 快速、稳定、安全、易用的内网穿透服务"
    />
    <meta
      property="og:description"
      content="凌云FRP提供快速、稳定、安全、易用的内网穿透服务，支持HTTP/HTTPS/TCP/UDP等多种协议，安全稳定的隧道管理平台。"
    />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://www.lyfrp.cn" />
    <meta property="og:image" content="https://www.lyfrp.cn/favicon.png" />
    <meta property="og:image:width" content="256" />
    <meta property="og:image:height" content="256" />
    <meta property="og:site_name" content="凌云FRP" />
    <meta property="og:locale" content="zh_CN" />

    <!-- Twitter Card Meta标签 -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="凌云FRP - 专业内网穿透服务" />
    <meta
      name="twitter:description"
      content="快速、稳定、安全、易用的内网穿透服务，支持多种协议，安全稳定的隧道管理平台。"
    />
    <meta name="twitter:image" content="https://www.lyfrp.cn/favicon.png" />
    <meta name="twitter:site" content="@lyfrp" />
    <meta name="twitter:creator" content="@lyfrp" />

    <!-- 移动端优化 -->
    <meta name="format-detection" content="telephone=no" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta
      name="apple-mobile-web-app-status-bar-style"
      content="black-translucent"
    />
    <meta name="apple-mobile-web-app-title" content="凌云FRP" />
    <link rel="apple-touch-icon" href="/favicon.png" />

    <!-- 主题色 -->
    <meta name="theme-color" content="#1890ff" />
    <meta name="msapplication-TileColor" content="#1890ff" />

    <!-- 安全相关 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="referrer" content="strict-origin-when-cross-origin" />

    <!-- 网站地图 -->
    <link
      rel="sitemap"
      type="application/xml"
      title="Sitemap"
      href="/sitemap.xml"
    />

    <!-- 结构化数据 -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebApplication",
        "name": "凌云FRP",
        "description": "快速、稳定、安全、易用的内网穿透服务，支持HTTP/HTTPS/TCP/UDP等多种协议",
        "url": "https://www.lyfrp.cn",
        "applicationCategory": "网络工具",
        "operatingSystem": "Windows, macOS, Linux",
        "offers": {
          "@type": "Offer",
          "price": "0",
          "priceCurrency": "CNY"
        },
        "provider": {
          "@type": "Organization",
          "name": "云创联跃IT团队",
          "url": "https://www.ycly.net"
        },
        "featureList": [
          "内网穿透",
          "隧道管理",
          "端口映射",
          "HTTP/HTTPS支持",
          "TCP/UDP支持",
          "安全加密",
          "实时监控"
        ]
      }
    </script>

    <!-- 组织信息结构化数据 -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "云创联跃IT团队",
        "url": "https://www.lyfrp.cn",
        "logo": "https://www.lyfrp.cn/favicon.png",
        "description": "专业的IT技术服务团队，提供内网穿透、网络解决方案等服务",
        "contactPoint": {
          "@type": "ContactPoint",
          "contactType": "customer service",
          "availableLanguage": "Chinese"
        }
      }
    </script>

    <title>
      凌云FRP - 快速、稳定、安全、易用的内网穿透服务 | 安全稳定的隧道管理平台 |
      支持HTTP/HTTPS/TCP/UDP等多种协议 | 云创联跃IT团队
    </title>
  </head>
  <body>
    <div id="app"></div>

    <!-- 无JavaScript时的备用内容 -->
    <noscript>
      <div
        style="
          text-align: center;
          padding: 50px;
          font-family: Arial, sans-serif;
        "
      >
        <h1>凌云FRP - 内网穿透服务</h1>
        <p>
          很抱歉，您的浏览器禁用了JavaScript。凌云FRP需要JavaScript才能正常运行。
        </p>
        <p>请启用JavaScript后刷新页面，或联系我们的技术支持团队获取帮助。</p>
        <p>
          技术支持：<a href="mailto:1263115878@qq.com">1263115878@qq.com</a>
        </p>
      </div>
    </noscript>

    <!-- 隐藏的SEO内容 -->
    <div style="display: none">
      <h1>凌云FRP - 专业内网穿透服务</h1>
      <h2>快速、稳定、安全、易用的内网穿透解决方案</h2>
      <p>
        凌云FRP是云创联跃IT团队开发的专业内网穿透服务，支持HTTP、HTTPS、TCP、UDP等多种协议，为用户提供安全稳定的隧道管理平台。
      </p>
      <h3>主要功能</h3>
      <ul>
        <li>内网穿透：轻松将内网服务暴露到公网</li>
        <li>隧道管理：可视化的隧道配置和管理</li>
        <li>端口映射：灵活的端口转发设置</li>
        <li>安全加密：数据传输全程加密保护</li>
        <li>实时监控：隧道状态实时监控</li>
        <li>多协议支持：HTTP、HTTPS、TCP、UDP、STCP、XTCP</li>
      </ul>
      <h3>应用场景</h3>
      <ul>
        <li>远程办公：随时随地访问内网资源</li>
        <li>开发测试：本地服务快速部署测试</li>
        <li>游戏联机：内网游戏服务器公网访问</li>
        <li>监控系统：内网监控设备远程访问</li>
        <li>文件共享：内网文件服务器公网访问</li>
      </ul>
    </div>

    <script type="module" src="./src/main.ts"></script>
    <script>
      // 检测是否支持ES Module
      if (!('noModule' in document.createElement('script'))) {
        alert('您的浏览器不支持ES Module，请升级浏览器版本或使用其他浏览器。')
        window.location.href = 'https://www.microsoft.com/zh-cn/edge/download'
      }
    </script>
    <script charset="UTF-8" id="LA_COLLECT" src="/js/la.js"></script>
    <script>
      LA.init({
        id: '3MYttaE5F5kzUqrF',
        ck: '3MYttaE5F5kzUqrF',
        hashMode: true,
      })
    </script>
  </body>
</html>