以網頁設計觀點切入 — 用關鍵字SEO強化你的 Medium文章

林育正 Riven
RAR 設計攻略
Published in
4 min readMay 2, 2018

最近也觀察到不少朋友開始寫 Medium文章,又隨著Google演算法的方向一直是讓優質的內容更容易被看見,經營自己的部落格可能成為下個社群戰場。

在閱讀Medium 文章時常常會冒出很多心裏OS,就像平面設計師看到新細明體的招牌那樣,常會忍不住提醒作者注意格式,但其實這塊若是工程師是更懂的,不過我想他們看到應該都先吐血陣亡了,只好由我來說說。

如何在Medium上進行SEO優化

網頁設計不全然是只有追求視覺(Visual Design )及 好用的UI(User Interface),為了更有效地讓網站在數位世界中生存,還需要的是搜尋引擎優化 (SEO),寫部落格文章同理。

關鍵字 — — 下對標題就贏一半

做網站時做文案往往不是跟臉書粉專發文一樣,只要感人、吸引人就好,還要搭配GA想好怎麼塞關鍵字進去標題裡面,讓費心思產出的內容,能夠發揮四溢的效果。

在FB社團、個人臉書等社群網站導流到你的文章,在短期內提升瀏覽量是最快的,不過考慮到同溫層與時效性,我們還是需要幫網頁做好搜尋引擎優化,就當這是為了幾個月、甚至幾年後的某個貴人,能在Google上順利找到你而做的準備吧。寫Medium同理。

SEO的學問博大精深,這邊只截取部分適合部落格來討論,目標是:讓文章可以躺著就被別人找到。

Step 1 — 定義讀者輪廓

「想清楚讀者群眾是誰、他們想看什麼?」,然後就是精準地將關鍵字埋入標題。如果不知道怎麼下,可以稍微參考蘋果日報或內容農場的文章標題,可能有些人會覺得內容農場很廢,但廢的其實就只是內容,農場主人下標題的能力可是超強的。

//*試想*// 如果今天看到一個吸引人的標題,點進去看到更棒的內容,那不是很棒嗎?

Step 2—下標下好下滿

下完文章標題後,內文也同樣需要重點標題,讓讀者能更清晰地理解你的脈絡。

這邊介紹個概念 Heading Tag,他是網頁構成的 html語法中的元素,包含<h1><h2>..等,依照重要性依序排下去,他會讓搜尋引強更方便地劃重點,寫文章同理。

<head>
<h1>在網頁的語法中標題會長這樣</h1>
</head>

這部分Medium內容編輯器中已經幫你做好了:

標題就標題,別用粗體字蒙混過關!

如何巧妙地結合關鍵字進去文章裡的標題就是關鍵。

Step 3— 大腸包小腸心法:

主標+副標 = 標題

不囉唆,直接舉例。

|案例 — 1|

預設觀看群眾臉書粉專經營者,共同痛點是則貼文都要手動按邀請。猜測可能上網查的關鍵字:

「粉專 一個一個按邀請」

置入主標題。

可能有另外一群人比較善於自動化思考,可能還會加 「機器人

這部分可以參考Medium超新星作家 Chofy Lin 的相關文章,對設計人來說有都很受用。

|案例 — 2|

如果想順便置入品牌,可以申請 Medium Publication,名稱放於後綴,就可以專注在標題的關鍵字上。

這個可以參考 魏佑竹 Jude 寫的「如何打造順眼的 Medium 雜誌頁面」 有詳細的教學。

後記|魔鬼藏在細節裡

關於文章本體的幾個小準則,算是加分題,可以斟酌採用。

  1. 增加超連結數量:有助於優化搜尋,並注意善用內嵌(快捷鍵Command + K)別讓又臭又長的網址外露。
  2. 要用格式:其實Medium已經把文章編輯簡化很多,就粗體 斜體 ,善用也會有幫助。
  3. 微響應式設計:文章Publish後,用手機網頁跟APP瀏覽看看,可能有些排版不盡 如意。
51下是開玩笑的啦XD Pinterest

日常的小分享或生活動態都在 個人臉書 歡迎追蹤!

相關合作洽談請來信至:riven@monospace.tw

我是Riven 我們下次見囉~!

--

--

林育正 Riven
RAR 設計攻略

是數位遊牧型態的設計師💻 喜歡邊旅行邊工作的生活,逐網路、插座與咖啡而居。期待能夠將艱難的設計與開發技術,用麻瓜都能夠聽得懂的話,說給每一個人聽。更多關於我:riven.design