浏览器标题和图标、网站标题和logo的设置教程

一、功能效果

浏览器图标和标题、网站标题是展示给客户看的标识,而logo又是树立企业形象的好工具,设置好这三个方面,对企业网站的形象宣传,起到积极作用。

二、功能说明

【版本】网站标题、logo以及浏览器标题任意版本均支持设置

【注意】浏览器图标/后缀为建站中级版及以上版本功能

三、设置教程

1.浏览器标题

1.1 进入电脑版网站设计页面后,点击左侧导航【设置-基础设置-全站设置】,在【浏览器标题】里输入标题内容。

(此处为全站设置,即对整个网站所有页面都生效)

1.2 如需单独设置某个页面的浏览器标题,可进入对应页面后,点击【设置-基础设置-页面设置】的独立设置,勾选【独立设置浏览器标题】后,自定义该页面的浏览器标题。

 

2. 浏览器图标

浏览器图标应用及制作方式:点击查看

3.浏览器后缀

拼接规则:

▶主要栏目:栏目+浏览器名称,首页不做拼接。

▶文章、产品:文章/产品名称+浏览器名称。

3.1 在电脑网站设计页面左侧导航点击【设置-基础设置】将【浏览器后缀】点击显示,然后自定义后缀信息。

3.2 效果对比

3.3 产品、文章独立后缀

在管理后台【百度优化-TDK设置-网站TDK设置】中将【产品浏览器标题后缀】/【文章浏览器标题后缀】点击显示,并输入标题后缀。

4. 网站标题与logo

4.1 网站标题

① 进入电脑版网站设计页面,点击导航左侧【设置-基础设置-全站设置】按钮,在基础组件中,勾选开启【网站标题】一项,勾选后在页面出现标题和logo的设计模块。

② 双击网站标题自定义输入标题内容,点击【添加logo】(建议png格式)。调整排版后点击保存。

③ 支持单独保留网站标题或网站logo,支持设置网站标题样式,包括加粗、斜体、下划线、字号等。如下图:

4.2 网站logo

① 支持添加多种图片格式,建议logo图片使用png格式,图片大小需不超过1MB。

② 添加logo后,可对logo设置链接、固定logo、添加图片描述。

如何在横幅添加合适的图片

一、功能效果

在不同分辨率的电脑上查看相同的网站横幅,可能会出现图片有差异的效果,那么我们可以用到横幅的缩放功能,使横幅观看效果更好。

二、功能说明

【版本】暂无版本限制

【注意】当使用缩放功能功能,在不同的分辨率电脑下查看,图片会有少许差异。

三、设置教程

1. 横幅区点击“编辑横幅-高级-图片缩放”可以设置缩放的效果。

2. 缩放有四种效果。

 

缩放,铺满:此功能效果是保证图片在横幅区可以填充满,不出现留白,但是有可能会出现截取一部分的情况。

缩放,适应高度:上传的横幅图片高度会被完整展示。

缩放,适应宽度:上传的横幅图片宽度会被完整展示。

不缩放:按照图片的原图尺寸显示

如何修改浏览器/网站图标?

一、功能介绍

浏览器图标,也叫作浏览器头像、网站头像,即Favicon。在网站建设的过程中,为网站打造一个契合网站主题的个性化标志是十分重要的。设置浏览器头像可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。设置好浏览器头像无疑对树立网站的品牌形象大有帮助。

二、功能说明

【版本】建站中级版及以上版本

三、设置教程

1. 浏览器图标设置入口

1.1 电脑网站

进入电脑网站设计页面,点击【设置-基础设置-浏览器图标】“添加图片”选项,然后进行添加浏览器图标。

 

1.2 自适应网站

自适应模板与电脑网站同理,进入网站(仅有电脑版)设计页面中,点击【设置-基础设置】,在浏览器图标处点击【添加图片】。

1.3 手机网站

进入手机网站设计页面,点击【设置-高级设置】,勾选开启“开启网站图标(Favicon)”,点击设置进行上传图标。

2. 上传图标图片

2.1 在弹窗内点击“直接上传”按钮,即可上传图片,上传成功后点击“确定”按钮。保存一下再刷新网页,网站头像就成功设置了。

注意:添加的图片格式必须为ico,并且大小不超过1MB。

3. 如何制作ico格式图片?(仅提供参考)

3.1 在浏览器中输入“ico”关键词进行搜索,可以搜到很多制作ico格式图片的网站,操作很简单,只将需要转化为ico格式的图片上传,点击转换格式即可。

3.2 也可以找到提供ico图标下载的图片素材网站,直接下载ico格式图片。

