修改 Blogger 奇妙的 H3 與 H4 標題字體大小
一般來說,Blogger 對標題階層的分配都是固定的,雖然新舊主題的佈局可能略有不同,但常見的分配如下:
H1: 網站名稱 (Title)
H2: 版面配置小工具的名稱
H3: 文章標題
H4: 小標題 (文章內容段落)
然而有時因為文章比較長、需要多段解釋的關係,我們會用 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 早已被爬蟲無視了。
延伸閱讀