綠色精靈手冊

需掌握幾個重點

在mobile first 有限空間下 圖片的一致性將表現網站的風格 簡單明瞭的呈現重點題示
1. 公司或網站的 logo(小圖 ex: width="170" height="30")

backgroud color: transparent 透明背景
file type: **.png or **.gif


2. 如須在首頁產生Showcase Slide (大圖 ex: width="1200" height="530") 投影圖片至少兩張同尺寸

滑動式圖片內含之文字大小須以桌機手機皆能看見為主(如手機不能看清楚文稿 那只是強迫訪客看無意義的彩色圖片)
file type: **.jpg 統一為橫式


3. 作業項目或製程簡介或公司相關圖片(中圖 ex: width="1024" height="530")

file type: **.jpg 統一為橫式


4. 產品相關圖片(大圖 ex: width="1024" height="975")

file type: **.jpg 統一為橫式或直式


5. 分類圖片(中圖 ex: width="420" height="124")

file type: **.jpg 統一為橫式或直式

以上圖片尺寸 顏色取決 保有彈性 以商家性質差異而變動

業者自已的粉絲專頁和訪客由官網分享至自已的社群的利益差異

業者自已的粉絲專頁
• 讓訪客直接進入您的社群觀看文章
• 可能只有他自已會觀看文章

訪客分享至自已的社群
• 讓訪客直接將有興趣的文章收集至私人的社群
• 讓訪客能有自選權，在自已常駐的社群增加內容往後更容易查詢
• 訪客的朋友也能看到該篇文稿以擴展非親朋好友圈
• 最重要的！分享出去的頁面，其他人觀看還是會自轉回業者的官網，讓官網搜尋牌行榜更有利

More Chapter Y. 官方網站與社群網站

以官網為中心 實行分享主義

前題需資訊在 大數據官網中
紀錄會印記在 伺服器世界中
成果會實現在 易查的網路中

不要花了時間與金錢，結果卻讓官網資源只發揮部份戰力

社群網站希望您在社群當基地，也容許您將大本營的資訊流分享過來互相回饋，此觀念就像 RSSFeed 的進化版，您做對了?(看各新聞台如何分享每日新聞)

10分資訊流程 (Office website) -> Share 分享 -> Social apps 社群網站 -> -> 官網 (Office website)
3分資訊流程 (Personal) -> Post 貼文 -> Social apps 社群網站 (句點)。

1. 沒有官網的個人或行號的行銷推廣方式
2. 有官網的企業主多樣化的行銷推廣方式

沒有官網的個人或行號的行銷推廣方式
• 可以善用 Facebook、instagram、Tumblr、Youtube
• 也可以用 最簡便的 外部 Blog 或 Line 讓您的好友看您在搞什麼?

有官網的企業主多樣化的行銷推廣方式
• 將重要的文章第一時間(也就是時間標記首發文)放到官網，讓 google or bing 及其他Search engine 搜尋到。
• 再分享至 Facebook、instagram、Tumblr、Youtube、Line ...........
• 當分享您的社群後網友看到還是會在官網閱讀細節，您的官網牌行才是王道。
• Line 就讓您的親朋好友看您的新訊息好了，但！ 但！ 但！ Line 是封閉式的不被搜尋欲推廣只得花錢廣告。
• 官網可以結構化分類讓網友容易閱讀，而社群是隨時間印記的很難分類閱讀舊資訊，好的官網可讓人以最少的時間完整認識公司理念。

有官網的企業主在站內為何還使用官方部落格?
• 您會認為部落格是不正式的不好放在官網上?
• no no no 如果您是財團或銀弾充足的大企業以上是合理的，畢竟網站只是他們廣告體的小菜一牒，但大部分的企業推廣經費有限，須面對眾多非特定對象的網友，而跟網站的性質契合的主題或時事評論，都是您和網友關心的，可以讓她們看見您的內涵與理念，但為避免部落格先賓奪主，官網部落格會放在網站內層，讓搜尋引擎查得到，網友觀賞主題後才更詳盡的閱讀。
• 大部分買主或批商欲尋找商品第一優先是不是會搜尋關鍵字? 他們很難空出時間慢慢去社群海撈！
• 自備不離站的部落格系統含官方及會員部落格，讓網站成員貢獻豐富的內容。
• 情報收集雲讓裝置能依您的關鍵需求，自動收集相關數據，讓多樣化的客層容易搜尋到您的網站。

.......整理中 以下為網路素材是網友的文章 先了解他們在想什麼? 隨時會移除

---------------------------------------------------
因為臉書粉絲團在台灣使用者眾多、黏著度高，我們發現很多 NPO 夥伴漸漸捨棄官網，只經營粉絲團，但這樣並不是累積／保存／搜尋資料的好方式。

部落格／官方網站
本質／優質內容基地：「基地」相對於臉書的內容黑洞特性
特色：
網友期待：圖文並茂。Ex. 我住宜蘭，大家去玩一般會去搜尋美食部落客，會看到圖文並茂非常詳細的介紹，空間、每道菜、付費方式、營業時間等等。如果粉絲團只有 2-3 張照片，user 也覺得OK，期待不會那麼高。
凡寫過必搜得到：粉絲團很難被搜尋到。我的部落格 2006 年開始寫，很多舊文現在還有人在看。
長篇複雜內容唯一平台：有個趨勢，越來越重視長文，因為有些內容無法三言二語說完。各位的服務一定也有需要詳細介紹的，才能說得好。
IG：BBC 新聞，善用15秒動畫影片、甚至沒有聲音，讓 user 快速抓住重大新聞
低成本：架站容易，維持反而不容易。現在有很多免費平台可用。