临时关闭网站和404设置有什么作用?

一、功能介绍

1. 临时关闭网站有什么用?

当站长们在建设网站时,不想让未完成的网站被客户看到,这个时候就可以启用“临时关闭网站”功能。设置提示语后用户访问网站会显示设置的提示语。例如:网站建设中,敬请期待…

 

2. 什么是404页面?

HTTP 404或NOT FOUND错误信息代表当在浏览网页时,服务器无法正常提供信息,网页未找到。

 

3. 自定义404页面的作用?

自定义编辑您的专属404页面,不仅可以使404页面更加美观,而且对SEO优化有十分大的作用。

(注意:如果是因为服务器问题而打不开网站的话是不会出现该页面的)

 

4. 临时关闭网站和404设置的区别?

当临时关闭网站时,搜索引擎仍然会对网站进行抓取,设置404返回码后,就相当于告知搜索引擎停止对网站网页的抓取并屏蔽已收录网页。如果不设置404返回码,那么当搜索引擎访问网站不成功,网站很有可能会被判为死链,会影响网站的收录和展现。

二、功能说明

【版本】临时关闭网站为网站中级版及以上版本功能

编辑404页面为网站高级版及以上版本功能

 

【效果】启用404页面,访问某些服务器无法正常提供信息或内容不存在的页面(又称死链)可自动跳转404页面,提升用户体验。

1. 删除产品、文章后没有内容的详情页,在访客访问时也会跳转404页面

2. 自定义编辑一个美观的404页面对seo优化有重要作用


三、设置教程

1. 临时关闭网站

1.1 在电脑网站设计页面点击左侧导航【设置-高级设置】,将【临时关闭网站】功能勾选,勾选后出现设置按钮,点击【设置】进入编辑访问网站的提示语。

1.2 访问显示效果。

 

2. 编辑404页面

【注意】备案中的域名不支持自定义404页面。

2.1 管理后台【百度优化-404】中启用并编辑404页面。

(可以自定义编辑404页面的显示内容,包括上传图片、文字、视频、超链接等等)

2.2 在电脑网站设计页面也有快捷编辑入口。如下图:

2.3 手机网站设计页面快捷编辑入口。

3. 如何处理已被百度收录的死链

3.1 下载死链模版。

3.2 上传到虚拟根目录

3.3 站长前往站长平台提交死链文件: https://ziyuan.baidu.com/badlink/index 。

ps:依照上图位置粘贴虚拟根目录中的死链文件链接后点击提交即可。

四、常见问题

Q:是否可以让百度蜘蛛不抓取网站的404页面?

A:可以先获取404页面的链接,然后提交一下搜索引擎死链或者在网站后台的虚拟根目录里面添加robots文件做个协议禁止抓取。

如何开启会员登录条?

一、功能介绍

建站会员登录模块占的面积太大了,想要精简放小成一个小栏目,那么你需要设置【会员登录条】。

二、功能说明

【版本】暂无版本限制

三、设置教程

1. 在电脑网站设计页面点击左侧导航【设置-基础设置】,在常见组件中勾选【会员登录条】,勾选后点击右侧的【设置】选项,编辑会员登录条显示内容。

2. 会员登录条提供2种样式可供选择(黑底/白底)

支持自定义编辑显示内容。排序、设置隐藏、编辑或删除。

3. 可自定义添加项,自定义项添加个数不可超过10个,可自定义设置跳转,支持多种跳转链接类型。

注意:显示项(含默认项)不可超过10个。

4. 确定之后,它就会呈现在网站顶部了,非常方便而且不碍地方。

禁止鼠标右键功能介绍

一、功能效果

使用场景:网站的内容不希望被同行或竞争对手等通过复制的方式使用。

功能效果:开启功能后,访客在电脑上将无法通过右键菜单复制网站内容。

二、功能说明

【版本】网站中级版及以上版本

【注意】禁止右键的功能开启后,会影响鼠标右键会出现的功能的使用,请结合网站实际情况选择是否开启该功能

三、开启位置

1. 在电脑网站设计页面点击【设置-高级设置】,将【禁止鼠标右键】勾选即可,记得点击保存哦。

网站首页变灰功能介绍

一、功能效果

用于配合全国哀悼日、重大灾难日等需要进行哀悼的节日。仅在访客态有效。

二、功能说明

【版本】网站中级版及以上版本

三、设置教程

1. 在电脑网站设计页面左侧导航点击【设置-高级设置】,勾选【网站首页变灰】。

2. 勾选完功能后要记得点击保存,保存后设计页面不会有变化,需要在访客态下才会有效果。

