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关键词排名的核心因素”,希望对大家有帮助。 1、页面的合理布局 简单的布局比如内容填充到位、关键词频次做好,网页的TDK写的通顺自然即可。(而TDK当中最重要的是T和D,K其实写不写无所谓) 2、稀缺的内容(内容的稀缺性) 关于稀缺性内容,这是一个很有意思的话题。任何人都会讲原创,但是很少有人讲稀缺性内容,其实…

    2019年9月3日
    01.2K
  • 怎样才能写好,一份高价值的网站SEO优化方案呢?

    怎么制作一份优秀的网站优化方案,这是做为职业SEO具有专业能力,在看本文的读者,你真的会写网站优化方案吗? 做为从来近十年的SEO老司机来说,谈谈网站优化方案应该怎么写,希望对各位起考虑的作用。 从以下几点来思考: 对自身网站和目标用户的了解; 对目前网站分析存在哪些问题; 问题的优化解决办法是什么; 针对网站需要做哪些调整和努力;   针对我们对…

    2019年3月14日
    11.1K
  • 关于地域性关键词应该如何进行优化?

    这次,小编来说说,”关于地域性关键词应该如何进行优化?“ 的这个话题。 实际上,对于大多数的SEOer来说,应该都很清楚关键词地域性与非地域性的指数差距,就拿“广州SEO”与“SEO“来说相关指数就相差了整整100倍,区域性的关键词竞争难度相对较小,区域性的关键词只需要花费少量的人力物力就能优化到首页,相对全国性的关键来说地域性关键词更能获得精准流量。 地域…

    2020年9月3日
    01.4K
  • 关于网站SEO友情链接交换需要注意的几点

    这次小编来给大家说说关于网站SEO友情链接的问题,交换好的友情链接可以帮助新站迅速提高权重是没错,但是切勿胡乱购买友情链接,后果很严重,切勿乱加友情链接,不然可能后悔莫及….. 网站添加友情链接的注意事项如下: 1)咱们不交换不正规网站,”灰色网站不要交换链接“,交换不正规网站或者网站被挂马有可能会被牵连被K站,有可能牵连的所有友情链接的网站全部…

    2019年9月22日
    01.6K
  • 中文的URL不好被收录?这并不是绝对的,进来看看呗?

    中文的URL不好被收录?这并不是绝对的,进来看看呗? 2019年4月12日,初步搭建网站,并且申请了熊掌号,并且进行网站后台与熊掌号推送接口对接相连。结果,当天到下午6点左右的时间,发现每天10次的天级收录手动提交的次数从10次变为0次了。这又为啥呢?这必然是因为自己把网站与熊掌号自动推送接口接上了,appid和推送的token接口都连接上了,不是自动推送的…

    2019年4月14日 百度SEO
    11.3K
  • SEO网站图片的优化技巧一般会有哪些呢?

    今天,小编来和大家讨论下“SEO网站图片的优化技巧一般会有哪些呢?”   1)控制图片大小 网站图片的大小至关重要,因为这关系到搜索引擎抓取与用户体验。如果图片过大,极易造成网站页面结构和布局出现错乱,严重影响用户浏览页面时的体验度,同时还会“拖慢”网站页面的加载速度,更有甚者导致页面图片加载区域出现大片“空白”。倘若网站服务器/虚拟主机本身带宽和…

    2019年9月1日
    01.1K
  • 怎样才能让百度快速收录WordPress博客网站?

    这次,小编来给大家说说,“怎样才能让百度快速收录Wordpress博客网站?” 的这个话题吧。希望对用wordpress建站做seo优化的小伙伴们有所帮助呀。 一般来说,作为一名seo新手(seo小白),要想快速掌握seo优化的方法,都需要有一个自己的网站,那么建站也成为了必然,大部分人最先入手练习的网站一般也都会选用wordpress程序来搭建网站,原因很…

    2020年9月3日
    02.8K
  • 关于百度搜索引擎不收录网站内页的原因

    这次,小编来说说 “关于百度搜索引擎不收录网站内页的原因“ 有哪些呢? 新站内页收录时间会长一些(现在百度搜索引擎对新站的审核期可能是六个月),大概在首页收录后半个月到一个月开始收录内容,因此不讨论新站的内页收录。而如果是超过3个月的网站不收录内页主要有以下几个情况: 1)内页质量很低 内容质量非常低,根本没有阅读价值。文章排版很乱、字体大小和颜色没有统一,…

    2019年11月5日
    01.1K
  • 关于SEO友情链接交换方法与友链交换平台

    这次,小编来给大家说说,关于 “SEO友情链接交换方法与友链交换平台” 的这个话题,希望能帮助大家交换友链,快速提升排名和流量。 一些朋友,咨询SEO的问题,常常会问 “怎么换友链?”。小编相信许多新手也会有这些问题。这次,小编来分享友情链接交换的5种方法。以及推荐两个友链交换的网站平台给大家。 关于友情链接交换的方法有哪些呢?如下: 友情链接交换方法1:对…

    2019年11月20日
    01.1K
  • 浅析SEO网站内链优化的标准

    这次,小编来给大家介绍一下 “关于SEO网站内链优化的标准”。 关于SEO网站内链优化的标准,如下: 1)在建站的时期,咱们需要充分地考虑网站结构、框架以及内容的分布 首先,网站的结构与网站的框架是网站内链的主干部分,合理的布局,权重分配很重要。按照用户的浏览习惯以及页面权重的分配原则,主要的枝干部分布局应为从左至右,由上到下。主要的内链放置主要的位置,不仅…

    2019年10月12日
    01.0K
  • SEO网站搭建完成后快速优化的重点

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

    2019年8月31日
    01.2K
  • SEO技术小贴:伪原创5118平台plus火车头采集工具

    本文转载自:小嵘的老师 – 无忧老师的 “无忧爱搜博客”。这是一篇非常有价值的文章,白帽SEO坚持着,但是呢,这社会要求我们SEO专业从业员也是要学一些灰帽SEO和黑帽SEO的技术,即便我们不去做灰帽SEO和黑帽SEO,但我们也必须了解其中的原理和功能,不是吗?现在的这个大互联网时代,对人的要求不是更高了吗?只有不断地学习,才不会被这个行业以及这…

    2019年11月25日 SEO优化工具
    02.3K