修改 Blogger 奇妙的 H3 與 H4 標題字體大小

修正 h3 字體比 h4 還小的問題

一般來說,Blogger 對標題階層的分配都是固定的,雖然新舊主題的佈局可能略有不同,但常見的分配如下:

 

H1: 網站名稱 (Title) 

H2: 版面配置小工具的名稱 

H3: 文章標題 

H4: 小標題 (文章內容段落)

 

參考:文章標題 H 標籤階層分配與規劃

 

然而有時因為文章比較長、需要多段解釋的關係,我們會用 H3 標題來讓分層更加明確。但在內文使用 H3 標題的話,它的字體反而會比 H4 來的小。

 

對於這個問題,我們可以在主題 > 自訂 > 進階 > 新增 CSS 來解決。如果只會在單篇文章中使用到這個佈局的話,可以將文章切換到 HTML 編輯模式後插入這段 CSS。

 

<style>
.post-body h3{
font-size:22px;
}

.post-body h4{
font-size:18px;
}
</style>


上面這段程式碼的功能,是告訴瀏覽器把 post-body ,也就是文章內的 H3 標題字體大小改為 22px、H4 調整為 18px,如此一來,就能解決 Blogger 文內 H3 標題的字體大小比 H4 還小的有趣現象了。翠習維尼

 

結語

雖然在內文使用 H3 以上等級的標題,可能會造成文章權重過度分散、被爬蟲質疑濫用 H 標籤,進而受到搜尋引擎懲罰。但現在搜尋引擎似乎沒有這麼笨,且在 Google 不斷更新演算法的情況下,這種舊時代的黑帽 SEO 早已被爬蟲無視了。

 

 

 

延伸閱讀

搜尋引擎最佳化入門筆記 - SEO

更多 SEO

更多 Blogger 戰技

幾個早之如此、何必當初的網站經營技巧與 SEO 教訓

文章標題 H 標籤階層分配與規劃

 

 

 

 

 

留言

這個網誌中的熱門文章