标签 | 内容 | 内容长度 | 优化建议 |
---|---|---|---|
网页标题(Title) | 404 错误 | 6 个字符 | 标题字符数量在合理范围 |
网页关键词(KeyWords) | 关键字,获取失败 | 0 个字符 | 关键字数在合理范围 |
内容描述(Description) | 内容描述,获取失败 | 0 个字符 | 描述内容长度在合理范围 |
检测时间 | 2024-12-24 00:04:29 |
服务器IP | 101.206.70.252 |
返回状态码 | 404 |
网页返回HEAD信息 | HTTP/1.1 302 Moved Temporarily Server: **** Date: Mon, 23 Dec 2024 16:06:40 GMT Content-Type: text/html Content-Length: 137 Connection: keep-alive Location: https://www.gavtc.cn/default.html HTTP/1.1 404 Not Found Server: **** Date: Mon, 23 Dec 2024 16:06:40 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: keep-alive ETag: W/"65eff806-cdf" Content-Encoding: gzip |
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 错误</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background: linear-gradient(to right bottom, #f7f7f7, #ffffff);
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
color: #333;
overflow: hidden; /* 防止页面滚动 */
}
.error-container {
background-color: #fff;
border-radius: 15px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
display: flex;
flex-direction: column;
align-items: center;
padding: 50px 30px;
text-align: center;
max-width: 600px;
width: 100%;
position: relative; /* 为按钮定位做准备 */
}
.error-title {
font-size: 32px;
font-weight: 600;
margin-bottom: 20px;
color: #222;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.error-message {
font-size: 20px;
line-height: 1.6;
margin-bottom: 30px;
color: #555;
}
.button {
background-color: #fff;
border: none;
cursor: pointer;
font-size: 18px;
font-weight: bold;
color: #999;
outline: none;
padding: 12px 24px;
border-radius: 50px; /* 圆形按钮 */
transition: background-color 0.2s ease, color 0.2s ease;
text-decoration: none; /* 移除下划线 */
}
.button:hover {
background-color: #f0f0f0;
color: #333;
}
.error-icon {
font-size: 80px;
color: #e74c3c;
margin-bottom: 30px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
/* 响应式调整 */
@media (max-width: 600px) {
.error-container {
padding: 40px 20px;
}
.error-title {
font-size: 28px;
}
.error-message {
font-size: 18px;
}
.error-icon {
font-size: 60px;
}
}
</style>
</head>
<body>
<div class="error-container">
<i class="error-icon">✐</i> <!-- 使用Unicode字符表示错误图标 -->
<h1 class="error-title">404 错误</h1>
<p class="error-message">哎呀,你访问的页面走丢了。</p>
<a href="/" class="button">返回首页</a> <!-- 应用了新的按钮样式 -->
<!-- 移除了关闭按钮,以避免用户误操作 -->
</div>
</body>
</html>
为您提供网页信息检测查询,可以快速检测网页的META标签,分析标题、关键词、描述等是否符合搜索引擎收录规范 。