優質的網頁排版教學 翹鬍子旅行團&尼克玩食大探險

我們看到許多網頁排版似乎非常的漂亮,但是當自己著手排版的時候卻會發現許多格格不入的問題,今天我們就來參考翹鬍子旅行團&尼克玩食大探險這兩個部落格的網頁排版格式,並和大家分享正確的網頁排版觀念與SEO的搭配,讓兩者得到最佳的平衡。

影片教學

網頁排版的基本觀念

蠻多部落客會問我文章的編排到底是要相傳統一段話一個段落,還是可以一句話就一個斷行來做排版,這兩者對SEO不會有影響,在文章閱讀上也許現在絕大多數的年輕人也已經習慣了後者的排版方式,但在閱讀習慣上,傳統的段落才是長文章閱讀的最舒適排版;如果你日後想要跟一些較大的媒體合作當駐站作家或是出版書籍,這一個基本的排版觀念就應該要提早開始注意並練習了。

標點符號的使用

我一直非常介意正確的標點符號使用,中文沒有半形的標點符號只有全形的標點符號;標點符號也分非常多種,各有各的正確用途:逗號、頓號、冒號、分號、引號、驚嘆號、問號等等,但現在許多人似乎只會用逗號和句號。

在介紹書名的時候應該要有「書名號」也是許多人容易忽略的,有人會問哪介紹歌曲或電影名稱的時候該用什麼樣的標點符號?在教育部最新的標點符號解釋:電影和歌曲我們可以把書名號的《》改成單一的<>即可,我們稱之為「單書名號」。

介紹人名、地名或國名的時候則會有所謂的「專名號」,就是所謂的底線,因為在網路使用上可能會跟超連結的底線衝突,所以我們都會用「引號」來取代。

點點點也是我們常常使用卻容易忽略的標點符號,稱為「省略號」,省略號要有六個點不能不能少也不能多,最早的省略號是三個點,但是在直式排版的時候很容易跟冒號搞混就改成了六個點。

在部落格分享的時候我個人會習慣使用「※參考標記」,這是許多人容易忽略的小地方,許多人會用一些小ICO作取代,如果不是很正式的排版便沒有沒關係。

正確的文字的排版

文字顏色、字型大小、粗細也都是排版的時候容易被忽略的問題,文字顏色跟SEO完全沒有關聯;許多人在排版的時候喜歡用非常非常多的顏色來標註各個不同的重點,也許非常的活潑,但在閱讀上卻容易搞亂,比較少聽到有人抱怨這一類的問題,所以就很少人在教文字排版的顏色了。

排版上盡量以紅色來做重點標註,不要有深淺的紅,也不要有粉紅色,原因對於色盲或者是色弱的閱讀者是無法做辨識的,綠色也是色盲無法辨識的顏色,這也是為什麼超連結的符號我們會用藍色的原因,因為色盲是可以辨識藍色的;所以我常常強調在文章的排版中除非是超連結,不然盡量不要使用藍色來標註文字,也不要用底線來做標註,因為藍色和底線很容易被誤會成是超連結

粗體在網頁排版的使用上也要非常注意,我們通常是以顏色來標示重點,因為在網頁文章的排版上粗體是跟SEO有關聯的 ,所以SEO教學的時候我會說「你希望這一組字被搜尋到才用粗體」,不要把一整段話都用粗體來做標示粗體他不會比顏色來的明顯,如果你是單純畫重點請以顏色來做標示。

在做部落格健檢的時候會發現很多人會一篇篇文章去設定文字大小,這是錯誤的觀念,內容文字大小的設定應該是要統一在CSS做設定,因為哪天你可能想要換新版型或者是統一改變整個網站的文字尺尺寸,用CSS就可以統一改進了,如果你是一篇篇文章獨立設定字體大小,日後就沒有辦法做批次的設定,這一點非常的重要。

在文章的排版上因為我是個很龜毛的人,所以我會非常在意「分散對齊」,就是所謂的前後都齊頭旗尾;也許你會問我這個排版對SEO以幫助嗎?應該說這是長文章非常重要的小細節,對於長時間的閱讀非常重要。

項目符號與縮排的使用

項目符號的使用主要是在你有好幾點的事情要解釋,然後可能會標註第一點、第二點、第三點等等,許多人會把每一個項目的標題用粗體或顏色做標示。

我會建議使用「段落標題」,他對SEO是有加分的,如果你今天的排版並不想使用段落標題,只是單純做好幾點的標示,這就是「項目符號」派得上用場的時候了;當文字自動換行的時候可以讓讀者有非常明確的辨識,尤其在手機排閱讀的時候特別明顯,這也是許多部落客很容易忽略的排版細節。

有些人可能就會用ICO來代替項目符號,本人並不反對這一類的取代方式,因為呈現上會更活潑或美麗,但我就會建議你項目的內文記得要做「縮排」。

文章排版的基本心法

正確的排版方法非常的簡單,只要注意「整齊」和「統一 」,每一個人都有他的排版習慣,都不一定要強烈改進,畢竟自己的部落格自己看得爽最重要,那你就要有統一的格式讓讀者習慣;當讀者看到你放這個ICO的時候就代表某某意思,看到這個顏色就知道他是重點等等,就像我們看到紅色代表的是禁止或警告、黃色是注意、綠色是安全,他們都是有約定俗成的。

我們不一定要用百分百一模一樣的方法來呈現,但也要盡量讓讀者第一眼就可以辨識出你想要表達的意思,早期的排版我們也許只要注意電腦螢幕看到的樣式即可,現在多了手機和平板的載具,就要試著想辦法讓一個排版可以同時滿足這些不同的閱讀需求;像之前和大家介紹的TablePress表格排版外掛就是一個非常好的例子。

排版是很花時間又不起眼的工作,還是希望大家可以盡量養成正確的習慣,除了可以讓自己工作上節省時間,也可以讓讀者閱讀上得到更好的環境,最終這些付出都會在人氣上得到回饋。

※延伸閱讀:TablePress 最齊全的WordPress表格設計

導讀網站

Hello,我們是旅遊部落客/旅遊作家 俏鬍子旅行團。一對攜手走過 50+ 個國度,重度旅行上癮的姐妹。 因為喜歡旅行,相信每個人的旅行都該獨一無二,所以創立了旅遊部落格。這裏主要紀錄國外自助點滴,內容涵括旅遊資訊與經驗分享、景點/住宿/餐飲介紹、旅遊攝影技巧和實用的旅行好物推薦等。由於部落格創立初衷在於分享在世界遇見的美好,因此我們僅分享真心喜愛的產品與事物,並會於文末告知讀者為合作文章,希望您能諒解。

藉由美食,探索世間微小的幸福;藉由玩樂,感受世界宏偉的美妙;幫助需要的人,讓社會更有意義;用我一步一腳印的足跡,踏足人生的歷險;我是戴著紅色帽子的部落客-尼克玩食大探險。

相關文章導讀

創用 CC 授權條款
WordPress架站百寶箱阿腸製作,以創用CC 姓名標示-非商業性-禁止改作 4.0 國際 授權條款釋出。

抱歉,本篇文章留言已經關閉。