针对移动设备优化网站

针对移动设备优化网站

调整网站布局和内容

如果您遵循以下建议,网站在移动设备上看起来效果会更好:

  • 在页面的顶部放置导航菜单和搜索模块。
  • 在页面的顶部不要使用大横幅。
  • 将主要内容放置于靠近页面顶部的位置。
  • 不要使用侧边栏。
  • 确保内容有一个清晰的结构和独特的标题。
  • 不要在文本中插入宽的图片和表格。
  • 不要在背景中使用图像。
  • 不要使用固定(明确定义的)宽度的容器。
  • 不要使用装饰,如边框、阴影和角。
  • 尽量只使用 文本与图像 模块。
  • 避免使用第二级和第三级页面。
  • 尝试保持尽可能小的图片,无论是从以像素为单位的图像尺寸还是从文件大小。 
打开和关闭移动优化

当用户通过移动设备访问网站,Presence Builder 会自动调整网站布局和导航,以适应小屏幕。它还会增加链接到网站,从而使用户能够在移动和常规网站版本之间进行切换。

如果您想要关闭这些自动优化,且无论使用什么设备查看都显示相同的网站版本,请转到 设置 标签 > 高级,并清除 启用移动端优化 复选框。

在移动设备上预览网站

如果您想查看您的网站在移动设备上的显示效果,打开 发布 按钮旁边的菜单,并选择 移动预览

请注意,虽然移动预览会显示受密码保护的页面,而没有提示指定用户名和密码,但访问者在实际的移动网站上将需要指定凭据才能访问受保护的页面。