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

相关推荐

  • WordPress SEO优化插件推荐安装

    这次,小编来给大家分享点SEO的干货,就是 ”WordPress SEO优化插件推荐安装“。希望能帮助用wordpress建站做seo优化的小伙伴们哦。 做seo优化的小伙伴们呀?嫌WordPress优化麻烦么?来试试这10个wordpress SEO插件。 WordPress是最受欢迎的内容管理系统(CMS)之一,通常被描述为”开箱即用”。 WordPre…

    2020年9月3日
    01.7K
  • SEO优化工具:未注册老域名挖掘软件推荐

    一般说来呢,咱们做SEO网站优化的话,若是一个没有被惩罚过的老域名肯定比一个新域名做排名更容易,这个道理大家都懂,因此,才会有很多人去抢注老域名来做排名,一个好的老域名可以帮你节省大把的时间,在短时间收录和排名脱颖而出。使用这个老域名扫描工具的话,大家根据自己的需要来扫描老域名,这个软件并非乱七八糟的枚举类型的扫描,而是真正利用爬虫原理在互联网中查询那些建过…

    2019年10月1日
    03.0K
  • 关于SEO优化网站跳出率的问题

    这次小编来给大家介绍一下“关于SEO网站跳出率问题”吧。如下: 网站的跳出率,往往能反映出访客在进入你的网站后又 “跳出” 的百分比。比如说如:有一部分的访客只浏览了你的一个页面,就一个页面哦,然后就离开了。访客 “跳出” 某个页面的原因很多,当中包括: 1)访客点击了浏览器上的后退按钮; 2)访客关闭了浏览器; 3)访客点击了你的广告; 4)访客点击进入了…

    2019年9月29日
    01.2K
  • 做SEO网站外链多,排名就一定好吗?

    今天,小编来给大家说说关于“SEO外链的事儿”。 外链多,排名就一定好吗?其实,不是的。 现在2019年,外链的因素作用已经没以前那么重要了,起码百度SEO是这样子。 外链作为关键词排名重要因素之一,对于关键词排名影响逐年下降,实际上影响关键词排名的因素多达200多项,因此影响关键词排名有很多方面的,关键词排名不可能靠单个因素就能够达到目标的。 如果你的网站…

    2019年9月20日
    01.1K
  • 链接URL层级优化,链接URL层级越短越好?

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

    2019年4月13日 百度SEO
    12.0K
  • 百度搜索引擎不收录内页的原因,一般有哪些呢?

    这次小编来给大家简单地介绍一下:“百度搜索引擎不收录内页的原因,一般有哪些呢?” 新站内页收录时间会长一些,大概在首页收录后半个月到1个月开始收录内容,如果是超过3个月的网站不收录内页主要有以下几个情况: 一是:内页质量很低,原创度低 内容质量非常低,根本没有阅读价值,文章排版很乱、字体大小和颜色没有统一,文章内容里面穿插一些没必要的锚文字链接以及一些广告链…

    2019年9月4日
    01.0K
  • 网站SEO优化:关于搜索引擎蜘蛛抓取页面的规则

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

    2019年10月1日
    01.0K
  • SEO优化在接手一个网站时应从哪儿开始优化?

    这次,小编来给大家说说,关于 “SEO优化在接手一个网站时应从哪儿开始优化?”。 实际上,SEO优化师又被称为搜索引擎优化师、SEO专员。其主要职责是通过对网站程序、服务器、内容、版块、布局等多方面的优化调整,使网站符合搜索引擎检索和排序的指标,从而提高网站在有关搜索引擎的检索排序位置,增强用户浏览体验与网站的转化。 作为一名资深的SEO优化师,在刚接手一个…

    2021年2月4日
    0913
  • 站长们的网站URL路径应该设置优化呢?

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

    2019年12月15日
    01.1K
  • 做SEO域名是备案的好?备案域名排名快?

    域名是备案的好?备案的域名建站排名快?效果好? …..小嵘亲测了几个月,发现不是的。( 俗话说:“实践是检验真理的标准”。这都是小嵘SEO亲测的结果。) 备案的域名效果居然是比没备案的域名效果差,排名慢……我这差不多6个月测试得出的效果就是如此。 实践的事实证明,备案了和没备案的域名排名是一样的,备案了的域名还比没备案的慢…

    2019年10月6日
    01.3K
  • 一款全面而又功能全的百度SEO工具,只是界面有点丑而已

    一款全面而又功能全的百度SEO工具,只是界面有点丑而已,其他功能都很不错,很齐全,就不要嫌弃了,哎呀。 这款工具的名字叫:金花站长工具,也不只是界面丑,而且….名字也很土鳖,呵呵哒。名字可以不改,但是我感觉界面可以请个设计师帮它整整容,实在是……. 这个工具有收费版和免费版本,个人觉得使用免费版本的功能已经足够了。可以查关…

    2019年3月19日
    11.1K
  • 关于动态页面,搜索引擎蜘蛛和机器人不抓取吗?

    动态页面搜索引擎蜘蛛和机器人不抓取吗?不是的,亲测,是能抓取动态页面的。 请用搜索引擎高级指令查查看:如 inurl: 加上动态链接的特征。 (比如说 输入 inurl: ?p=18) 下图能看到,第二条就是动态链接 www.djkdj.com/?p=18… 就被收录了 可能有些人连静态和动态链接都还没分清楚,看到有个问号的链接全都是动态链接,其…

    2019年4月5日
    11.3K