對我來說,要讓網站在搜尋引擎取得好的排名表現,把程式碼寫正確是首要任務,因此我相當重視 Google 之前釋出的「搜尋引擎最佳化入門指南」說明文件,如果你對於開發網站有興趣,或是工作也會碰到相關內容,之前推薦過「HEAD 網頁開發參考手冊」很有用,它收錄 HTML5 在會出現的各種元件和使用範例,幫助開發者寫出更為完整全面的網頁標頭,對不想要翻找艱澀繁瑣說明文件的朋友 HEAD 也直接給出最基本的標頭範例。
社群媒體最佳化
Mock Magic 為擷圖畫面加上外框,支援 iPhone、MacBook 等裝置模型
我介紹過不少實物模型(Mockup)工具,可以讓使用者上傳畫面,快速合成到相片中出現的裝置畫面,像是 iPhone、iPad 或是 MacBook,有些還帶有裝飾或景深,看起來非常專業!有時候如果需要展示網頁或應用程式,單獨放上擷圖好像又太單調,就可以選擇像是 Mockup Photos、MockDrop 或 Mockuper 等服務稍微處理一下,類似工具都不需要額外下載安裝軟體,只要選擇想使用的模型,把手邊相片上傳後就會整合。
MockDrop 免費 Mockups 產生器,在圖庫相片整合想呈現的畫面
上面這張相片頗具質感,電腦顯示的是免費資源網路社群首頁,其實不是由我拍攝,現今有非常多的線上工具可以做到所謂「模型」(Mockups)效果,簡單來說就是將你要呈現的畫面整合到圖庫相片特定裝置或範圍,營造出一種好像是自己拍攝的錯覺,對要展示畫面來說會有不錯的效果,例如 Mockup Photos 提供數千張高畫質素材,是我近期最常用的服務;Smartmockups 則是我較早會使用的模型工具,後來相片都必須付費才能使用。
Device Shots 將圖片快速整合到手機、平板電腦或筆電顯示器螢幕
有時候我們會需要將應用程式或是網站畫面呈現在裝置上,例如在設計網站、介紹教學或展示產品會用到,不過要直接拍攝裝置其實並不容易,除非本身有不錯的攝影器材和光線,還得加上後製修圖的時間,其實只要使用 Mockups 工具就能輕鬆做到,我之前介紹過 Qurb、Mobile Mockup 和 MockUPhone 都能達到類似效果,像是將畫面整合到手機、平板電腦或是筆記型電腦,還能選擇不同的裝置外框、顏色或背景顏色等等,即使手邊沒有軟體也能輕鬆製作素材。
Photerloo 上傳照片自動產生 Instagram Hashtags,增加 IG 照片觸及人數
去年我已經將自己的 Facebook 帳號刪除,個人網誌也已荒廢一段時間,不過一些日常瑣事和想法還是會透過 Instagram 分享,我是一個喜歡拍照並以文字紀錄生活的人,想想 IG 好像更適合自己吧!這幾年有不少人都將重心轉移到 Instagram ,相較於 Facebook 還得面對親朋好友或同事的壓力,或許隨手拍拍照片影片分享社群比較沒有負擔。
Metatags.io 線上預覽、編輯產生對應的 Meta 標籤
Instagram Story Templates 製作 IG 相片拼貼,讓限時動態顯示更多圖片
Kapwing Video Resizer 將影片線上轉為 IG、Facebook 和 Twitter 社群網站最佳顯示尺寸
若有當過社群網站小編,一定知道每個社群平台使用的圖片、影片尺寸大小各不相同,雖然會自動將圖片裁切成適當尺寸,但如果要獲得最佳顯示效果,建議先自己調整成最佳顯示大小,以免在處理時將重要部分刪除,圖片可以透過「Landscape 為社群圖片最佳化,自動裁切找出最佳曝光黃金比例」和 Tiny Visuals 兩項之前介紹過的服務做到,遇到影片的話除了自己打開編輯軟體剪裁外,現在也有線上工具可以快速從瀏覽器完成影片調整尺寸工作。