by Mr.Wuli 8 月 26, 2018 | 網站經營 , 隨手雜記 |
在這個大家都在網路上找資訊、找產品的時代，如果你的商品或是服務無法在搜尋引擎被消費者找到，那麼你要生存下去的機率，基本上應該已經少了至少 50 ％ 了。（ 雖然說這個數據完全沒有任何取樣基準，單純個人不負責的猜測 ..）
但是要怎麼讓自己的商品在網路上被你的目標族群，也就是客人（恩客？） 發現，進而購買你的商品或是服務？寫寫 Blog 、成立 FACEBOOK 粉絲專門頁面（ 粉專 ）或是搞一下時下年輕人流行的 Instagram ( iG )，光是這樣就能創業了嗎？
目前主要經營的兩個網站，左邊是 MRWULI.COM 右邊是 LiSWEi.com ; 分別記載著不同的內容。 算一下自己寫 Blog 的到現在，真正認真開始寫應該也有 ４年了吧…。剛開始每天都寫一篇，一天只有 4 個親友來看；到後來一個禮拜寫一篇 ， 直到後來一個月一篇，單月瀏覽量 78,373 up。一路走來、邊走邊試，開始成立自己的工作室和朋友合作接案，開始專心做自己喜歡的工作。
在周遭的朋友看來，你過得自在又輕鬆，但其實你一直都沒有真正下班的時間，就算沒有與人面對面工作，腦袋裡也總是想著怎麼走向下一步？
身邊的朋友們，要嘛覺得你工作很輕鬆、賺很大；不然就是覺得你怎麼每天都要工作…？（ 卻很難體會背後的辛勞與開銷 🤷🏻♂️）
上圖為我在上傳 WordPress之前會使用的編碼軟體 Coda。目前使用的版本是 2.6.1 其實光是要寫好 blog ，要做的事情就不只是打打字這麼簡單了。寫文章前要先查資料、整理資料、找圖（如果不想侵權的話，最好還是自己拍照、自己做圖）學一些簡單的 HTML 跟 CSS 編碼（ 而且這還只是寫程式的幼稚園等級而已）。
就以我個人的寫作流程來說..：通常我會先用蘋果電腦的 Safari 瀏覽器來找資料，因為 Safari 對 mac 電腦來說比較不會耗損電腦資源（ 畢竟寫作時幾乎都會同時開很多軟體 ）、接著再用 Ulysses 來撰寫文章內文，預覽圖片與文章的排版。為了確認資料的正確性；比較沒有把握的部分，通常會使用日文與英文的 Google 搜尋資料、交叉比對一下。
大部分的圖像以及照片我都在 Affinity Designer 中處理，因為多數都是插畫或是截圖，所以反而比較少看 Affinity Photo修圖。 文章附圖的部分，盡可能自己拍；沒有實品的話就用 affinity designer 畫圖、或是採用螢幕截圖的方式（ 螢幕截圖的話，基本上就不會上logo或浮水印 ；畢竟那些不是自己做的東西..）。
接著，我會把用 Ulysses 寫好的文章用 Coda 打開、調整一下圖片的排版與備註；最後才把整篇文章連同語法貼到 WordPress 的網誌頁面中。
以自己的網誌來說..比起花俏的視覺效果、我會比較在意行高以及排班的設計（ 其實太難的我也還沒有時間完成.. ），所以有時心血來潮會打開 Coda 調整一下 CSS 來改變網誌的排版，希望前來觀看的人能夠更舒服的閱讀體驗。
雖然萬事起頭難，但 Youtube 的經營對目前的我來說，有點吃力…希望能盡快上手。 雖然最近也開始嘗試拍些簡單的影片上傳 Youtube ，開始摸索、了解 Youtube 的邏輯以及與寫作不同的地方；但就目前來說，似乎還是寫作比較得心應手？ 啪啪啪的就可以隨手打個 1,000 ～ 3,000 字。（雖然用啪啪啪的聲狀詞來形容似乎有點奇怪？）
目前的體會是… 製作影片與寫作不同的地方在於，文字要修改很快，即使後來發現整篇文章的流動或是語意（ 錯字 ）有需要修改的部分，也可以迅速地做修正；而拍影片講錯字或是說錯話時，如果要一一校正修改的話，那真的需要花很大的工程，甚至有可能需要整段影片、重新拍攝。非常不適合完美主義的人以及強迫症患者，尤其是在剛入門影片剪輯的時候，需要學習剪輯影片的軟體、同時也要有整理歸檔影片素材的意識，不然很多素材就無法再利用。對後期來說可能會有點可惜，導致花上更多不必要的時間。相較於拍攝／剪輯、修改影片 ／ 修復音頻／上字幕／編輯影片介紹與資訊；修改文章錯字真的是小菜一碟！
感謝您的閱讀與分享
非常感謝您，觀看這篇隨手寫寫的網誌，雖然在文中分享的經驗很有限，但確實是從開始到現在的一些真實感觸。社群以及自媒體的經營，真的不是一條輕鬆的路。如果你也是同好的話，就讓我們彼此互相加油吧。（ 認真對自己說 ）
順便分享一下此篇所提到的幾個程式連結：
Affinity Designer & Affinity Photo
Coda 2 編碼軟體、網頁設計軟體
Facebook Business
Instagram
WordPress
YouTube Spotlight
Ulysses
by Mr.Wuli 6 月 25, 2018 | 網站經營 |
在開始有了 “要認真創業” 的想法之前，我就曾經寫過一份關於網路創業的計畫書。該計畫的內容包含：”誰需要知道我是誰？” “他們要怎麼得知我是誰？” “他們為什麼需要知道我是誰？” 以及該如何建立個人或是工作室的品牌形象…等等。
但在最近看完了 “一擊奏效的社群行銷術” 之後，又再一次燃起那股 “對於行銷的熱情”。就如同書中所說的：「行銷很難，而且越來越難。但我們沒有時間去緬懷過去，或自怨自哀，顧影自憐一點用都沒有」只要我們不向這些挑戰低頭，持續地保持警覺並且利用這些改變創造優勢，就能瞬間把其他行銷團隊甩得遠遠的。
沒錯，別人會追趕上你；但你得向下一個目標前進。
因為你就是一個品牌，你所做的一切就代表了你自己！
所以今天抽空再次開啟 2015 年的那份計畫書，回頭檢視過去所寫下的每一字一句，思考著該如何朝下一個目標繼續前進。
關於：關鍵字 & hashtag
正因為要寫這篇文章的關係，我快速的查了一下資料：原來 Hashtag 在一開始是由一名 Twitter 用戶所提案的一項新規則 ，後來就連 Facebook 、Instagram 也都開始沿用這項功能。透過 Hashtag 我們可以標記貼文中的關鍵字，讓更多擁有相同興趣的用戶能夠探索到我們的貼文內容。有點像是 Mac 電腦裡面的 #跨資料夾標籤，可以跨越 資料夾的限制，找尋擁有相同關鍵字的資料。
而在 Facebook 與 Instagram 甚至是 Twitter 中 #hashtag 都擁有跨用戶搜尋相同話題的功能。你可以透過點擊 #Hashtag 來找尋最新的相同話題，只要該貼文是以公開的形式張貼，全世界的用戶都能夠看到該則貼文。
舉例來說，如果我看到 2018 世界盃足球賽 的貼文，而貼文中也有標記 #2018世界盃足球賽 的hashtag ，只要我點擊該 Tag 的連結，就可以看到更多關於 世界盃足球賽 的相關動態消息。
多多善用 Hashtag 不但可以激發寫作靈感，還可以發現更多相似的話題與貼文動態。 但在台灣真的會利用 Hashtag 的人好像並不多，多數的人只是會在臉書的貼文上加標籤，但是真的會用 #標籤 去找資料的人好像很少，或者是說因為標籤的濫用，導致於標籤的可信度與相關性反而變得不太高。反而有點像是個人的 分類標籤 或是 加重字體、語氣。
如何更有效的使用 Hashtag ?
為了更有效的使用 Hashtag ，我上網 Google 了一下關於 Hashtag 的資料，順便了解一下，其他人 或者是 其他國家的人是怎麼使用 hashtag 的？
在一份 日本 的 Hashtag 文章中有寫到 Hashtag 的活用法：
同じことに興味を持った人たちと、共通の話題で盛り上がれる
他のユーザーがハッシュタグで検索することで、自分の投稿を見てもらえる
人気のハッシュタグから旬の話題がわかる
根據不同平台的規則不同， Hashtag 的使用上也有些許的差異；例如：雖然像 Facebook 的 # 可以使用全形字體，但是一但貼文轉到 Instagram 或是 Twitter 可能就會失效了！( 另外如果關鍵字中間插有標點符號，Hashtag 也會失效 ) 以及 Hashtag 的正確使用方法：
投稿の内容に沿ったワードを選ぶこと
ひとつの投稿にハッシュタグは多くても2～3個程度とすること
長すぎるハッシュタグは使わない
以上轉載至：BIGLBE
當然所謂的正確用法，也只是該作者的個人認知，熱心的提供給各位參考。而我個人則認為關於上述的使用方法，應該可以根據國情的不同，以及實際的情況與策略來做些調整。比如說：當你想挑戰的關鍵字很競爭時，可以試著用長一點的關鍵字，來統整自己相同性質的文章。關於這點也與 Google 的關鍵字策略有些雷同。（ 你得先從容易進攻的地方下手 ）
寫到這裡我也開始再一次的思考未來要怎麼 “更有效的使用關鍵字與 Hashtag” ? 於是我把 2014 年寫的 “SEO 行銷策略計畫” 再次來出來檢視，看看在過去所有的關鍵字中，有沒有什麼關鍵字已經脫離我目前的方針或是路線的、是否該繼續使用該關鍵字？ 又或者在當初的這些關鍵字裡面，有哪些優先順序需要做調整的？（ 當然在想怎麼操作關鍵字之前，要再次確認自己要吸引的目標族群、客戶是什麼樣的人 ）
要怎麼擬定你的關鍵字策略？
如果你也在思考要怎麼擬定你的關鍵字策略，我在此也分享一些我目前的想法。雖然我不知道結果會如何，但我相信自己的分析；而且成長就是在不斷錯誤中做修正！總是得試了才知道下一步該怎麼走。
在開始寫部落格或是建構網站之前，可以利用 心智圖軟體 稍微整理以下未來想走的方向，再把你的關鍵字置入到貼文以及網誌內容中。 mrwuli.com 的關鍵字策略
依順序從 2個字 的關鍵字開始想，再來就是 3個字、 4個字 ，以此類推
在想出來的關鍵字中找出對你的收益最有利的關鍵字、並排列順序
找一個數位筆記本把它記下來！ ( Ex: Evernote 、 SimpleNote 、 Ulysses )
調查所有的關鍵字中哪幾個最熱門？
在你未來的貼文、文章中置入這些關鍵字。
好了～ 下一步就是開始創造屬於自己的內容拉！不然只有想，而沒有去做；一切都只是空談對吧？今天的分享就到這裡到一個段落了，如果你也對網路行銷、內容行銷、SEO 關鍵字有興趣的話，歡迎留言發表你的想法～
Save Save
Save Save
by Mr.Wuli 3 月 11, 2018 | 閱讀學習 |
今天我們來聊聊自學進修這件事情，經過這麼多年來的自學、以及教學經驗，我可以很確定的說，並不是每一個人都可以自學的…（但只要你有心，還是可以試試）
怎麼說呢？
兩個字 – 紀律
你覺得自己是個有紀律的人嗎？
Yes – 也許你可以透過自我學習的方式來進修
No – 你需要一些激勵，推動你前進的力量（去上課、或找個好老師）
當你擁有紀律以後，還需要3種很重要能力..
1. 搜尋的能力
2. 分析的能力
3. 統整的能力
先說說第一個 「搜尋的能力」好了
自學與參與課程最大的不同在於 “沒有人會主動告訴你答案” ，你必須自己問自己問題，自己和自己對話；同時也要懂得如何去找尋答案。所以搜尋的能力是你必須具備的。但是在茫茫的 Google 大海中，你該如何確定什麼才是你真正需要的呢？哪個才是正確答案？ 這時你就需要辨識與分析的能力了。
關於分析的能力
在自學的階段，你需要大量的分析能力，分析當你遇到問題的時候該搜尋些什麼關鍵字？搜尋到的網頁中資料中哪些內容是你需要的、適合你的？ 除了要搞清楚自己的狀態外，同時你也會需要去分析哪些方法是適合你去實踐的，或是能夠在現狀幫助到你的。
所以 搜尋 》分析 》整理（統整）就是你在自學時會不斷重複的一個流程。
整理以及統整的能力
比如說，你想創作音樂、學作曲編曲好了；那該具備什麼樣的能力？ 彈奏樂器的能力？ 寫譜的能力？操作軟體的能力？ 還是辨識、操作器材的能力？
不管你的問題是什麼，這時你就得開始找答案…而 Google 就是你最好的好朋友、一位好老師。只是..在開始找答案之前，你必須先了解自己目前的狀態 “需要什麼” ？
因為就跟一開始我們所提到的問題一樣，每個人需要的答案都不同。如果你喜歡的是 電音 、饒舌、夢想是當個 DJ ，那麼學習寫五線譜可能就不是你的當務之急；反而是學會怎麼去找尋不同的音樂素材、使用一套 DAW 軟體去整理、拼貼會更有幫助。
這就是分析》分析什麼是最需要的，可以先解決的問題。
然後搜尋適合你的解決方案 （搜尋的能力）
在眾多資訊裡面，找出重點，並比對自己的狀況（統整的能力）
不斷的重複這樣的流程，然後堅持下去…
這就是自學、一條孤獨的路
但想要成功，有時必須享受孤獨..？
感謝你的閱讀與分享，如果你還在自學與報名課程之間迷惘的話，希望上述的資訊能幫助到你；另外，如果你看完這篇文章有任何想法或是建議，也歡迎你在下方留言與我分享。
下邊文章見摟！
by Mr.Wuli 10 月 2, 2017 | 網站經營 |
最近生活步調稍微有些改變，想說空出來的時間就順手修改一下網頁；但真的太久沒有製作網頁了，乾脆在正式開始做之前複習一下製作網站流程。
又那麼剛好..最近 udemy 在特價，隨手就買了一些教學影片來看看別人都怎麼教的？然後順便整理一下寫寫筆記
本篇目錄 :
關於製作網頁的技能與軟體面
Photo Shop or Affinity Photo
illustrator or Affinity Desitner
HTML ＆ CSS
Deramweaver or Coda
關於製作網頁的技能與軟體面：
說到做網頁大家會想到什麼呢？「那麼難的東西我才學不會呢！」、「感覺需要英文很強？」.. 其實一開始我也是這樣覺得的，對於英文很爛的自己來說，要學會寫語法這件事，一直是我遲遲不敢去學寫程式的一個障礙。
但是好加在剛開始學製作做網頁的時候 Adobe 有個叫 Dreamweaver 的軟體，在界面上有中文的選單，在製作時也可以省去很多網頁語法的編輯，即使是不會英文的人，也可以輕鬆的製作一個簡單的網站。
但一但深入接觸網頁製作後，才發現… 原來做網頁不是只要學會一套軟體就夠了！在一個網站裡其實有很多元素，包含照片、文字、還有排版的美感要注意、以及按鈕功能性還有規劃便利的選單導覽 .. 等等。真的是一門很深的學問啊！（但幸運的事.. 做網頁與設計，比製作音樂省多了！）
今天這篇文章想跟大家簡單的分享一下，自己在學習網頁製作的這段時間以來，關於製作網頁技能的想法以及工具軟體的介紹。
Photo Shop or Affinity Photo
對於多數的人來說，一個網頁中如果只有文字是一件很無聊的事！因此不管是商品相片還是背景圖示的點綴可以說是在所難免的。（但如果文字間距與排版顧好的話，還是很有質感的～ ；關於這一點日本人真的很厲害！）
在製作網頁的時候你可能會需要一些相片以及圖像的素材，幸運的話，你可以在網路上找到一些免費授權又符合你需求的圖片。但多數免費的圖片可能都不符合你的需求；而且真的要購買的話.. 又要花很多時間去挑選照片><
所以這個時候…還是自己照最快對吧！
雖然說自己照的照片是比較符合原本的概念，但如果照片一不小心沒有拍好的話，難免還是會需要用到像 Photo Shop 或是 Affinity Photo 這樣的軟體來進行編修。不論時構圖的重新剪裁也好、或是色調的調整，上述的兩套軟體都是很好的工具。
修圖軟體可以辦到的事
把不需要的元素去除（例如不小心拍到的路人）
調整相片的亮度與對比 （把陰天修成大晴天）
將平凡的照片加上個性特效 （如 Instagram 的相片特效）
在相片上添加文字或製作文字特效 （例如海報的製作）
適合學習繪圖軟體的人
攝影師 or 對攝影有興趣的人
網頁設計師 or 部落客
一般使用者 （喜歡學習新技能的人）
ILLUSTRATOR or Affinity Designer or Cocoo
Illustrator 跟 Affinity Designer 等軟體比較偏向「向量檔案」的編輯，經常應用在 插畫 、 網站架構草考製作、平面雜誌、文宣等設計上。如果你想製作一些教學文章、或是影片，也可以用 Illustrator 以及 Affinity Designer 來做一些設計上的輔助。
但如果你覺得這類軟體太難上手，也可以試著用 Word 或是 Excel 來製作網站的草稿。雖然在功能的精細度、活用度上比不上 Illustrator 跟 Affinity Desinger ，但卻適合新手在電腦上製作簡單的網頁草稿。
另外還有一套線上的網站草稿製作網站 ”Cocoo”，頁面設計得非常簡單，有興趣的人可以嘗試看看。（它是有收費的唷！）
HTML ＆ CSS
等你製作好網站草稿後，差不多就可以開始著手進行網站內部的程式語法撰寫了（也是就是 Coding 的部分）。
HTML 與 CSS 是作為一個網頁製作新手，必須要了解的其中兩種基礎語法.. 雖然說第一次接觸時，可能會覺得有點頭暈、想放棄；但只要有心，人人都可以是網頁設計師！（想想周星馳說過話.. 燃燒你的小宇宙吧）
註：英文好不好，跟會不會編寫程式碼，其實並沒有你想像的影響那麼大，現在很多軟體都可以協助你去記那些編碼、甚至是幫你輸入，你只要還沒有瞎、看得懂英文字母就沒有可以了！
Dreamweaver or Coda
如果你跟我一樣英文不好的話，可以考慮使用 Dreamweaver 或是 Coda 這兩套網頁製作軟體。Dreamweaver 是 Adobe 旗下的產品，使用的人多、網路上的教學與資源也多；價格的部分採月租制度，長期下來製作成本會稍微高一點。Cada 的話可以買斷，適合打算深度研究、又想節省軟體費用的人。
另外，有些人研究了一陣子後，可能就會比較偏向使用「程式編碼」來製作網站，不需要 Dreamweaver 或是 Coda 這樣的輔助軟體。
Cafe Time
以上就是關於網頁製作入門的一些基礎知識，希望幫助大家對於網頁製作的基本常識、以及所需的工具，能有一個初步的了解。未來我也會繼續持續整理、撰寫一些有關於網站製作的資訊。歡迎一起學習的人與我交流～
那就 … 下次見。
by Mr.Wuli 7 月 20, 2017 | 網站經營 , 軟體推薦 |
HELLO 大家好我今天想要跟大家介紹一下如何用這一套 Affinity Designer 來製作妳的部落格的網誌封面圖片。在早期呢..我使用的是一套 aodobe 的 Illustrator .. 那後來呢 ”因為 adobe 改成月費制的.. ㄜ..一個月就要繳１千多塊；所以一年下來你就要繳１萬多塊，如果你沒有..光靠設計接案的話..這樣子的資金投入會比較沒有那麼高的投資報酬率。
所以後來我就找到這一套軟體然後它只要台幣 1490 塊你就可以永久使用、並且更新。剛開始的時候它只有在 Mac 的電腦上可以使用；之後呢…它也開發了 Windows 的版本所以你只要花 １４９０塊就可以用這套非常高階的高階的軟體來製作網站上的圖片。
在我的這個網站上有介紹關於 Mac 好用的一些軟體、以及一些我自己在使用的一些工具。在我網站上、網誌上呢.. 你可以看到有很多的圖片，這些圖片呢，都是我使用 Affinity Designer 這套軟體來製作的。那我今天想要分享的如何讓你的照片能夠呈現在 iphone 或著是 Mac 電腦裡面，使用 Affinity Designer 這套軟體製作這樣子的圖片的時候其實非常非常的簡單。
製作流程
Step.1
首先你要有一個你的載具..比如說是相框拉.. 或著是電腦啊、手機之類等等。然後你就可以在這個圖片上面呢，用矩形工具畫一個方匡繪出一個區域，再拉一張圖片到你的工作視窗中。
Step.2
接著你可以看到在右邊的圖層概念裡面呢，這張照片在這方框的上層。然後我們只要透過滑鼠拖移的方式呢，將相片拉到方框的下層的時候，就可以看到它已經跑到那個方匡的後面了。這是一個快速的遮罩的應用！
附註：
是不是非常簡單？
影片介紹：
VIDEO
更多的相關應用
VIDEO
簡單的介紹一下關於 部落客 可能會經常用得到網誌封面製作教學分享。
雖然下載了Affinity Designer 有一段時間了，但幾乎都只是拿來製作網站的圖片；如果你也對這類的文章或是教學有興趣，歡迎留言給我。未來也許也可以再多拍一些這系列的影片～
總之喜歡我的影片的朋友，歡迎訂閱本頻道 ????
更多相關文章：
Affinity Designer 重點特色初解與摸索小心得～
部落客與小編的新選擇 Affinity Designer ＆ Affinity Photo
WordPress 網誌更新、離線編輯軟體工具推薦
近期留言