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

相关推荐

  • 质量高权重高的两个点评平台,外链必备!没错,就是它们!

      质量高权重高的两个点评平台,外链必备!没错,就是它们!     就是美团点评和大众点评,虽然它们已经合并了,但是它们依然是用了两个不同的平台以及不同的域名,而且两个平台与域名的权重还不一样,一个权重7,一个权重8,流量惊人,必然是高质量的外链发布地。外链的质量高低,很大程度上取决于平台网站的权重,权重高的网站必然流量高,一般…

    2019年4月5日 百度SEO
    13.1K
  • 当网站的内页收录了,但是网站首页不收录,怎么回事?要怎么办?

    网站内页收录了。但是首页不收录原因: 1、一个月之内的新站,百度一直不收录首页,其它页面收录正常; 2、一个月以上的老站,百度以前收录正常,突然有一天site不到首页,但是直接用域名的形式能搜索到首页; 3、站点在百度收录一直正常,突然有一天出现了“贞子现象”,也就是首页在一天内的一段时间里在百度里出现正常排名及能够用域名的形式能搜索到首页 4、百度被K首页…

    2019年6月13日
    0929
  • SEO优化应该如何才能避免关键词堆砌呢?

    这次,小编来给大家说说,关于 “SEO优化应该如何才能避免关键词堆砌呢?” 的这个话题。希望能帮助做SEO的小白们排忧解疑哦! 关键词堆砌是一个典型的黑帽SEO做法,所有你应该避免它,关键词堆砌意味着在页面上过度使用目标关键词,以尝试增加网页的搜索引擎排名。但现在已经证明,百度搜索引擎会严惩关键词堆砌等作弊行为。 关键词堆砌的危险: 当您参与关键词堆砌时,您…

    2020年7月3日
    0607
  • 我们应该如何做好网站导航的SEO优化?

    小编这次来给大家分享的SEO知识点是:“我们应该如何做好网站导航的SEO优化?”   一、网站导航一般情况下是指:网站的栏目、文章分类、“你当前位置” 等等都称之为网站导航。 二、网站导航的目的: 1)告诉浏览者网站的主要内容和功能;2)告诉浏览者他们所在网站的位置;3)告诉浏览者他们访问过的页面。 三、网站站内导航应该如何做好SEO优化呢? 1)…

    2019年9月6日
    01.1K
  • 关于今日头条搜索的站长平台上线!

    抖音,今日头条,内涵段子所属的公司,我相信大家也并不会陌生了。现在市面上超级火热的两个项目“抖音”,“今日头条“的资讯大家又怎么能错过呢。这次,小编来给大家说说 ”关于今日头条搜索的站长平台上线“ 的事儿。 众所周知,今日头条上线了头条搜索功能已经有段时间了,针对站长来说无疑是又多了一条提升网站流量的途径。最近又开放了头条搜索站长平台工具,一起来了解一下吧。…

    2019年12月15日 百度SEO
    0806
  • 网站SEO优化:关于搜索引擎蜘蛛抓取页面的规则

    这次小编来给大家分享一下“SEO优化:关于搜索引擎蜘蛛抓取页面的规则” 。 1)搜索引擎蜘蛛或者搜索引擎机器人抓取网页的规则: 对于蜘蛛或者机器人来说网页权重越高、信用度越高抓取越频繁,例如网站的首页和内页。蜘蛛先抓取网站的首页,因为首页权重更高,并且大部分的链接都是指向首页。然后通过首页抓取网站的内页,并不是所有内页蜘蛛或者机器人都会去抓取; 2)一般情况…

    2019年10月1日
    0854
  • 关于SEO友情链接交换方法与友链交换平台

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

    2019年11月20日
    0856
  • 介绍一下SEO站群优化技术

    这次,小编来给大家介绍一下 “SEO站群优化技术”。 让小伙伴们知道,如何养站,如何做站群优化哦。 现在做SEO站群的作用主要有两个:养站和带流量,针对企业网站SEO优化来说,建议做一个以养站为主的综合性的站群。 养站:将一个栏目的权重做到高,以内容链接为主。 流量:采用js代码调用广告的形式,将站群的流量导入到主站。(在这里主要考虑…

    2019年9月3日
    0435
  • 这就是全网SEO,没网站也能排上来百度搜索第一页!

    全网SEO是什么鬼?我推荐些持久稳定的高质量外链给大家   老师曾经在课堂上说过,没有网站一样可以做SEO。怎么做?就是全网SEO优化,寻找搞权重的平台发布外链,发布广告信息。当然这会把流量停留在别人的平台,也把流量引向了别人的大平台。(最好还是自己有网站,自己的流量自己说的算) 今天推荐的外链,经过本人两年时间的亲自测试,可行度100%。这些高质…

    2019年4月3日 百度SEO
    12.9K
  • SEO优化中常见的五个搜索引擎蜘蛛陷阱

    这次,小编来给大家介绍一下,关于 “常见的五个搜索引擎蜘蛛陷阱”。 1)关于“登录要求” 有一些网站 “企业站” 与 “个人站” 的设置一定要注册登录后才能看到相关的文章内容,这种对蜘蛛不是很友好,蜘蛛不会注册、也不会登录; 2)关于“动态URL“ 什么叫动态URL、什么叫静态URL,简单的说就是带有问号、等号及参数的网址就是动态URL,动态URL不利于搜索…

    2019年11月4日
    01.0K
  • 经常喜欢修改网站标题将造成SEO排名伤害

    经常喜欢修改网站标题将造成SEO排名伤害?你知道吗? 常常做SEO工作,我们会听从一些所谓 “SEO高手” 的建议去修改我们认为不合格的标题。然而,事实上标题是不能随意修改的,一旦确定下来就不要再进行修改了。频繁修改会导致收录消失和降权。 原因是在做修改会被搜索引擎扣分,我们大家都知道搜索引擎对页面会有一种算法的评分机制,特别是权重值较低的新站如果修改标题降…

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

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

    2019年8月31日
    0894