谷歌SEOwhatfont插件帮你快速get网站字体样式

• 阅读

文| 属金鱼的雪梨宝宝

谷歌SEOwhatfont插件帮你快速get网站字体样式

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

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

谷歌SEOwhatfont插件帮你快速get网站字体样式
谷歌SEOwhatfont插件帮你快速get网站字体样式
就比如上面这两张网页截图，你更喜欢看哪个
肯定是下面的啊谷歌SEOwhatfont插件帮你快速get网站字体样式谷歌SEOwhatfont插件帮你快速get网站字体样式谷歌SEOwhatfont插件帮你快速get网站字体样式谷歌SEOwhatfont插件帮你快速get网站字体样式

1


字体样式的SEO作用
所以，我们在制作网页内容的时候，要尽量做到：

  • 字体大小适中

  • 不要用奇奇怪怪的字体

  • 不要长篇大论

  • 分段要清晰

  • 最好用短句

这样的文章可读性强（easy to read），易于理解（easy to understand），手机端也要更友好。SEO优化处处都是细节呢谷歌SEOwhatfont插件帮你快速get网站字体样式谷歌SEOwhatfont插件帮你快速get网站字体样式
想象一下，你用手机看拥挤的文字的时候，你还有耐性看下去吗所以，我们要考虑用户的浏览体验，让阅读轻松，才能更好的留住用户。 
Brain Dean的网站backlinko.com就可以作为范本，无论是网页样式的设计还是字体的设置都让人赏心悦目。如果你不知道字体到底多大合适，不妨就可以试试使用他的字体大小和样式。 
谷歌SEOwhatfont插件帮你快速get网站字体样式
backlinko.com网站用的字体大小是18px，也就是18像素

2


WhatFont识别字体样式
如何copy和借鉴优秀网站的字体样式，这里我们可以用谷歌插件what font来识别
谷歌SEOwhatfont插件帮你快速get网站字体样式
地址：
https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm
安装好了whatfont，在打开任何网页，只要点击whatfont就可以识别字体了
谷歌SEOwhatfont插件帮你快速get网站字体样式
  • font 字体：Inter -400 
  • style 风格：normal
  • size 大小：18px
  • line height 行高：36px
  • weight 字重：400 
  • color 颜色：#000000 （色号）
有了whatfont插件，你就可以借鉴优秀网站的字体设计了，然后，你就在你网站跟着设置一样的参数就可以了，是不是很简单。


3


WordPress字体设置
那么网页字体大小怎么设置
WordPress网站的后台，一般都可以在外观appearance，然后在个性化定制customize里对字体进行设置
谷歌SEOwhatfont插件帮你快速get网站字体样式
如论你是使用什么主题theme（网站皮肤）里面找到 Typography
谷歌SEOwhatfont插件帮你快速get网站字体样式
然后就可以设置自己喜欢的字体样式了。 
谷歌SEOwhatfont插件帮你快速get网站字体样式
 

4


Elementor设置字体

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

找到site settings

谷歌SEOwhatfont插件帮你快速get网站字体样式

找到Typography
谷歌SEOwhatfont插件帮你快速get网站字体样式
然后就可以设置了，H1，H2， H3等等字体都可以设置
谷歌SEOwhatfont插件帮你快速get网站字体样式
当然了，还可以在制作的网页的时候对字体进行设置

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

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

内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/163414.html

赞 (0)

相关推荐