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蜘蛛池?SEO蜘蛛池有什么作用?” 最近小编身边有很多站长都在讨论蜘蛛池的问题,同时也有很多站长来问我蜘蛛池是什么意思,对网站关键词排名有没有帮助,使用蜘蛛池会不会被百度K站等等的问题。 甚至还有人想找蜘蛛池,买蜘蛛池等等小编都有看到过。 其实呢,蜘蛛池并没有大家想象的那么复杂。接下来,小嵘SEO就用通俗易懂的语言为大家…

    2019年10月6日
    02.9K
  • 2023年,网站友情链接导权重对seo有帮助嘛?

    2023年,网站友情链接导权重对seo有帮助嘛? 友情链接导致权重是一种常见的搜索引擎优化(SEO)手段,可以提高网站的排名和权重,从而增加网站的曝光率和流量,对SEO有一定的帮助。 当一个网站获得其他网站的友情链接时,这些链接可以被搜索引擎的爬虫发现,并且将这些链接视为对网站的一种投票,即认为其他网站愿意将链接指向这个网站,说明这个网站值得信赖和推荐。因此…

    2023年4月24日
    0731
  • 网站SEO优化:关于搜索引擎蜘蛛抓取页面的规则

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

    2019年10月1日
    01.4K
  • seo技术成为企业品牌推广不可缺少的方法

    现今社会,互联网飞速发展。互联网产业是一个高科技产业,国家大力发展互联网+,互联网产业是一个高收入人才聚集的地方。因为有太多的人不了解和缺乏专业人才,人们为这个人才付出了更多。   许多准备转为SEO的学生都有这样的问题。为什么每个人都说SEO行业的未来是好的,公司愿意为招聘支付高薪?这是复杂和艰苦的工作吗? 1)SEO的优点比较明显。 搜索引擎优…

    2019年8月14日
    01.4K
  • 什么是外链?外链怎么发布?SEOer发外链的话,一般是这几种形式

    外链:就是把网站链接放在互联网的任何一个地方,让用户和搜索引擎蜘蛛或者机器人看到后点击进入,从而获得增加流量、权重、提升排名等等的作用。外链多发了无害,但是有没有用,是不是无用功,那这个就是问题了。外链的话,百度和谷歌其实道理都是一样的,只是外国人有外国人的习惯,还有些其他的外链事项需要注意。 对于外链,一般说来有这些形式: 纯文本链接:纯字母的一个链接表现…

    2019年3月31日 百度SEO
    12.1K
  • 站群网站搭建工具和站群自动程序区别,选择适合你的站群方式!

    站群网站搭建工具和站群自动程序区别,选择适合你的站群方式! 站群是一种SEO策略,通过搭建多个网站来提高整体的排名和流量。在站群中,有两种常见的方式:站群网站搭建工具和站群自动程序。虽然它们都可以帮助你快速建立多个网站,但它们在实现方式和功能上有着不同之处。下面,我将详细介绍站群网站搭建工具和站群自动程序的区别,助你选择适合你的站群方式。 站群网站搭建工具:…

    2023年8月21日
    0423
  • 浅析子域名与子目录以及它们SEO优化的优缺点

    这次,小编来给大家说说,关于 “子域名与子目录以及它们SEO优化的优缺点”  的这个话题。希望能帮助到各位新手站长SEO搜索引擎优化员。 对于刚刚接触到SEO网站建设优化的网站管理员来说,可能不熟悉子域子目录,有些人可能没有听说过。这次,小编来告诉你什么是子域名,什么是子目录,它们用来优化排名的优缺点是什么。 1)什么是子域名呢? 子域名称(或子域;中文:子…

    2019年11月20日
    01.9K
  • 浅析关于SEO站外链接优化的内容与作用

    今天,小编来给大家简单地介绍一下,关于 “SEO站外链接优化的内容与作用”。希望能加深新手SEO优化站长对 “站外链接” 的理解。 一般说来,咱们会把 “站外链接” 称为外链,它是互联网链接的枢纽。没有链接,信息都是孤立的。一个网站很难做到面面俱到,所以需要链接别的网站,这使得网站和其他资源相互补充自然称为一种需求,站外链接由此而生。站外链接的一个基础作用在…

    2019年11月19日
    01.9K
  • 链接URL层级优化,链接URL层级越短越好?

    在日常生活中,在这种情况下,大家都会说,”将“URL”复制到浏览器中去打开,然后浏览”。这里的URL ,其实是一个是网址的意思 URL, 是统一资源定位符。 链接URL层级优化,链接URL层级越短越好?答案是肯定的,当然越短越好咯,静态链接较好。(一般来说:如果是带”?”问号“=“等于号的各种特殊符号的链接,则会是动态链接或者伪静态链接,绝对不是静态链接哦,…

    2019年4月13日 百度SEO
    13.7K
  • 关于SEO外链的形式:纯文本链接与超链接

    时至2019年的今天,SEO从业者每天发外链中有两种外部链接方式是很常见的,一般是纯文本(文字)链接或者超链接,现在呢,能发超链接的网站越来越少了,但是这也不影响到SEO从业者用网页链接来提升网站综合排序的激情,不是吗? 百度问答?现在是打击超级链接和文字外链的,很严格了,通过加强审核力度使得存活的超链接数量少之又少。那么针对那样的状况,站长就不可以发外链了…

    2019年9月29日
    02.4K
  • 网站应该如何做关键词优化,来快速提升排名?

    这次,小编来给大家说说,关于 “网站应该如何做关键词优化,来快速提升排名?” 的这个话题。 一般来说,网站优化的最终目的是:要让网站能有多个关键词的排名,不管是长尾关键词还是主关键词,能有多个网站页面有排名。带着这样的目的去优化,可能站长需要对自己的网站有更深刻的了解,需要对各个页面进行详细的分析,同时这样的优化方案要如何去策划。今天,让我们来谈谈如何优化网…

    2019年11月3日
    0856
  • SEO网站图片的优化技巧一般会有哪些呢?

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

    2019年9月1日
    01.5K