標籤部落格設計

部落格圖片優化懶人包

我一直認為部落格圖片優化是部落格經營最重要的首要工作，不管是要搶佔 SEO 的關鍵字，或努力經營社群想辦法吸引讀者注意，圖片都是所有人最先注意到的門面，沒有好的圖片就像是參加宴會的人沒有得體的打扮。

Font Awesome 俗稱 Icon Font，細節就不花太多篇幅介紹，只要知道他就是一個長得像 Icon 的字體，可以跟字體一樣放大、縮小、改顏色、插入到文章中，呈現的樣式跟字體完全一模一樣，減少了文章中每次要使用到 Icon 就得插入圖片的麻煩。

每個人撰寫部落格文章時都有屬於自己的內文排版風格，但在首頁的文章 List 排版時卻都比較不太會注意到一些細節，大部分的設計都比較注重在字體設計的大小為主，甚少用其技巧方法來設計。

每次和部落客討落部落格版型時都會碰到相同的問題，我的部落格該不該留著側邊欄？如果以設計的美觀來討論這個問題會比較難有統一的答案，畢竟設計是很主觀的，但如果以 SEO 來討論側邊欄是否該保留很快就會有共識了。

許多人架設部落格時總會為了該挑選怎麼樣的部落格版型設計感到困擾，往往花了不少的金錢與時間卻沒法幫自己的版型做到滿意的設計，又或是看著一樣的版型為什麼他套用了就很好看，我套用了卻感覺少了什麼樣的感覺，其實版型不需要花費太多的時間拘泥，只要掌握以下 5 個步驟便可以完成 80 分的版型設計。

在設計網頁或任何數位內容時，版權宣告（Copyright）可能常被視為次要且缺乏設計細節的元素。然而，若能好好設計版權宣告的細節，這個小地方實際上能夠發揮極大的作用。在本篇文章中，將從行銷專家的角度探討如何設計版權宣告，以提高其實用性和吸引力。

Adobe Stock 是 Adobe 官方開放給所有創作者使用的網站，除了有付費的高品質相片、影片、插圖、向量圖形、3D 等資產和範本，最近更提供了 70,000 張免費圖片供創作者使用，在合理範圍內更能使用在商業用途上。

現在的部落格版型設計越來越方便，不再需要學習任何 CSS 或 HTML 語法，即可靠版型本身的設計介面完成屬於自己的部落格版型設計；縱使設計的工具越來越方便了卻不代表美感會跟著提升，到了最後反而會發現怎麼自己用預設版型或預設工具做出來的網站到處都跟他人撞版。

近日協助許多部落客們更換部落格版型，在更換的過程中也看了許多人的文章排版，發現大部分的部落客在排版上都很用心，包含了許多的延伸閱讀、文章分享、側邊欄的設計等細節，但這些都是有必要存在或是該直接放棄呢？該把文章設定成讀者看完一篇文章就會離開又或是會一篇接著一篇閱讀下去的模式也是非常值得考量的。

部落格經營我們常會討論到圖片尺寸的規格、檔案大小還有浮水印等問題，但甚少有人可以比較明確指出該怎麼做比較好，可以在照片清晰度、網站速度上取得平衡，又或是現在越來越多平台與媒體與部落客們合作，他們對於照片的索取又會有什麼樣的看法呢？