专业的sem优化

网站富文本编辑器插入的图片无法居中显示

1. 检查编辑器的图片对齐功能是否正常，无按钮失效；2. 修复图片插入后的 HTML 标签，添加 align="center" 或对应的 CSS 类；3. 核实网站全局 CSS 是否覆盖了图片的对齐样式；4. 手动编辑 HTML 源码，调整图片容器的对齐方式

网站内容可读性差，用户体验不佳

1. 选择易读字体（如微软雅黑、Roboto），字体大小不小于 14px；2. 提高文字与背景的对比度（建议不低于 4.5:1）；3. 拆分长段落，每段不超过 3 行，用标题 / 列表分隔；4. 适当添加图片，提升内容趣味性

网站页面滚动时元素错位或抖动

1. 检查 CSS 定位属性（如 position: fixed）是否正确，避免滚动时偏移；2. 修复滚动事件监听逻辑，避免频繁修改 DOM 导致回流；3. 确保元素宽高固定，或使用 flex/grid 布局适配滚动；4. 处理移动端滚动穿透问题，避免弹窗滚动影响背景

网站表单提交后跳转页面 404

1. 检查跳转 URL 是否正确，无拼写错误、路径错误；2. 核实跳转页面是否存在，未被删除或移动；3. 修复表单提交后的跳转逻辑，确保 URL 拼接正确；4. 配置 301 重定向，将无效 URL 指向正确页面

网站第三方登录后用户信息与本地账号不一致

1. 检查用户信息同步逻辑，是否将第三方信息更新到本地账号；2. 修复信息匹配规则（如按手机号、邮箱关联）；3. 核实是否允许用户手动修改同步后的信息；4. 显示信息同步结果，让用户确认是否更新

网站音频播放时进度条无法拖动

1. 检查音频播放器插件是否支持进度条拖动功能；2. 修复进度条事件监听，确保拖动时更新播放位置；3. 核实音频文件是否支持 seek 操作（如部分流媒体不支持）；4. 更换兼容性更好的音频播放器插件

网站 WebSocket 接收消息乱码

1. 检查消息编码格式，确保前后端一致（如 UTF-8）；2. 修复消息解码逻辑，避免二进制数据与文本数据混淆；3. 核实服务器发送的消息是否正确序列化；4. 处理特殊字符转义，避免解码错误

网站 WebSocket 连接失败，实时功能失效

1. 检查 WebSocket 服务是否正常启动，端口是否开放；2. 核实连接 URL 是否正确（ws:///wss://）；3. 修复防火墙规则，允许 WebSocket 连接；4. 增加重连机制，处理连接断开情况