属金鱼的雪梨宝宝


在网站优化过程中,网页的字体也是需要考虑的一个重要细节。

合适的字体风格,文字大小,行高,字体重量等等都可以给用户塑造更好的浏览体验,从而可以获得用户更长的停留时间(dwell time)


就比如上面这两张网页截图,你更喜欢看哪个?
肯定是下面的啊



1


字体样式的SEO作用

所以,我们在制作网页内容的时候,要尽量做到:
  • 字体大小适中

  • 不要用奇奇怪怪的字体

  • 不要长篇大论

  • 分段要清晰

  • 最好用短句


这样的文章可读性强(easy to read),易于理解(easy to understand),手机端也要更友好。SEO优化处处都是细节呢

想象一下,你用手机看拥挤的文字的时候,你还有耐性看下去吗?所以,我们要考虑用户的浏览体验,让阅读轻松,才能更好的留住用户。 

Brain Dean的网站backlinko.com就可以作为范本,无论是网页样式的设计还是字体的设置都让人赏心悦目。如果你不知道字体到底多大合适,不妨就可以试试使用他的字体大小和样式。 



backlinko.com网站用的字体大小是18px,也就是18像素



2


WhatFont识别字体样式

如何copy和借鉴优秀网站的字体样式,这里我们可以用谷歌插件what font来识别


地址:
https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm

安装好了whatfont,在打开任何网页,只要点击whatfont就可以识别字体了


  • font 字体:Inter -400 
  • style 风格:normal
  • size 大小:18px
  • line height 行高:36px
  • weight 字重:400 
  • color 颜色:#000000 (色号)

有了whatfont插件,你就可以借鉴优秀网站的字体设计了,然后,你就在你网站跟着设置一样的参数就可以了,是不是很简单。



3


WordPress字体设置

那么网页字体大小怎么设置?

WordPress网站的后台,一般都可以在外观appearance,然后在个性化定制customize里对字体进行设置


如论你是使用什么主题theme(网站皮肤)里面找到 Typography


然后就可以设置自己喜欢的字体样式了。 

 


4


Elementor设置字体

如果你的WordPress用了Elementor,字体设置也很简单

找到site settings


找到Typography


然后就可以设置了,H1,H2, H3等等字体都可以设置


当然了,还可以在制作的网页的时候对字体进行设置


在编辑字体模块的时候,找到style,找到Typography,就完成字体的设置啦

以上,赶快去定制你喜欢的网站字体吧。 


点赞(5) 打赏

评论列表 共有 0 条评论

暂无评论

服务号

订阅号

备注【拉群】

商务洽谈

微信联系站长

发表
评论
立即
投稿
返回
顶部