首选符号和触觉图像

在您的 Webflow 网站上使用网站图标和触摸图标。

启动网站时最重要的最后一步就是如何在浏览器的 UI 或移动主屏幕上展示您的网站。

本次会议内容包括:

  1. 象征
  2. 触觉符号
  3. 图片资源
  4. 转移你的符号

象征

大多数浏览器都会使用符号在浏览器标签和书签中标识您的网站。

Google Chrome 窗口包含 google.com、apple.com、youtube.com 和 wikipedia 标签。其中 wikipedia 标签的符号已突出显示。

触觉符号

触觉符号或 Webclips 可用于类似 Safari 书签的位置。

Safari 浏览器窗口包含 12 个触觉符号。维基百科触觉符号已突出显示。

当您的网站链接保存到智能手机的主屏幕时,这些符号也会出现。 

图片资源

准备上传的 Web 符号图像资源时,设计一个 32×32 像素的图像作为符号,并设计一个 256×256 像素的图像作为 Webclip 或触觉符号。

图表包含两个 Webflow 徽标 W 符号。尺寸用箭头和数字指定。在左侧,符号应为 32 像素。
您在这些图像资源中使用的标题将在 HTML 中可见,因此请小心不要在标题中包含任何您不希望被搜索引擎索引的内容。

转移你的符号

图像资源准备就绪后:

  1. 继续 项目设置 > 一般的 标签 > 符号
  2. 转移 你准备的图像
  3. 宣传 您的网站将进行修改并上线
  4. 振兴 在您的浏览器中查看实时网站以查看升级后的符号
麦宜云
Ewan Mak 的最新帖子 (查看全部)