|?屬金魚的雪梨寶寶


      在網站優化過程中,網頁的字體也是需要考慮的一個重要細節。

      合適的字體風格,文字大小,行高,字體重量等等都可以給用戶塑造更好的瀏覽體驗,從而可以獲得用戶更長的停留時間(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 條評論

      暫無評論

      服務號

      訂閱號

      備注【拉群】

      商務洽談

      微信聯系站長

      發表
      評論
      立即
      投稿
      返回
      頂部