(关闭变灰效果后同样需要进行保存)

webp图片优化功能介绍

一、功能效果

开启Webp图片优化功能可对图片做高性能优化,提高图片加载速度。

 

什么是 WebP?

WebP(发音 weppy,项目主页),是一种支持有损压缩和无损压缩的图片文件格式,派生自图像编码格式 VP8。根据 Google 的测试,无损压缩后的 WebP 比 PNG 文件少了 45% 的文件大小,即使这些 PNG 文件经过其他压缩工具压缩之后,WebP 还是可以减少 28%的文件大小。

二、功能说明

【版本】无版本限制

三、操作教程

建站电脑网站提供webp优化选项,该功能是默认开启的,可选择关闭。

如何取消?

在电脑网网站设计页面左侧导航点击【设置-高级设置】,将【webp图片优化】功能取消勾选即可(记得保存)。

网站侧栏功能介绍

一、功能效果

 

常见于页面两侧的侧边栏设计,已经成了许多独树一帜的站长的选择了。作为导航栏,它常驻式的设计,让它的功能性更强。如果你的导航是用户流程中非常重要的存在,那么侧边栏导航是个不错的选择。

二、功能说明

【版本】无版本限制

三、设置教程

1. 开启网站侧栏

在电脑网站设计页面左侧导航点击【设置-基础设置-常见组件】,将【网站侧栏】功能勾选,勾选后点击【设置】按钮。

2. 设置网站侧栏

点击添加项添加新的网站侧栏项(最多支持自定义添加3个),根据实际需求添加即可。

在【网站侧栏】弹窗设置显示内容。设置侧栏项是否显示、给侧栏项排序、编辑侧栏项内容/图标,自定义添加项支持删除。

设置完成后点击保存即可。

网站顶部广告功能介绍

一、功能效果

你们知道在网站建设中,网站如何做才能实现盈利吗?就是我们常见的网站广告。而很多时候我们看见广告的放置地方,都是在网站的顶部,因为用户进入网站后容易看到的地方,也是比较容易给广告带来点击量。

二、功能说明

【版本】无版本限制

三、设置教程

1. 开启功能

1.1 在电脑设计页面点击左侧导航【设置-基础设置-常用组件】,勾选【网站顶部广告】。

1.2 点击【设置】按钮,在顶部广告弹窗中设置广告展示的页面,可选全部页面展示或仅首页展示。支持自定义高度和背景,根据您的实际需求设置即可。

2. 添加内容

2.1 在模块面板中拖动模块添加到顶部广告中。(此处使用了三个常见模块,如设计好广告图的可以直接使用图片模块上传广告图即可)。

2.2 给模块添加内容,根据个人需求调整模块样式、摆放位置。

3. 关闭说明

3.1 右上角有关闭按钮,访客可点击关闭,关闭后若不刷新页面则不会重新出现。

网站底部浮层功能介绍

一、功能效果

我们平常浏览网站,会发现一些网站的底部,会悬浮着一个模块元素,这个就是底部浮层。

底部浮层可以帮助网站暂时性地展示重要信息或公告,同时支持关闭,不会妨碍用户正常浏览网站。

二、功能说明

【版本】无版本限制

三、设置教程

1. 开启功能

1.1 在电脑网站设计页面左侧导航点击【设置-基础设置-常见组件】,勾选【网站底部浮层】开启功能。

1.2   样式选择

① 样式能让自由收起和显示,并暂时隐藏在左下角,适合用于尽可能地腾出更多浏览画面。

② 样式同样能让自由收起和显示,收起的时候有一半内容还能看到,适合提高浮层内容的被关注程度。

③ 样式关闭后只能够在进入页面、加载页面、刷新页面,浮层才能显示,适合提醒关注浮层内容,关闭后不会造成任何打扰。

1.3 样式说明

样式三支持隐藏关闭按钮,点击‘隐藏’后将关闭按钮设置为不可见(即不可关闭浮层)。

2. 编辑浮层

2.1 往底部浮层添加模块或素材。教程以添加文本、按钮模块做示例。

2.2 给模块添加内容,并设置样式。完成后调整模块位置即可。(底部浮层内容根据实际情况自行编辑即可,无固定形式,教程仅提供参考)。

首页弹窗功能介绍

首页弹窗功能介绍
更新时间:2022-03-15 10:56:45

一、功能效果

弹窗是指打开网页的时候自动弹出的窗口,主要流行的弹出方式是快速进入网站管理者预设跳转页面的快捷途径。

常见的弹窗作用是:活动引导、提示通知、获取信息等。

二、功能说明

【版本】中级版及以上版本

