一、网站根目录（核心顶层文件）

• index.html：手机网站首页入口文件，全站默认访问主页，经过移动端适配优化，适配各类手机屏幕尺寸，是权重最高的页面。
• favicon.ico：移动端网站图标，浏览器标签、收藏页展示，提升网站辨识度，需适配移动端高清屏尺寸。
• robots.txt：搜索引擎抓取规则文件，控制爬虫抓取移动端页面、屏蔽无效目录，优化移动端SEO收录效果。
• 404.html：移动端专属404错误页面，适配手机屏幕，避免页面错乱，提升用户体验与网站容错性。
• .htaccess：服务器配置文件，用于移动端伪静态设置、页面跳转、压缩缓存配置，优化手机端访问速度。
• sitemap.xml：移动端网站地图，提交给搜索引擎，助力全站页面快速收录，适配移动端搜索排序规则。

二、静态资源目录（移动端专属优化）

1. /css 样式目录（移动端适配核心）

• reset.css：移动端样式重置文件，统一各类手机浏览器默认样式，消除适配差异。
• main.css：网站核心通用样式，包含全局布局、导航、按钮、文字等基础移动端样式。
• adapt.css：屏幕适配样式，适配安卓、iOS各类尺寸手机，实现响应式布局。
• page.css：各页面专属样式，按需拆分，避免样式冗余，减少移动端加载体积。

2. /js 脚本目录（轻量化交互）

• common.js：通用工具脚本，包含弹窗、返回顶部、下拉刷新、移动端适配检测等基础功能。
• index.js：首页专属交互脚本，控制首页轮播、图文切换、菜单展开等移动端特效。
• utils.js：辅助功能脚本，包含表单验证、图片懒加载、适配分辨率判断等轻量化工具函数。
• page.js：各内容页面专属脚本，按需加载，降低移动端运行内存占用。

3. /images 图片资源目录（移动端压缩适配）

• logo/：存放网站移动端logo、品牌图标，适配高清屏，保证显示清晰。
• banner/：存放首页轮播图、移动端横幅海报，尺寸适配手机全屏比例。
• icon/：存放移动端按钮图标、功能小图标，采用轻量化png、svg格式。
• content/：存放文章、产品、资讯等内容配图，统一压缩尺寸，适配移动端浏览。
• bg/：存放页面背景图、装饰素材，杜绝超大体积图片，避免加载卡顿。

4. /font 字体目录

三、页面模块目录（移动端核心页面）

• /about 关于我们：包含企业简介、发展历程、团队介绍、资质荣誉等移动端适配页面。
• /product 产品中心：产品分类、产品详情、产品参数、案例展示页面，适配手机竖屏浏览布局。
• /news 新闻资讯：行业资讯、企业动态、公告通知列表及详情页，优化移动端文字排版。
• /service 服务项目：服务介绍、服务流程、售后保障等专属页面。
• /case 案例展示：项目案例、成功案例列表与详情页面，适配移动端图片预览效果。
• /contact 联系我们：联系方式、在线留言、地图定位、咨询表单页面，适配手机触控操作。

四、辅助功能目录（建站必备）

• /upload 上传目录：存放后台上传的图片、文件、素材，用于动态更新网站内容，设置访问权限，禁止直接外链访问。
• /include 公共引用目录：存放移动端通用公共模块，如头部导航、底部版权、侧边菜单、通用弹窗等，统一调用，减少代码冗余。
• /static 静态缓存目录：存放打包压缩后的静态资源，用于移动端页面缓存优化，二次访问提速。
• /admin 后台管理目录：移动端网站专属后台，用于页面内容更新、素材上传、数据管理，默认隐藏访问路径，保障网站安全。

五、手机网站目录搭建核心规范

1. 层级精简：严格遵循三级以内层级结构（根目录-一级目录-二级文件），避免深层嵌套，提升搜索引擎抓取效率与页面访问速度。
2. 轻量化原则：所有资源文件精简压缩，剔除PC端冗余代码、超大素材，适配移动端低网速、小内存运行环境。
3. 命名规范：全部采用小写英文、下划线命名，杜绝中文、特殊符号，兼容各类移动端服务器与浏览器。
4. 适配优先：目录与文件均为移动端专属，不直接复用PC端目录结构，重点保障响应式适配、触控交互、加载速度三大核心体验。
5. 安全规范：上传目录、后台目录设置权限隔离，禁止公开访问，防止恶意上传、非法入侵，保障移动端网站稳定运行。