by Mr.Wuli | 2 月 4, 2017 | 網站經營 |
2017 年打算不時抽空更新一下網站,畢竟經過了 2 年,在語法的成熟度…應該有比之前進步吧?
在目前管理兩個網站中,一個是以音樂為主的 LiSWEi.com 、另一個則是為了進行實驗而架設的 mrwuli.com…;一開始其實也不知道該在這裡應該寫些什麼?所以就以 Mac 的一些使用心得開始整理,但後來想想:「其實 Mac 的使用者應該也都蠻精明的,可能不太需要多相同的教學內容吧?」
既然如此…還是寫些自己的東西吧?
關於 2017 的網站更新計畫
最近實在是太久沒有接觸設計相關的資訊了,為了督處自己能夠時時保持網站的更新進度,還是訂個新年計畫來趕鴨子上架吧!
網站選單修正
目前 LiSWEi.com 的網站除了主視覺還算滿意之外… 其實還有很多地方的瀏覽方式與設計都需要做一些調整;不管是 menu 的內容、或是 Blog 的排版、以及陳列方式..等等,都有許多進度的空間。
關於網站選單的排列順序,我想應該會有一些差異,什麼選單應該放在前面的順位,什麼選單應該放在最後?應該還是會影響到網站的 SEO ;而且關於選單該不該分層級、或是該怎麼設計選單的動線應該也是一個需要思考的重點。
首頁
在 LiSWEi.com 的首頁動線部分,為了呈現簡單明瞭的網站內容,將首頁內容分成三個大重點 【服務內容】、【更新內容】與【聯絡方式】。
當初會這樣設計,是為了讓第一次來的人可以在點下 【首頁】選單後,就能快速的瞭解到這個網站的主題、以及最新消息。
因為我認為..如果一個網站的內容(選單)分類的很好的話, 其實首頁應該是越簡單越好;總之… 把自己當作使用者,想想自己在瀏覽別人網站時最討厭遇到什麼情況?而不是一股腦的想說想要給別人看什麼。如果能做到時時替使用者著想,應該網站也會慢慢受到更多人喜愛吧~
電子報頁面
關於訂閱的頁面的字體排版以及內容呈現其實…還蠻糟的;誰叫那時候還不懂怎麼寫語法,只能自己修修改改亂改語法..最後也就將將就就了????
服務頁面
在課程介紹的部分.. 其實有點偷懶(少做了一頁)!現在如果要重新設計的話,應該會在新增一頁【課程介紹】來做分流頁面。
如果有時間的話… 應該也要自己畫個 icon,畢竟老是使用現成的素材難免有些 “圖不達意”!
軟體攻略(教學內容整理)
認真開始架設網站應該是在 2013 左右,然後差不多到了 2015 年中後,才開始陸陸續續的整理網誌內的教學(根據軟體的類別來做簡單的分類);但卻因為抽不出太多時間來設計,只好先簡單的用 【頁籤】 方式的進行分類。
不過..這麼做的話有一個缺點;那就是很有可以會讓部分因為不知道【頁籤】可以點擊的人,因而錯過了【頁籤】內的資訊。
網誌文章列表
網誌文章列表應該是目前最滿意的編排了吧!熱門文章以縮圖的方式呈現、最新文章則以【標題】+【概述】的方式來分別層級。
聯絡頁面
在聯絡頁面的設計上,除了簡單的描述一下聯絡方式以外,還有基本的聯絡表單提供線上寄送訊息。
網站修改實行方案
為了升級目前的網頁內容,我先把另外架設了一個資料庫,然後將現有的網站內容都倒過去;打算等上述所有的目標都達成後再一次將網站更新。
其實在過去也沒有這樣做過,希望這次能夠一次成功;畢竟這樣一來可以拉長修改的時間,也不怕再更改的過程中,讓原有的網站服務受到影響。
另外也打算趁著這段時間補足一下載網路行銷的一些資訊,翻一下大學同學給我的原文書.. (希望可以看得完????)
總之歡迎喜歡網頁設計的朋友留言討論~~~
by Mr.Wuli | 5 月 8, 2016 | 網站經營 |
因為自己工作的關係,從兩年前開始就經常推薦身邊有在接案或是創業的朋友申請一個自己專屬的網址、或是製作一個網站。剛好昨天又在騎單車時和一位朋友討論到:「為什麼創業一定需要聲請一個專屬的網址?」所以今天在咖啡廳就簡單的整理一下:「到底為什麼創業第一件事不是找店面、而是申請一個專屬的網址?」
為什麼創業的第一件事情不是開實體店面、或是成立工作室?
個人認為並不是每一種創業類型,都適合一開始就設立實體店面;因為如果你是剛開始創業就經營實體店面,可能會突然間面臨到很多壓力:房租的壓力、資金的壓力…,但如果是從網路開始創業的話,你可能只需要 NT $4,000 就可以開始創業了!
新台幣 4,000 就可以開始創業?
沒錯!只要四千塊你就可以開始做生意了。看看前幾天的新聞:「15歲蹺家少年靠網拍年賺千萬」, 創業真的不一定需要實體店面;重點還是盈利模式,以及如何與你的顧客連繫、保持良好的關係。
承租一間店面… 一樓的話一個月最少也要 30,000 , 多的話可能要 50,000 甚至是 100,000以上,但申請一個網址或製作一個網站呢?一個專屬網址一年只要 500 – 1,000,架設網站的伺服器租用費用一年也才 3,000 起跳。價格是不是差很多!而且承擔得風險也不同~~
臉書那麼方便,幹嘛不用 FB 就好了!為什麼還需要自己申請網址?
沒錯!臉書很重要,幾乎所有的店家或廠商都會花一筆預算在臉書的行銷上。畢竟現在大家在使用臉書的時間,幾乎都快比看電視還多了… 不讓自家的商品在臉書上曝光怎麼行呢?
不過…雖然臉書在台灣是目前最多人使用的社群平台,但動態更新的太快,導致商品訊息的生命週期太短,粉絲專頁的動態幾乎都只有一天的壽命;想想:「有多少人會點進去粉專挖先前的動態?」;你花那麼多時間拍攝商品照片、撰寫文章、甚至還請朋友插刀助陣,結果卻只換來一天的曝光…不覺得很不划算嗎?
除了商品、服務資訊的生命週期太短外,再來還要考慮到你商品的價格。如果只是低價的商品,消費者的購買決策較低,有時候根本不需要考慮太久就會直接加入購物車購買了;但如果是動不動就上萬元的商品…你會不想要多看看自己到底買的是什麼嗎?或是查查還有沒有其他選擇?
況且,想要曝光的商品這麼多… FaceBook 要如何決定讓誰先曝光?當然是看誰出的錢最多啊!但廣告費砸下去真的有效果嗎?要砸多少才會有效果?
如果你也有自己的粉絲團的話,一定看過 FaceBook 的 “推廣貼文” 廣告吧…
網站如何跟臉書結合產生更大的效益?
好消息是如果你沒有那麼多廣告預算跟大廠商競價的話…還有另一個方法:「那就是讓自己的貼文 按讚 與 分享數 提高!」這樣的話臉書就會判斷這則動態是有價值的,值得讓更多用戶看到~ 但這還要考慮到很多策略… 其中包含你用戶上線的時段、對動態內容的分享意願、以及你刊登的內容… 等等。
讓商品資訊更完整,延長商品資訊的生命週期!
如果你有一個屬於自己的網址,你就等同擁有更多的主導權。你可以在自己的部落格或網站自由的編排照片以及商品資訊,然後再將文章連結轉貼到臉書;如此一來不但可以讓客戶在舒適的方式下瀏覽、看到他想了解的商品資訊(尤其是圖片),同時還可以累積網頁點擊率提升自己網站在搜尋引擎中的排名。
注意:舒適的瀏覽環境,嚴重影響到顧客在你商品資訊頁面停留的時間!
網站在搜尋引擎的排名有多重要?
先問自己一個問題:「當你想要找一些資訊時你會怎麼做? 」Google 啊! 對吧?但你知道 facebook 的動態是無法被 Google 搜尋的嗎?這樣的話…你在 facebook 的辛苦整理的動態不就白費了嗎…
這時候如果你有自己的網站,你不但可以將商品或活動訊息轉貼到臉書被粉絲點擊按讚、分享,同時還可以被 Google 搜尋引擎找到,這樣不是一石二鳥,做一件事情得到兩倍的效益嗎?
想想看:「如果你今天賣的是 ”訂製腳踏車“」當有人在 Google 搜尋 ”訂製腳踏車“ 的時候,自己的網站出現在搜尋頁面的第一個排名的話,會有多少人點擊進去看看?商品的信賴度會增加多少?
感謝你的閱讀與分享:未完待續
其實… 這篇本來是想分享 「如何替你的網站想一個好網址!」的,沒想到寫著寫著…就鋪梗就鋪了這麼長… Otz
為了避免文章太攏長,我會在下一篇文章中再整理一些我自己在網址(品牌)命名時的一些方法與經驗。
在此非常感謝你的閱讀,如果覺得這篇文章有幫助到你的話,歡迎分享給身邊需要的朋友;也歡迎你留言給我,給我一些建議或是分享你的一些網站經營經驗。
相關連結
喔對了!既然說到訂製腳踏車,一定要推薦一位不錯的師父給大家~~
Bambino village
如何讓網站成為搜尋結果中的第一名?
by Mr.Wuli | 4 月 11, 2016 | 網站經營 |
事前準備篇
現在越來越多站長、小編都在使用 WordPress 在經營自己的網站或是部落格。而 WordPress 又與原本單存只有 HTML 的網站不同,不單單只有管理語法以及圖片那麼的簡單,還要需要一些關於資料庫、DNS等相關知識;所以不管是在架站或是搬動上都比傳統的 HTML 網站再來的稍微複雜一點點..
今天剛好要幫某位客戶移轉他的網站內容,所以就順便整理了這一篇筆記,除了分享給有搬家需求的人外,也當作是給自己的一份備忘筆記。
確認環境
在搬家前請確認 伺服器 與 Plug-ins 是否相容。
WordPress / Plug-ins / theme 版本
如果你的 WordPress 、 Plug-ins 是使用舊的版本的話 ,在安全權限上有可能會遇上一些問題,為了確保搬家順利,在搬家前最好先更新到最新的版本。
網域名
在搬家前請確認,網站網址的部分是否有更動(或是是否需要更動),或是新的伺服器是否可使用多網域,亦或是附掛網域等功能;因為這可能會影響到搬家中需要更動的設定。
資料夾的所在位置
在搬家前還有一件重要的事情需要確定:那就是在搬家後 [網站資料]所放置的位置是否需要更動?
例如
原本的網站資料是放在 /mrwuli/www
但新的伺服器則是放在 /mrwuli/htdocs/default
資料庫管理工具 phpMyAdmin
為了要搬運 WordPress 中的文章以及相關檔案資料,搬家前請確認新的伺服器是否有支援 phpMyAdmin 管理功能。
進行資料的備份
利用 ftp 下載網站內部的所有資料
為了讓網站能夠順利移轉,在在搬家(移轉)前記得將所以該網站中所有的 FTP 資料下載下來。(隨時記得做備份,養成好習慣)
下載資料庫資料
除了要下載 FTP 的網站資料外,資料庫的備份也是很重要的!FTP 與 資料庫的資料都是網站的一部分,如果你的網站本來就有使用資料庫,那麼只搬移 FTP 網站是沒有辦法順利搬家成功了。
- 選擇需要移轉資料的資料庫
- 選擇匯出資料庫
- 匯出前的設定
- 下載備份完成
匯出後應該就可以在你的下載資料夾中發現 「(檔案名).sql 」的檔案。
移除附掛網域&關掉 Plugin
如果可以的話,當你要搬家之前可以先移除原本伺服器的附掛網域,或是關掉 WordPress 中的所有 Plugin ,這樣一來可以減少你在搬家後遇到亂碼或是無法附掛網域的機率。
新伺服器的設定
新增 FTP 使用者帳號
在真正 WordPress 搬家移轉之前,我們還需要一個 FTP 的使用者帳號,這樣才能夠透過 FTP 將之前備份好的網站資料上傳到 「新的伺服器」中。
(有個伺服器出租商會在你註冊服服時就自動幫你新增好 FTP 帳號)
上傳資料
將方才備份的資料上傳到新的伺服器的網站資料夾中,舉例來說:如果你是使用 “遠振” 的服務的話,可能就必須把網站資料傳送到 /public_html` 的資料夾下。
新資料庫的設定
以下說明如何在準備搬入的新伺服器中新增 “資料庫” 與 “使用者”。
新增資料庫與使用者
確認 WordPress 中 wp-config.php 設定
如果你是使用的 WordPress 來架構自己的網站,那麼在搬家的時候 “請記得一定要修改 WordPress 中的 wp-config.php 設定 ”。因為新舊伺服器中的 SQL 設定有可能會不一樣,所以在上傳 FTP 備份的檔案之前,記得要先把原本網站中的 wp-config.php 設定更改新的伺服器設定。
// ** MySQL 設定 – 您可以從主機服務提供商獲取相關資訊。 ** //`
/** WordPress 的資料庫名稱,請更改 “database_name_here” */
define(‘DB_NAME’, ‘請更改資料庫名稱’);
/** MySQL 資料庫使用者名稱,請更改 “username_here” */
define(‘DB_USER’, ‘請更改資料庫使用者’);
/** MySQL 資料庫密碼,請更改 “password_here” */
define(‘DB_PASSWORD’, ‘請更改資料庫密碼’);
注意:
`DB_NAME 就是先前新增的資料庫名稱
DB_USER 則是先前新增的資料庫使用者
上傳先前備份的資料庫
更改 A 紀錄 或是 DNS 設定
等所有資料都上傳確認後,我們就可以把 網域代管商的 DNS 指向到新的伺服器位置了。(記得一定要先改 DNS 還能附掛網域!)
附掛網域
如果你使用的是附掛網域的話,就要再到 伺服器商 的 cPanel 後台,執行附掛網域的動作。
搬完收工
如此一來應該就可以完成網站搬移的動作了。如果還是不行…請向高手求救吧!! 這時候有一兩個工程師朋友真的是上輩子燒好香啊~~
感謝你的閱讀與分享
以上是我自己架設網站、幫朋友以及客戶搬家的一些心得,跟各位分享一下,同時也向所有架站的工程師們致敬!(沒做過的人都以為輕鬆)請大家一定要好好的善待你的網管以及工程師,因為你以為很簡單的事情,其實是很麻煩的!該付的管理費、服務費千萬別少給啊~~
(畢竟就是我們不會的東西才需要人家的服務與專業知識啊~~)
by Mr.Wuli | 1 月 17, 2016 | 網站經營 |
Ulysses 文字編輯軟體
最近發現了一套軟體叫做 Ulysses ,是一套專門為文字編輯工作者所開發的w文字編輯軟體。Ulysses 的介面非常的簡潔,不但支援 HTML、PDF…等多種文件預覽,同時還支援快速編碼以及夜間編輯、專注撰寫..等編輯模式。(在那之前我也用過 Alternote 以及 Evernote 與 Simplenote …等文字編輯軟體,但 Ulysses 就像是這些軟體的加強精簡版。)
快速編碼
以往在 Html 文件中的 標題標籤 必須使用 <h2> </h2> 來標記註明,但在 Ulysses 中可以改用 # 取代,例如 <h1>編題1</h1> 可以改 Key 成 #標題1 ,如此一來就少了許多步驟,編輯起來也變得更加快速了。
插入圖片
Ulysses 還有一個好用的地方就是圖片的編輯管理功能。以往我的習慣是在文章全部編輯完以後,再將圖片上傳到圖床,最後再將圖片拖移到文字中做編排;但在 Ulysses 中你可以一次完成這些步驟。
在 Ulysses 這套軟體中,你可以直接將圖片拖移到編輯畫面中,Ulysses 會要求你輸入圖片網址 標題 圖片說明 等內容並在之後自動轉成 Html 的對應程式碼。你所需要做的事情只需要輸入好註解與網址後,將轉碼過後的檔案貼到網誌的編輯後台即可。
建立與管理文書資料
另外,他也可以將你編輯好的文章進行管理,同步你的 Finder 資料夾,幾乎可以等同 Evernote 筆記本管理功能(因為它也可以雲端同步);雖然進一步的使用方式,可能還要再研究一陣子,但如果結合雲端同步的話,應該可以取代 Evernote。
使用心得
目前使用 Ulysses 寫了兩篇文章下來感覺來不錯,新增標題跟圖片都蠻快速的;可惜新增圖片沒有快捷鍵命令(關於這點可以在系統偏好設定裡面去新增快捷鍵,如果有需要之後再寫教學..)。至於快速編碼的功能…如果一時不習慣的話,在軟體右上方的選單中也有小抄可以使用,非常方便!
基本上,這套軟體開發商設想的滿周到的,在一打開軟體的同時就可以看到 28 小篇幅的教學引導,讓你不需要花太多時間摸索就可以馬上上手這套軟體;而且在看教學的同時還可以體驗軟體的功能與操作方式!
看到這邊如果有興趣的朋友可以上網下載試用版本測試看看,雖然官網說可以試用7小時,但我發現如果你不把程式放進應用程式資料夾的話(就一直放在下載資料夾)好像就可以延後試用期限?雖然這只是我的猜測,但我確實一直使用試用版到現在….Otz
相關連結
Ulysses 官方網站介紹
Alternote 官方網站介紹
Evernote 官方網站介紹
Simplenote 官方網站介紹
by Mr.Wuli | 11 月 17, 2015 | 網站經營 |
想讓網站或網誌內容大量的曝光嗎?
相信只要是用心經營網站或是部落格的朋友,應該都希望自己生產的內容能夠獲得大量曝光吧?但如果沒有廣告預算的情況下,要怎麼樣才能吸引到大批的網友瀏覽內容呢?
我們就先從這兩件事情開始說起吧~
SEO 能讓你的網站內容脫穎而出!
當初在沒有行銷預算的情況下,開始經營自己的第一個教學網站 ( LiSWEi.com );為了讓網站能方便瀏覽、獲得更多的曝光…上網搜尋了很多相關的資訊:像是 “UI設計” 、“UX設計” 、“色彩學”、“CSS”、”HTML”、“SEO”… 等等。
但查到的資訊越深入…就越覺得要當個部落客還真辛苦 ^_^川 要學的事情實在太多了,根本學不完啊!而且在所有相關知識裡,最花時間的大概就是 SEO(Search Engine Optimization) 了吧?
註:SEO 的中文是 “搜尋引擎最佳化”的意思,也就是搜尋引擎的關鍵字優化”
畢竟 ”搜尋引擎優化“ 要真的做出成績,除了要有大量的資訊內容輔助外,還需要結合 ”電子報“、”粉絲專頁“、”社群網站“、以及 ”網友留言“ 與 ”分享“ 才能真正產生提升搜尋排名的效果。但如果你懂得這些技巧,就可以讓你省下一筆龐大的 “關鍵字廣告” 費用!
如何讓網站成為搜尋結果中的第一名?
通常當我們在 “Google” 或 “Yahoo” 搜尋關鍵字的時候,會搜尋到兩種相關資訊內容:一種是根據內容的相關強度與品質所產生的自然搜尋結果、另一種則是透過付費取得曝光的廣告內容。而 “搜尋引擎優化” 也就是讓網站內容針對搜尋引擎的規則,做一些適當的調整,來讓我們的 “文章” 能更容易被 Google 或 Yahoo 找到、甚至是提升網站內容的搜尋排名。
雖然聽起來很複雜,但其實也不需要真的擁有超強的網頁編碼能力。重點是搞清楚你的網站主題是什麼?什麼人會想看..他們想看什麼?會搜尋什麼關鍵字?接著開始規劃你的網站架構,持之以恆的整理、撰寫你想分享的資訊內容。一開始你可以先分享給身邊的朋友,然後再慢慢透過轉發來增加文章曝光的機會。
同時你也可以使用 Google 提供的 「Search Console」 服務,來管理你的網站、確保你的網站資訊以及內容正確且符合 Google 搜尋引擎的演算規則;藉此來提升網站在 Google 搜尋結果中的排名。
優質的內容自然名列前茅!
當然你也可以把這件事情想得再簡單一點:「優質的內容自然會被分享!」
只要是你寫的內容符合訪問者的期待,排名自然就會提升;因此請確保你的網站做到下面的四個重點。
✍ 在網站內提供優質的內容。
Google 為了提升用戶在搜尋過程中的體驗,會根據一些規則與統計數據來決定相關資訊在搜尋結果中的排名。至於是什麼樣的規則..簡單來說就是 ”你的內容能否幫助訪問者解決問題“?
✍ 讓您的網站與行動裝置相容。
在2015年的 4月 Google 已經大幅調整的手機搜尋引擎的演算方式,也就是說如果 Google 發現你的網站能夠在 “手機” 或 “平板電腦” 上舒適瀏覽, 便會將你的網站排列在較優先的搜尋順位;至於那些不符合 “行動裝置” 瀏覽規範的網站…就只好被排除在行動搜尋引擎中了。
✍ 使用資訊詳盡的標題和摘要。
清楚、明瞭的標題和輔助標記有助於 Google 瞭解網頁的用途,並且在搜尋結果中產生明確的摘要,推薦給需要該內容的搜尋用戶。要 “瞭解標題和摘要” 詳情資料請參考 ”監控您的訊息和網站“
✍ 提升網站在讀者心目中的價值。
除了提供有系統且多元的資訊外,網頁瀏覽起來是否便利、順暢也會間接影響到搜尋排名;如果可以的話盡量不要使用太多華而不實的設計。重點還是放在如何讓使用者快速找到他所需要的資訊,是否能夠提供更多元的解決方案與延伸資訊。
感謝你的閱讀與分享
以上是一寫小小的心得分享,如果你對 SEO 有興趣的話可以看看這篇 Google Console 的教學文章,裡面會有更多詳細的介紹,幫助你製作出優質的網站內容。
近期留言