三、设置教程

1. 开启功能

1.1 在电脑网站设计页面左侧导航点击【设置-基础设置-特殊组件】,勾选【首页弹窗】开启功能。

2. 设置弹窗

2.1 点击【首页弹窗】设置按钮进入编辑弹窗。

2.2 根据实际需求往弹窗里添加所需模块。

3. 添加多个弹窗

3.1 点击【保存】后完成弹窗编辑。可新建多个弹窗,鼠标移动至弹窗上,出现【切换弹窗】按钮点击进行【新建弹窗】。

3.2 新建弹窗和步骤2一样进行添加模块展示即可。(网站仅展示一个弹窗,需要选择展示的弹窗,不选择默认后编辑的弹窗)

四、相关说明

弹窗容器内当调整高度导致内容区高于弹窗高度时,将自动出现滚动条。

返回顶部功能介绍

一、功能效果

当页面很长时,利用鼠标滚动返回顶部的体验会变得非常差。因此在网站开启返回顶部按钮是一个非常有必要的操作。

二、功能说明

【版本】网站中级版及以上版本

三、设置教程

1. 开启功能

1.1 在电脑网站设计页面左侧导航点击【设置-基础设置-特色组件】,勾选【返回顶部】开启功能。

2. 设置图标

2.1 点击【设置】按钮进入选择返回顶部图标按钮样式,选择完成后点击【确定】。

2.2 图标添加后点击网站保存按钮即可。当用户浏览网站下拉页面时返回顶部按钮就会出现在右下角。当用户在页面顶部时按钮会进行隐藏。

 

计数器功能介绍

一、功能介绍

计数器组件添加后默认显示在网站底部,显示累积的全站访客访问量。

二、功能说明

【版本】标准版及以上版本

三、设置教程

1. 开启组件

1.1 在电脑网站设计页面左侧导航点击【设置-基础设置-特色组件】,勾选【计数器】开启组件。

2. 设置数值

2.1 点击计数器右侧【设置】按钮,点击【重置】后可自定义数值。

2.2 点击保存后,组件默认添加到网站底部。

3. 效果说明

3.1 添加完组件在设计页面显示为0,需在访问态才会显示初设值。数字会根据访问量实时增加(显示数字:初设值+实时数值),计算的是网站全站访问量。

如何清空网站设计内容?

一、功能效果

如果不喜欢编辑的网站效果,单独删除操作又太麻烦,可以直接套用新的空白模板恢复到初始状态,进行重新设计。

二、功能说明

【版本】建站任意版本均可使用空白模板

三、设置教程

1. 登录建站电脑网站设计页面,点击左上角的【极速建站】。

2. 进入模板选择页面,点击【更多行业】,在弹窗中下拉到底部,点击【空白模板】。

4. 选中筛选出来的空白样板网站后,按【使用】按钮,将网站全部初始化为样板网站。

如何新增一个空白的页面(电脑版)

一、功能效果

电脑网站设计时需要一个新的页面来放置内容,可以创建新的空白页面自行添加模块编辑。

二、功能说明

【版本】任意版本均可添加,不同版本可添加的空白页面数量不同

三、设置教程

1. 在电脑网站设计页面将鼠标移动到导航栏目,点击【+】新增栏目按钮。

2. 添加一个新的栏目,填写栏目名称,点击保存。

3. 新增栏目后,新栏目将显示在网站主导航栏上,并自动跳转至该栏目页面。

4.可以看到该栏目页面是空白的,点击该栏目下的【添加模块】或【添加素材】自行完善页面内容。

5. 如果不需要该新增的栏目显示在网站主导航栏上的话,鼠标放在导航上,点击【管理栏目】进入将该栏目选择隐藏,显示【x】为隐藏。

四、其他应用场景

1.   如果需要设置点击文字跳转到该新增的栏目(页面)。先选中要设置跳转的文字内容,然后点击超链接按钮,在超链接设置里,点击【站内链接-栏目】,在栏目一栏中选择新添加的栏目页面名称即可。

图片模块或其他模块跳转到新页面设置方式类似,您可以结合您的实际情况自行设置。

在线地图模块介绍(自适应模板)

一、功能介绍

在线地图模块能用于展示企业所在地址、联系方式等信息,便于用户查看并联系企业。

二、功能说明

【版本】无版本限制

三、设置教程

1. 添加模块

1.1 进入网站设计页面后,点击页面左侧导航【模块-新增模块-高级模块】,添加【在线地图】模块。

1.2 添加【在线地图】模块后,在右侧面板中输入公司所在地址或公司名字,点击【搜索位置】按钮,地图会自动定位到您的公司所在地址。

