SEO优化:关于提升字体与阅读体验感

这次,小编给大家介绍的是 “SEO优化:关于提升字体与阅读体验感”。

seo用户体验感提升
seo用户体验感提升

英文字体的文件大小比较小可以使用嵌入字体让网站展示更好,但中文就不一样了,文件大小是 MB 级别,为了 WEB 端性能,只好使用系统自带的默认字体,然而我们有 Windows 和 Mac  OS 两个系统,这两个系统的默认字体是不同的,那么 CSS 中的 font-family、字体大小、颜色、行距如何设置才是最美、最好看的呢?

这里只介绍大多数的用法,个别特殊设计需求的网站可能不适用此方法。

字体

seo用户体验感提升
seo用户体验感提升

从用户体验角度来讲,段落文本阅读体验最好的是黑体(无衬线体),而非宋体(衬线体),Win7的时候,字体默认的宋体,而从Windows 10开始,浏览器默认字体改成微软雅黑了,而 Mac OS 默认也是黑体而非宋体。

推荐字体:

Windows:MicroSoft YaHei(微软雅黑)
Mac OS:PingFang SC(苹方)或 Hiragino Sans GB(冬青黑体)

body{
	fomt-family: Hiragino Sans GB, MicroSoft YaHei;
}

注:个人喜欢把苹方作为文章标题字体(20PX以上),而冬青黑体作为段落字体。

字体颜色 Color

seo用户体验感提升
seo用户体验感提升