為何網站很難被 Google 搜尋到？
有些外掛的擴充套件可以用來改善 SEO
內容是否足夠？網站的時間不夠久，需要累積更多內容，只能埋頭苦幹多做，搜尋的排名自然會慢慢改善

內容黑洞：內容只活在當下（約4小時），之後很難被搜尋到。雖然臉書增加了粉絲團的搜尋功能，但很少人使用，因為 user 大多從別人的轉貼看到文章，不太會直接到粉絲團首頁去看
目標族群是否在 FB 上？有人經營 50 歲以上長者的服務，但粉絲團按讚率很不好，來問我。我建議：不如直接到公園、傳統市場去找人。例如我媽 60 多歲，會用臉書和 Line，但按讚和分享的內容大多是親朋好友的分享，因為她不會去按粉絲頁；也不太會去加 Line 的官方帳號或下載貼圖，只是很基本的使用而已。

Blog（長槍）：很多人覺得它沒落了，真的嗎？很多電視節目找部落格達人來分享。無名小站時代，具有網路身分證的特色，很多人短短幾行就成文，當時是唯一的社交平台。後來，很多其他創作門檻很低的社群媒體興起，反而Blog 讓許多有創作力的人繼續留下來、影響力還在，如痞客邦在 Alexa 排名全球第 75 名。Quora和知乎也是部落格變形，讓比較長的文章留下來
粉絲團（短刀）
所以長槍+短刀很重要，戰場上可以所向無敵

問題與討論
Line是社群工具嗎？
如果嚴格定義「社群」，是相同興趣的群聚。
Line 官方帳號：一般人加為好友是為了貼圖。一旦同樣的訊息不斷出現通知，會想封鎖，因為「干擾」本來就是 Line 作為通訊工具的本質，好像過去的電話，響了就得接，是很消耗注意力的。例如現在的信貸推銷電話，一接到會想掛掉，相較於傳單會讓人有更多情緒。
所以官方帳號一天太多訊息，會讓人厭煩，想spam帳號，導致行銷工具就失效了。
臉書不斷改變傳播方式，例如手機現在點粉絲頁的通知，會進到粉絲頁首頁。
水桶測試（找到用戶最喜歡的方式）：如測試廣告擺哪裡比較好？會隨機地讓用戶進行測試，搜集數據。如Yahoo! 搜尋引擎，有時 user 看到的畫面都不一樣，會進行不同字型的顏色測試。
把官網長文拆成短文來放粉絲頁？
可以在粉絲頁上讓網友跳坑，做實驗。
觀察把長文拆開後，放2週；另外生產短文也放 2 週，看看各自的數據結果
多測幾次：用好的時段多測幾次（內容要分類），觀察穩定的結果。
經營粉絲頁沒有什麼一定比較好的方法，畢竟每個粉絲頁的屬性都不同，只能多多測試、觀察、瞭解自己的粉絲

如看到下圖目標有 +符號 按下可以將常用的功能加入 Shortcuts 捷徑，以後只需由捷徑組即可叫出此網址。
如出現 -符號 表示已加入捷徑了，按下可以移除此 Shortcuts 捷徑
直接 按 + 號 加入捷徑組(下圖範例為將 區塊 功能加入常用捷徑)

移動 滑鼠 將 主選單 加入

手機版 Shortcuts 捷徑 符號

從您的電腦(可一次多張選取)或手機上傳圖片(每部手機多張圖片選取依據手機規格而定)

1.桌機版

2. 手機版 文件或相機 同步照相

2.1. 手機版 按欲選取之檔案名稱(按久一點約3秒) 重複選取

在 mobile site 最新版的管理功能 讓手機操作更容易
簡潔的管理按鈕 按左鍵可以管理後台 按右鍵(捷徑)可以使用捷徑組 新增內容 .......

區塊
主作用為將網頁畫面佈置規劃利用的工具，每一個版形皆會有不同的區塊規劃，但主要可區分為

• 右上 block
• 頁首 block
• 左側欄 block
• 右側欄 block
• 主內容 Block
• 底部 first block
• 底部 second block
• 底部 third block
• 頁尾 block

如何進入 block 更改頁面 架構(Structure) -> 區塊(Block)
如圖

Webapps 優點

• 網路應用程式不需要任何複雜的「展開」過程，你所需要的只是一個適用的瀏覽器；
• 網路應用程式通常耗費很少的用戶硬碟空間，或者一點都不耗費；
• 它們不需要更新，因為所有新的特性都在伺服器上執行，從而自動傳達到用戶端；
• 網路應用程式和伺服器端的網路產品都很容易結合，如email功能和搜尋功能；
• 因為它們在網路瀏覽器窗口中執行，所以大多數情況下它們是透過跨平台使用的 (例如Windows，Mac，Linux等等)

Web app 與 native app 能見度比較
• Native App 需要到Apple store or Android play 中搜尋並安裝，不幸的是大部份的安裝量都來自0.1%的熱門Apps，其它的甚至連被看見的機會都沒有。
• 當有資訊需求時，我們會習慣去 Google 或 Bing 等搜尋引擎尋找資訊，webapp 能被搜尋引擎找到，不必下載安裝立即執行。

時效性內容限制、核准與收費
• App Store裡有許多的內容限制跟漫長審核，甚至會收取費用，相比之下，Web App完全不會有這些困擾。對有些用戶而言，安裝隨意不明來源的 Apps 絕對是個有風險的行為。實務上 Gmai 手機版就是使用 web app 、Playboy雜誌也的確因此打造了一個自己的Web App。

• Progressive Web App
• Native App 原生語言程式 App
• Hybrid App 混合式 App

主選單設定

主選單設定-行動版