(如果觉得定位不准确,也可以在地图上手动修改定位标记)

1.3 确定地址后,可修改标记信息,例如加上您公司的联系方式等等信息。

2. 模块编辑

2.1 电脑视图

2.1.1 地图设置

支持自定义地图大小,支持选择地图版本(目前大陆地区可能无法正常访问谷歌地图服务,如加载使用,建议使用百度地图)。

2.1.2 标题栏

默认是隐藏标题栏,当取消隐藏标题栏后,支持自定义模块标题、标题文字样式、标题栏高度、标题栏背景。

2.1.3 间距

可通过修改【在线地图】模块的外间距,调整模块与通栏内容区边界之间的距离。

2.2 手机视图

2.2.1 标题栏

支持显示或隐藏标题栏,以及自定义标题栏文字、高度、背景。

2.2.2 间距

通过修改模块的外间距,可调整模块与通栏内容边界之间的距离。

在线视频模块介绍(自适应模板)

一、功能介绍

在线视频模块能用于展示企业形象、产品、服务等,视频相较于文字更容易吸引用户的眼球。

二、功能说明

【版本】任意版本均可使用,不同版本限制不同

三、设置教程

1. 添加模块

1.1 在网站设计页面,点击左侧导航【模块-基础】,添加【在线视频】模块。

2. 添加“在线视频”模块后,在编辑面板中替换掉模块的示例视频,支持三种添加视频方式。

① 本地添加

点击“更换”按钮,在弹窗内上传本地视频。

(注意:上传本地视频前需转换视频格式,否则可能会无法播放哦。点击此处了解如何转换视频格式

② 通用代码

选择“通用代码”,将视频通用代码粘贴到框内,如下图。

点击此处了解如何获取腾讯、优酷、爱奇艺的通用代码

③ 视频地址

选择“视频地址”,将视频的地址粘贴到框内。

点击此处了解如何查看视频地址

2. 编辑模块

添加视频后,可对视频添加文字描述。

2.1 电脑视图

2.1.1 支持设置视频高度、片头图片、播放方式。

① 视频高度:支持自定义视频高度。

② 片头图片:默认展示视频首帧,也可自定义片头图片。

③播放方式:支持弹层播放或直接播放。

2.1.2 设置

支持自定义视频描述的文字样式,包括大小、字体、颜色、位置。

2.1.3 标题栏

默认是隐藏标题栏,当取消隐藏标题栏后,支持自定义模块标题、标题文字样式、标题栏高度、标题栏背景。

2.1.4 间距

可通过修改“在线视频”模块的外间距,调整“在线视频”模块与通栏内容区边界之间的距离。

2.2 手机视图

2.2.1 标题栏

支持显示或隐藏标题栏,以及自定义标题栏文字、高度、背景。

2.2.2 间距

通过修改模块的外间距,可调整模块与通栏内容边界之间的距离。

文件下载模块介绍(自适应模板)

一、功能介绍

建站支持文件下载功能,可用于公开提供给客户下载产品图册、报价表等。

如使用高级功能还支持设置文件下载权限,仅指定人员才可以下载,可用于内部员工下载培训资料、素材文件等。

二、功能说明

【版本】任意版本支持设置文件下载功能,文件下载权限为高级版及以上版本功能

【注意】iphone手机受系统限制,多数浏览器不支持该功能

三、设置教程

1. 添加模块

在网站设计页面点击左侧导航【模块-新增模块-高级】添加【文件下载】模块。

在弹窗中点击【添加文件】选择文件或直接上传新文件,选择模块样式。

在【文字设置】中可自定义文字字体、字号、颜色等。

高级版及以上版本用户可以在【更多设置】中设置文件下载权限,满足条件的访问者才可以下载文件。

2. 模块动画

添加模块后支持给模块添加动画效果。结合您网站的风格进行编辑,使模块与您的网站设计效果更加贴合。

嵌入页面模块介绍(自适应模板)

一、功能介绍

嵌入第三方网站的页面,可丰富网站功能,例如嵌入您企业现在正在使用的办公自动化系统等。

二、功能说明

【版本】网站中级版及以上版本

三、设置教程

1. 添加模块

1.1在电脑网站设计页面左侧导航点击【模块-新增模块-高级】,添加【嵌入页面】模块。                

2. 嵌入页面

2.1 可通过“页面链接”或“页面代码”两种形式嵌入页面。支持自定义页面宽高。

2.2 此处以嵌入百度页面为例,输入百度页面链接:https://www.baidu.com,调整好页面宽高;或是输入百度页面代码。