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) 提前整理好的网站架构,每个页面想表达的内容,关键词的布局都要事先的考虑清楚。这样你搭建出来的网站才会利于排名; 2)建站,一个成熟的企业商户是必须要有一个自己独立的网站的,不光是功能上的满…

    2019年9月14日
    02.2K
  • 搜索引擎下拉框不见了怎么办?

    百度下拉菜单反馈性关键词是用户在搜索时与搜索引擎的第一步互动。 下拉词是为方便用户搜索而提供的一种关键词联想服务,目的是为了提高用户搜索效率。当搜索某个关键词,直接出现下拉词,用户不用打多余的字了,而这些下拉词一定是用户想搜的,说白了就是用户需求。 电脑PC端的搜索引擎下拉框不见了怎么办?如何解决? 输入seo到百度搜索框后,点鼠标,这情况下发现没出现下拉框…

    2019年10月29日 百度SEO
    01.9K
  • SEO技术小贴:伪原创5118平台plus火车头采集工具

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

    2019年11月25日 SEO优化工具
    02.7K
  • SEO运营与SEO人员职业规划

    这次小编来说说 “SEO运营与SEO人员职业规划”。 实际上,关于网站运营,这会涉及的面更广一点,SEO运营就是SEO这一点上下功夫,而网站运营则需要从:企业用户所在行业,产品,服务,同行等多个方面,展开整个网站运营前期的规划、设计、以及具体方案的落地,然后再到运用SEO打造大量关键词排名,以及网站盈利模式的设计,网站转化率的提升,以及网站运营策略的更新等等…

    2019年10月6日
    01.3K
  • 网站SEO优化选择关键词要注意这些问题?

    这次,小编来给大家说说,关于 “网站SEO优化选择关键词要注意这些问题?“ 希望对新手SEO优化站长有所帮助。 网站SEO优化的关键词,每个行业有每个行业不同的核心词、长尾关键词,有的行业比较多,有的行业可能比较少,但是关键词是可以拓展的。那么,我们在选词时应该注意哪些问题呢?如下: 咱们经常能看到一些网站出现怪怪的、奇葩的关键词,甚至你会去想这是怎么做到的…

    2019年11月17日
    01.7K
  • SEO揭秘:关于黑帽SEO寄生虫的原理与方法

    这次,小编给大家带来的话题是:“SEO揭秘:关于黑帽SEO寄生虫的原理与方法“。虽然我们不做黑帽SEO,但是现在这社会要求员工的综合能力越来越高了,我们不做,也得懂得一些他们的原理和做法,知道他们是如何运作的。学多点毕竟也不是什么坏处。那么,接下来我们就来说说吧。 黑帽SEO怎么做寄生虫 这里说下寄生虫问题!对于小编来说!对寄生虫程序的选择没啥讲究!顺手好用…

    2019年11月30日
    02.0K
  • 有价值的视频,会有人转发分享;病毒式视频引流,需要高权重平台

      美好的事物,总会给人留下好印象。有用的教程,会给人再次观看的欲望。有趣的视频,会有人转发分享。 病毒式引流方法不仅仅只有一种,然而这种算比较简单直接的了,也就是持续不断的上传有价值的视频,内容对用户有价值的视频。对用户有价值的视频是一个,为了有用户观看,给用户带来价值。后者就是最重要的营销思维,就是在视频的Title,关键词标签,以及描述里面加…

    2019年4月8日 百度SEO
    11.5K
  • SEO优化神器:国外网页时光机 Wayback Machine

    SEO优化神器:国外网页时光机 Wayback Machine 这次,小嵘SEO技术博客给小伙伴们介绍一款国外查看网站历史数据的工具(国外SEO网页时光机)。查看网站历史数据有什么用处? 1)购买域名的时候使用(特别是老域名,俗称老米) 购买域名的时候尽量不要使用做过六合彩,私服违法信息的域名。为什么不买做过这些网站的域名呢?因为这些网站很容易被拉进黑名单,…

    2019年9月21日 SEO优化工具
    06.8K
  • SEO小白入门,解析搜索引擎抓取规则

    这次,小编来给大家说说,关于“SEO小白入门,解析搜索引擎抓取规则”的这个话题。 小编相信大多数SEO小白都有着共同的目的,就是把自己的网站排名做到首页,其实做网站很简单,五分钟让你轻松学会网站搭建,难的是网站优化,因为网站优化涉及的东西比较多,这里我就不详细介绍了,如何才能做好网站SEO优化呢?工欲善其事,必先利其器,下面是我整理的一些关于搜索引擎的规则的…

    2021年3月23日
    01.4K
  • SEOer应该如何做好网站的站内优化呢?给大家介绍几个点

    1.化关键词时,我们的内容应该要解决他的最终需求,这样的引流和转化的效果才会更好。 2.提升网站打开速度是站内优化不可或缺的点。 打开时间越短,用户满意度越高。对于搜索引擎是一样的道理。所以优化一上来先考虑提速有哪些点可以做,比如说:CDN付费加速,无用的源代码清除,云服务器/云虚拟主机宽带升级加速,缓存的使用和清理,页面瘦身图片压缩,纯静态页面/伪静态页面…

    2019年5月4日
    11.5K
  • 关于SEO网站不收录的几个解决方法

    这次小编来介绍 “关于网站不收录的几个解决方法”,具体如下: 1)网站404页面查看,去除掉404死链页面,让网站页面不存在死链; 2)做内部链接引导蜘蛛抓取多页面,做外部链接引导蜘蛛抓取未收录页面,做网站地图Sitemap引导蜘蛛抓取页面所以链接; 3)多使用站长平台,如百度站长平台,360站长平台,搜狗站长平台,必应站长平台,谷歌站长平台,坚持每天提交链…

    2019年9月12日
    01.3K
  • 站长们的网站URL路径应该设置优化呢?

    网站URL,其实就是网站的网址(网站地址),而且每个网站的地址有且只有一个唯一的地址,唯一独特的身份地址。站长们的网站URL路径应该设置优化呢?今天,小编就来给大家聊聊这个话题吧。 而网站的URL路径是网站最基础的优化,URL路径要在网站建设之时设置好,网站的URL的设置需要注意一下几个点: 1)参数超过3个以上的选择静态路径 关于静态和动态路径设置的问题,…

    2019年12月15日
    01.6K