一、通用优化前置:替换默认静态资源CDN加速
EyouCMS默认使用国内较慢的公共CDN,替换后能提升首屏加载速度30%-50%。
操作步骤
1. 登录EyouCMS后台,进入系统管理 → 系统基本参数 → 核心设置
2. 找到网站静态资源CDN地址输入框,将默认值`http://cdn.bootcss.com/`替换为字节跳动CDN:`https://lf3-cdn-tos.bytecdntp.com/cdn/expire-100-M/`
3. 找到编辑器编辑器静态资源CDN地址输入框,默认值同样替换为上方字节CDN地址
4. 点击保存按钮,后台会自动更新全站引用
5. 进入后台清空缓存,确认所有静态文件生效
二、首页标题元标签专属优化
产品站首页是SEO核心入口,EyouCMS默认标题含冗余后缀,需精准配置。
操作步骤
1. 登录后台,进入系统管理 → 系统基本参数 → SEO设置
2. 修改网站首页标题(仅纯中文+空格+品牌词,控制在30字内搜索引擎权重最高),比如:`智能厨房电器产品展示 安全环保厨电品牌官网`
3. 网站首页关键词用中文逗号分隔3-5个核心词,比如:`智能厨房电器,安全厨电,厨电品牌官网`
4. 网站首页描述控制在70-100字,包含核心词+优势+联系方式(可选),比如:`专业智能厨房电器生产厂家,提供集成灶、洗碗机、消毒柜等安全环保厨电产品,定制批发服务热线400-XXXX-XXXX`
5. 点击保存,清空缓存
三、产品列表页URL伪静态+数字编号
EyouCMS默认动态URL不利于SEO,伪静态后添加数字编号能提升爬取效率。
操作步骤
1. 进入后台系统管理 → 系统基本参数 → 核心设置
2. 勾选开启伪静态
3. 点击上方伪静态规则管理,找到产品模型的默认规则:
```
/product/{dirname}_{page}.html
```
4. 点击编辑,替换为带编号的数字ID规则:
```
/product/{aid}_{page}.html
```
5. 如果是Apache服务器,需确认网站根目录有`.htaccess`文件,内容如下(无则新建):
```apache
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.)$ index.php?s=$1 [QSA,PT,L]
```
6. 如果是Nginx服务器,需联系服务商或自行修改配置文件,添加:
```nginx
location / {
if (!-e $request_filename){
rewrite ^(.)$ /index.php?s=$1 last; break;
}
}
```
7. 保存配置,清空缓存,测试伪静态是否生效
四、产品详情页结构化数据优化
结构化数据能让搜索引擎快速识别产品信息,获得展示橱窗机会。
操作步骤
1. 登录后台,进入模板管理 → 模板文件管理
2. 找到产品详情页模板`view/product/view.html`,点击编辑
3. 在模板顶部``标签前,插入以下可直接复制的结构化数据代码(参数会自动调用后台数据):
```html
```
4. 点击保存,清空缓存,用Google Rich Results Test工具(https://search.google.com/test/rich-results)验证是否生效
五、全站图片自动添加懒加载+Alt标签
懒加载能减少首屏带宽消耗,Alt标签提升图片SEO和可访问性。
操作步骤
1. 进入模板管理 → 标签库管理,找到`lib_arclist.lib.php`(内容列表调用标签)和`lib_article.lib.php`(内容详情调用标签),分别点击编辑
2. 在`lib_arclist.lib.php`中,找到`$picurl`变量输出的img标签部分,替换为:
```php
'

'
```
3. 在`lib_article.lib.php`中,找到`$content`变量,替换前添加以下处理代码(自动给详情页图片加Alt和懒加载):
```php
// 自动添加Alt标签(标题为空则用分类名)
$alt = empty($title) ? $typename : $title;
// 自动添加懒加载属性
$content = preg_replace('/
![]()
]?)src=([\'"])([^\'"]+?)\2([^>]?)>/i', '
!['.$alt.']()
', $content);
```
4. 保存两个标签库文件,清空缓存
5. 下载layzr.js轻量级懒加载库(https://cdn.jsdelivr.net/npm/layzr.js@2.2.2/dist/layzr.min.js),上传到网站根目录`public/static/js/`文件夹
6. 在`view/public/header.html`模板的``前,添加:
```html
```
六、首页产品轮播图尺寸自动适配
EyouCMS默认轮播图可能在移动端变形,需添加响应式CSS。
操作步骤
1. 进入模板管理 → 模板文件管理,找到首页模板`view/index/index.html`
2. 找到轮播图的img标签外层div,添加自定义类名`eyou-product-slider`
3. 在`view/public/header.html`模板的``前,插入以下可直接复制的响应式CSS:
```html
```
4. 保存模板,清空缓存
七、产品咨询表单自动验证必填项
避免无效咨询,提升用户体验和客服效率。
操作步骤
1. 进入后台模板管理 → 自定义表单管理,找到产品咨询表单(如果没有新建一个,字段选姓名、电话、邮箱、咨询内容、产品型号下拉框)
2. 点击该表单的模板按钮,进入编辑
3. 在表单HTML代码中的`
`标签后,添加以下可直接复制的验证JS:
```html
```
5. 保存模板,清空缓存,测试验证功能
八、移除后台不必要的组件
后台精简能提升加载速度,避免误操作。
操作步骤
1. 登录后台,进入系统管理 → 系统功能开关
2. 产品站常用功能留:内容管理(产品、文章、自定义表单)、系统管理、模板管理、插件管理(可选)
3. 关闭:会员管理、留言板管理、专题管理、友情链接管理、广告管理(如果不需要)、投票管理、评论管理
4. 点击保存,刷新后台即可看到精简界面
九、开启全站GZIP压缩
开启后能压缩HTML、CSS、JS文件大小60%-80%,提升加载速度。
操作步骤
1. 如果是Apache服务器,在根目录`.htaccess`文件中添加:
```apache
AddOutputFilterByType DEFLATE text/html text/plain text/css text/xml application/json application/javascript application/x-javascript
```
2. 如果是Nginx服务器,修改配置文件,在`http`块或`server`块中添加:
```nginx
gzip on;
gzip_vary on;
gzip_min_length 1k;
gzip_comp_level 6;
gzip_types text/plain text/css text/xml application/json application/javascript application/x-javascript image/svg+xml;
```
3. 保存配置,重启服务器,用GTmetrix工具(https://gtmetrix.com/)验证是否生效
十、定期清理后台日志缓存
避免日志缓存占用服务器空间,影响系统性能。
操作步骤
1. 进入后台系统管理 → 系统工具 → 日志管理,全选日志,点击删除
2. 进入后台系统管理 → 系统工具 → 缓存管理,全选缓存类型,点击清空
3. 建议每周清理一次日志缓存,每天清空一次页面缓存