既 Google 今年五月核心演算法的更新,原創性內容對於 SEO 越來越重要,當擁有好的內容後,勢必加入一些 SEO 的相關設定,就能提升整體 SEO 的分數,而 SHOPLINE 提供部落格功能給各位店家使用,而究竟該如何透過部落格功能寫出一篇有利於 SEO 的文章架構呢?讓我們一起來了解吧!

本文主要會提供文章的架構排版教學,以及一些 SEO 撰文技巧參考,其中會包含部分簡單的 HTML 教學,各位可以將其參考使用在 SHOPLINE 部落格上,讓整篇文章更符合 Google 搜尋引擎的喜好。

這裡不會教學如何使用 CSS 語法來調整部落格,所以並不會影響整個網站的前台設計,僅會提供簡易的 HTML 教學應用在部落格優化上,所分享的語法調整也「僅供參考」,若有相關問題歡迎於文章下方留言,編輯會盡快回答你唷!

SEO 文章架構該怎麼做?

一本書中,都會有章節、單元等層級,而每個章節中可能也會有分小節,這些分層都讓整本書看上去更有架構,讀者在閱讀時也較為容易,如下圖,編輯選用一篇文章作為範例,上半部為沒有分斷落的文章,而下半部則是有做調整的文章,兩者一比較,是不是下面的文章閱讀起來較為容易呢?

文章有分層會讓閱讀起來更清楚
圖一、文章有分層會讓閱讀起來更清楚

由於下半部文章主要加入了「引言」、「段落標題」兩個元素,讓文章更有分層感,而為什麼要做分層這件事呢?

在 Google SEO 入門指南當中有提到,對於 Google 在檢索頁面時,若是頁面中的 HTML 分層明確,會較符合搜尋引擎的喜好,使網站在搜尋結果排名有較好的曝光位置。而透過 「H 標籤」就能夠讓文章有明確的分層,H 標籤總共有六種不同的大小,從 <h1> 到 <h6>,其重要性由大到小依次降低,因此在文章設定 H 標籤建議從 H1 開始。

而在 SHOPLINE 部落格功能當中,「文章標題」就屬於 H1,所以在之後文章內容,我們可以從 H2 開始設定起(H1 建議只使用一次即可,由於 Google 爬蟲會透過 H1 來了解文章內容,若設定超過 1 個或是沒有設定 H1,會使 Google 不容易判斷你的重點是什麼!),首先,我們從後台「網店設計」->「部落格」中新增一篇文章後,請根據以下步驟來調整:

Step 1:將你的文章加入清楚的段落標題

當你打完一篇文章後,如果你有明確的文章架構,也有清楚的分段,就能讓讀者容易閱讀;但若是沒有,建議可以先將你的文章進行分段,在合適的地方加上「段落標題(H2)」,讓文章整體更有層次感。

而如果要使用 SHOPLINE 部落格設定 H 標籤,請先在文字編輯的地方,點擊「 </> 」View HTML 的按鈕,此時會進入 HTML 檢視模式,找到你要調整的段落標題,在程式碼最前面改成 <h2>,最後改成 </h2>。

點擊「 </> 」 View HTML 按鈕可以修改 HTML,找到要轉成 H 標籤的地方,修改後即可
圖二、點擊「 </> 」 View HTML 按鈕可以修改 HTML,找到要轉成 H 標籤的地方,修改後即可

修改完後再點擊「 </> 」View HTML 按鈕,即可看到標題有所改變(如下圖),會呈現淺藍色較大文字,並有一條分隔線的狀態,但這並不是瀏覽網站時呈現的面(註:會因不同版型做變換),這時不妨店家可以點擊下面「更新」並實際到瀏覽畫面觀看,看是否是自己想要的呈現。

設定好 H 標籤後可以自行調整顏色及字體大小
圖三、設定好 H 標籤後可以自行調整顏色及字體大小

若是你想要調整文字色彩,也可以把這個段落標題反白選取,並點擊編輯器上的「字體顏色」,自行選擇想要的顏色;同時也可以調整文字大小,但這裡建議的是,由於目前系統預設 H1 的字體大小是 24 px,所以各位在設定自己段落標題(H2)字體大小時,建議可設定為 22,因為 Google 對於 H 標籤的檢視時,會認為 H1 最大,其後依序變小,所以若你的 H2 大小設定比 H1 大時,會不利於 Google 檢索你文章的架構,想當然就會降低 SEO 的分數。

同理,若你想要設定 H3,就在程式碼中改成 <h3> </h3> 來包住要設定的文字。另外,最好不要跳著使用 H 標籤,請依照數字順序使用,舉例來說,不要設定了 H2 以後,下一個階層就使用 H4,而字體大小也建議一層一層遞減,如編輯建議 H2 字體大小設定為 22px,那 H3 則可設定為 20px,以此類推。 

而關於 H3 之後的使用時間,就可以想像成「段落中的段落小標題」,如下圖示意,店家就能夠自行判斷各個 H 標籤的使用時機。

Google 演算法對於文章段落的喜好,依序從  H1 至 H6 使用 H 標籤
圖四、Google 演算法對於文章段落的喜好,依序從  H1 至 H6 使用 H 標籤

📌 以上有用到程式碼調整的部分,歡迎店家以及讀者參考使用,並請定期留意商店前台呈現狀況!

Step 2:優化你的段落標題 SEO

當各位店家設定好段落標題的 H 標籤後,則可以一並進行 SEO 的優化,大部分有 SEO 觀念的店家都知道,在文章中置入「適量」的關鍵字,有利於文章的 SEO,而有時候硬要在文章中強行置入關鍵字,不僅會讓文章讀起來不順暢,更會降低讀者閱讀體驗,反而讓 Google 認定你的文章不符合讀者的需求,降低文章的搜尋排名曝光。

這時候,段落標題就很適合拿來做關鍵字的置入,舉例來說,如果一個健身用品品牌,今天想透過撰寫「在家健身 7 步驟」的相關文章,並且設定關鍵字為「在家健身」,這時候就可以將段落標題調整為:

  • 在家健身步驟一:………………….
  • 在家健身步驟二:………………….
  • 在家健身步驟三:………………….

不僅比較不會影響文章閱讀的順暢度,同時也可以有效的在文章各段落中置入相關關鍵字。

繼續閱讀文章

後續文章視覺優化怎麼做?

在清楚地將文章分段明確後,此時可以進行文章後續的視覺優化,編輯大概整理了三種可以調整的地方,各位店家可以視情需求進行調整,分別為「設定引言」、「調整文字行距」、「設定文章封面」

文章優化一、設定引言:

文章引言就像是一本書的摘要,簡述文章的重點,藉此勾起讀者閱讀(如下示意圖灰色區塊),而 SHOPLINE 的部落格功能會將文章最前面的文字放在部落格首頁,因此設定文章引言有助於吸引顧客點擊閱讀(如本文圖十),各位店家不妨可以嘗試加入引言,而具體該怎麼用 SHOPLINE 的部落格設定文章引言呢?