大部网页背景颜色是使用白色,所以字体应该是使用黑色较为友好,当不建议使用纯黑(#000),这是因为纯白底与纯黑的对比太过于强烈,可以使用灰一点的黑色,比如#333,这样能减轻用户视觉负担。

推荐字体颜色:#333

body{
	color:#333;
}

字体 Font-Size

由于现在的电脑屏都是宽屏,手机的屏幕更是高清屏,所以字体大小建议采用16PX字号会比较适合阅读。

推荐字体szie:16px

body{
	font-size:16px;
}

字体行距 Line-Height

seo用户体验感提升
seo用户体验感提升

字体行距对于阅读也有有很大的影响,比较选中太小,对于多行文字的时候,容易在阅读时「串行」,所以字体的选中个人建议是字体的1.5 – 2.0倍之间。

推荐行距:1.75EM

body{
	line-height:1.75; 
}

这里后面我没有加入 em,是因为CSS默认就是 em 为单位,所以 em 可以省略不写

最佳 CSS 写法

body {
  /*  字体  */
  font-family: -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;
  
  /*  字号 */
  font-size: 16px;
  
  /*  字体颜色  */
  color: #333;
  
  /* 行距 */
  line-height: 1.75;
}

这里说明一下-apple-systemBlinkMacSystemFont 就是让 MAC OS 自动选择系统字体的意思。

最后,网页设计趋势是不断变化的,比如微软和苹果突然又冒出了一款超厉害的网页字体……,此时设计师们就要根据需求而变了。

 

原创文章,作者:SONIC SEO,如若转载,请注明出处:https://www.seo388.com/zitiue/

(1)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2019年9月24日 09:44
下一篇 2019年9月24日 17:15

相关推荐

  • SEO站长新站怎样快速获得关键词排名?

    SEO站长新站怎样快速获得关键词排名? SEO优化新站如何快速获得关键词排名: 新站很难在短期内获得好的排名,一般新站排名是在三个月以上甚至有的更长时间。 假若想要在更短的时间内获得不错的排名需要注意以下4点: 1)标题、描述设置 如果是中小型站点,首页和栏目页标题和描述最好手动设置,内页标题采用文章名称+品牌词的形式,并且标题包含关键词不能太多,2-3个为…

    2019年9月18日
    01.1K
  • 什么是网站友情链接导权重?

    什么是网站友情链接导权重? 网站友情链接导权重是指通过在网站之间相互添加链接,从而提高对方网站的搜索引擎排名和权重的过程。在搜索引擎优化中,友情链接导致权重是一种常用的优化手段。 当一个网站获得其他网站的友情链接时,这些链接可以被搜索引擎的爬虫发现,并且将这些链接视为对网站的一种投票,即认为其他网站愿意将链接指向这个网站,说明这个网站值得信赖和推荐。因此,这…

    2023年4月24日
    088
  • SEO优化:学SEO需要哪些基础知识支持呢?

    这次,小编给大家说说 “SEO优化:学SEO需要哪些基础知识支持呢?” 学习一门科目、一门技术、一门技能,首先得掌握它的基础知识,理论概念,以及基本的行业要求。从零开始,有何不可?从零开始可能学得比某些老司机要好,从零开始只要扎实地打好基础,超越前人不是难事。接下来,咱们来谈谈 ”学SEO需要哪些基础知识“吧。 咱们应该如何学习SEO?咱们学习SEO应该从哪…

    2019年11月17日
    01.5K
  • SEO工作任务列表,SEOer必须要做的四种数据分析表,您知道吗?

    很多SEO半路出家,然后学完了以后,去公司上班,上级领导或者老板要他做一个SEO数据报 表都不会。 起码一大半做SEO的都是直接查询下排名,汇报工作,然后结束。 实际上这种SEO行为是很难给老板一个满意的答复,其次也没办法通过数据分析来达到自己优化了这么久是靠什么优化排名的,最后就是归结于所谓的发外链和写文章。 如果稍作数据分析,那么下次在做SEO优化的时候…

    2019年5月16日
    11.4K
  • SEO站长们应该如何优化长尾关键词呢?

    这次,小编来给大家介绍一下 “SEO站长应该如何优化长尾关键词?” 我们如果想优化好一个网站,优化好长尾词是必须的,长尾关键词才是重中之中,因为长尾关键词往往是 “成交词”、“成单词”,往往会带来实际的转化成交。长尾词流量站网站流量70%左右,长尾广泛分布于网站的标签、文章、专题等页面,最多的还是文章页,通常一篇文章就是一个甚至几个长尾关键词的载体。 那么,…

    2019年11月10日
    0996
  • SEO网站服务器云备份推荐 – 七牛云

    很多人都在为网站备份而烦恼,特别是SEO网站优化的站长们,单单使用宝塔面板下载的话,下载速度超级超级慢,100M都要下载老半天,实在是扛不住。今天,小编就来给大家推荐SEO网站服务器云备份神器:七牛云。下载速度能达到10M每秒,绝对是极速备份下载。 我们在使用宝塔面板这款可视化面板的时候,是有插件支持快速备份至第三方存储平台的。 所以,后面小编会定期地备份数…

    2019年11月23日 百度SEO
    02.0K
  • SEO网站搭建完成后快速优化的重点

    作为一名SEO老手来说,优化一个公司企业网站是SEO从业人员最基本的要求。下面,小编来给大家分享一下自己的企业网站优化思路,主要你可以从这几方面下手,至于其它一些基本操作,301、404、robots、伪静态、网站地图等等这些基本操作你百度一下都有很多人写了,在这里先不提及。这次小编主要从自己的理解来给大家分享一下SEO优化的思维。 1)网站关键词策略 &#…

    2019年8月31日
    01.5K
  • 揭秘!作弊的SEO快速排名技术手段原理?!

    在上一篇 什么是百度SEO快排技术 简单介绍了SEO快排,再来分享下SEO快速排名的技术手段。   引用某家“快速排名软件”的介绍说明: 超快排是全国独家采用谷歌内核浏览器开发的点击软件。软件可点击百度pc、百度手机、神马搜索、搜狗pc、搜狗手机、360等众多搜索引擎。 而且更为吸引人的是,这种快排系统还可以代理出售,有多种代理和充值返点的营销能力…

    2019年3月18日 百度SEO
    11.5K
  • SEO网站历史记录查询与批量查反链工具推荐

    这次小编来推荐另外1个域名历史记录查询的网站工具 “桔子SEO” 网站。是小编的一位大佬老师推荐的,本人亲测好使!老域名的记录能查出来,效果还不错,效果不亚于SEO网页时光机。 下图是域名历史记录查询工具的界面视图。   桔子SEO为你提供外链查询,批量查反链、外链老域名挖掘、网站历史记录查询、标题主题检测等SEO工具的站长工具网   拿…

    2019年9月28日
    03.6K
  • 咱们应该怎样分析网站关键词的优化难度?

    小编这次来给大家说说,关于“咱们应该怎样分析网站关键词的优化难度?”的这个话题。 实际上,在每一个网站在正式启动SEO优化之前,作为一名合格的SEO都应该去分析网站关键词的优化难易程度,因为这样才能对关键词进行合理的优化布局,什么样的关键词应该用首页去竞争排名,什么样的关键词应该布局在聚合页面,并不是关键词指数越高就放在首页,这不是一种非常聪明的做法。 针对…

    2021年2月4日
    01.1K
  • SEO优化:Description描述应该怎么写?

    这次,小编来说说SEO网站优化中Meta标签里的Description应该怎么写? 首先来说说“description”描述的用途,它可以在搜索引擎里被收录后展现出来,而且展现出来的文字还可以被“飘红”搜索出来,然后在某种程度上”description”里面的内容还可以参加搜索引擎的排名哦,挺重要的一个东西。“keywords”倒是没用,也不参与…

    2019年10月11日
    01.4K
  • 关于SEO从业人员面试问答技巧汇总

    这次,小编来汇总一下 “关于SEO从业人员面试问答技巧”。希望对SEO从业人员进行面试有所帮助。 1)请说说,你掌握哪些网络营销推广渠道?免费的渠道有SEO、分类信息推广、B2B平台、百度文库、百度知道、百度百科、百度贴吧、论坛营销、微博营销、微信营销、视频营销、博客营销、自媒体营销(如今日头条、微信公众号等)。收费的渠道主要是百度竞价。 2)请说说,SEO…

    2019年11月15日
    01.6K