网站备案专用显示页面不同代码 限制区域省级不可见

下面是限制  广东省惠州市  那么惠州的人打开网页是这个效果

优势：备案审核看见的是单页面。而且更大的优势是不影响搜索引擎收录和排名的影响。

只针对真机电脑访问 搜索引擎爬虫不限

如果觉得这个页面难看了 就使用下面的模拟登录界面

除了惠州 包括搜索引擎【不限区域】显示的是运营站

模拟登录界面代码

<html>
<body>
<div class=”login-container”>
<h2>登录</h2>
<div class=”login-form”>
<div class=”form-group”>
<input type=”text” placeholder=”请输入用户名” />
</div>
<div class=”form-group”>
<input type=”password” placeholder=”请输入密码” />
</div>
<button class=”login-btn”>登录</button>
<div class=”form-links”>
<a href=”#”>忘记密码?</a>
<a href=”#”>注册账号</a>
</div>
</div>
</div>
<div class=”beian-container”>
<a href=”https://beian.miit.gov.cn/” target=”_blank”>备案号: 粤B2-20090059-1623A</a>
</div>
<style>
body {
margin: 0;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background-color: #f5f5f5;
position: relative;
}

.login-container {
width: 100%;
max-width: 400px;
padding: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
border-radius: 5px;
background-color: white;
}

.login-container h2 {
text-align: center;
color: #333;
margin-bottom: 30px;
}

.form-group {
margin-bottom: 20px;
}

.form-group input {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
box-sizing: border-box;
}

.login-btn {
width: 100%;
padding: 12px;
background-color: #1890ff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}

.login-btn:hover {
background-color: #40a9ff;
}

.form-links {
margin-top: 15px;
text-align: center;
}

.form-links a {
color: #1890ff;
text-decoration: none;
margin: 0 10px;
font-size: 14px;
}

.form-links a:hover {
text-decoration: underline;
}

.beian-container {
position: fixed;
bottom: 20px;
left: 0;
right: 0;
text-align: center;
}

.beian-container a {
color: #666;
text-decoration: none;
font-size: 20px;
}

.beian-container a:hover {
color: #1890ff;
}
</style>
</body>
</html>