文章專區

Marketing 搜尋行銷

GA分析是什麼? (Google Analytics- Google分析)                托智慧型手機與行動網路快速發展所賜,現今的我們能不受「時間」及「地點」限制上網瀏覽龐大的資訊,延續文章為什麼要做網站?我們瞭解到一個好網站不僅能表現出企業形象,甚至更能將資訊推廣至全世界創造無限量的廣告經濟效益,在這波趨勢中各家企業都認為應該製作屬於自己的網站,不過在這波洪流中,曾幾何時大家是否質疑或思考過製作了網站,又該怎麼看見、瞭解網站真正帶給了我們什麼正向獲利與成效呢?          面對這樣一個跨時代的改變以及因應人們的需求,各家行銷公司不僅都推出了屬於自己的網頁統計的工具,更針對網站行銷職缺逐日漸增推出了流量分析師認證,其中又以Google分析最多人使用; Google 併購了原本需付費的網站流量統計服務公司並將原本需要付費的服務開放免費使用。(基本版是免費使用,高階版需要額外付費)              GA使用方式主要是以Google帳號並登入Google Analytics (分析) 按下「註冊」填寫相關資料後,新增追蹤所需要的追蹤程式碼將想觀察的頁面中放入Google Analytics所提供的追中程式碼,每當執行這個網頁時,GA伺服器就會透過瀏覽者使用的相關訊息來統計、整合成易讀的資訊報告傳送給網站管理員,並可在其資訊中瞭解到:網站搜尋排名、網頁瀏覽人次、經由什麼關鍵字進入該頁、用戶有什麼使用習慣、訪客來自於何處等十分的詳細的相關資料。          透過GA的分析報告,我們能分析出網站目前的使用狀況是否足以貼近目標使用客群的需求,進一步能針對使用者的習慣及相關主題來調整設定網站營運方向,達到網站最高的知名度與廣告效益,就是Google Analytics分析的最大優點。                
初識搜尋引擎最佳化(SEO)          在現今大多搜尋引擎當中,我們使用關鍵字搜尋時,都幾乎會看見搜尋列表列出2種排序。第一種為PPC-關鍵字廣告(Pay Per Click,簡稱PPC)主要透過與搜尋引擎的廠商提出想要購買的關鍵字廣告。第二種為自然搜尋排序,是根據使用習慣與關鍵內容等等複雜演算法的比對找出最貼近搜尋者的排序,因此搜尋者比起廣告更願意相信自然搜尋的結果,搜尋引擎最佳化(Search Engine Optimization,簡稱SEO)就是一種透過了解搜尋引擎的演算運作規則來調整網站,以提高目的網站在有關搜尋引擎內排名的方式,又以它是自然搜尋的結果,相比較PPC-關鍵字主要以廣告目的為宣傳,點閱率明顯就會比廣告來的高許多。         網路資訊中包含大量的網站資料,「針對搜尋引擎作最佳化的處理」,就是通過搜尋引擎各項複雜的運算規則進行優化,主要是為了要讓網站更容易被搜尋引擎接受,透過關鍵字相關性的資料比對,如:較多的關鍵字相關名詞內容、網站的高瀏覽率、大量關鍵對外連結等條件,以最快速、內容接近最完整且較多人使用的方式,呈現給搜尋者,最終的目的就是做好貼近使用者的搜尋需求。          以往早期人們把網站中關鍵字的基本定義標籤與連結大量應用、濫用標籤,甚至網頁內容大量重複關鍵字名詞時,造成該網頁排名與內容連結無關,進而搜尋引擎開始發展更複雜的排名演算法,使自然搜尋排序的條件更加嚴苛。面對如雨後春筍般大量竄出的眾多網站,現今的搜尋引擎將依據:網站的內容、使用者的搜尋習慣、手機與行動裝置的影響等等眾多條件作為演算篩選機制,因此一個網站的競爭力、長期經營與自然搜尋排名更顯得需要搜尋引擎作最佳化的幫助。         圖片中,黃色框選處為PPC-關鍵字廣告,藍色框選處為自然搜尋排序,針對搜尋引擎作最佳化(SEO)的處理後,網站能從原本默默無名的排序中躍身進入使用者常點閱的首要幾名,將會為網站達到最大的曝光與搜尋者的最佳選擇。            
HTML5網頁設計,相較於傳統的HTML的網頁設計來說,主要是在網頁內容呈現的強化。 因應行動裝置普及的時代,先前的HTML+Flash在行動裝置上,有著效能上的問題,加上Apple的iPhone全面不支援Flash的關係,使得光靠HTML來製作的規範已無法滿足時代的需求。   而在HTML5網頁設計的規劃中,有以下幾個方向:  擴展原有的HTML標籤定義,增加許多可在行動裝置上更為方便使用的標籤,如<video></video>,讓製作者可以更快速的開發支援性作的影片播放器。 HTML5網頁設計的精髓在於HTML5 + javascript + CSS3,藉由前面三者的結合,提供網頁設計應該更多的可能,如拖拉上傳、全動畫設計網站(以HTML5為基礎)、3D動畫設計、行動網頁設計等等。 對於網頁的效能與應用做更進一步的強化,如離線瀏覽功能、資料庫儲存技術、SVG影像格式的使用。 以上幾點都是未來在這個領域上發展的重要方向,也因此若要成為這領域的筊筊者,必然要對於這個方面非常熟悉與理解才行。   接下來列出幾個在HTML5網頁設計的方向上的網站: 1. HTML5Rocks  2. w3schools-HTML5  3. html5up    資深工程師 Chen 延伸閱讀 什麼是RWD (自適應網頁設計、響應式網頁設計、回應式網頁設計)?
RWD(Responsive Web Design)可稱為自適應網頁設計、響應式網頁設計、回應式網頁設計等等,是一種可以讓網頁的內容可以隨著不同的裝置的寬度來調整畫面呈現的技術,讓使用者可以不需要透過縮放的方式來瀏覽網頁,大大的提昇畫面的可瀏覽性及使用介面的親和度;然而這對於行動商務越來越受到重視的現今來說,隨之也越來越倍受重視。      近幾年,隨著行動裝置(智慧型手機、平板)的普及,以及行動上網服務的使用率越來越高,傳統網頁的標準已經無法符合這些裝置的需求來呈現了,尤其是以flash製作的動畫,受限於行動裝置運算力不足的限制之下,已經沒有行動裝置可以直接瀏覽flash製作的網頁了。雖然可透過一些特殊的瀏器APP軟體來觀看,但方便性卻大大的降低。            而RWD又是如何達到的呢? 主要是以HTML5的標準及CSS3中的media queries來達到的。      在HTML5的標準中,我們可以指定頁面的寬度可以依照裝置的檢視寬度來呈現,再利用CSS3的media queries 來設定不同寬度下使用不同的CSS來呈現頁面。因此設計師在設計網頁時,就必須要針對不同的寬度下的畫面編寫不同的CSS檔案供瀏覽器來讀取。      RWD的優點:      1. 可使用同一套原始碼來撰寫CSS,可以減少版面重新製作的時間。      2. 可同時針對不同的解析度來設定,增加頁面的可用性。      3. 對於搜尋引擎的收錄不會造成影響,不影響SEO的結果。      4. 開發時間較APP來說可以快速很多。      5. 學習門檻較低,對於已經從事網頁設計的人員來說,此技術只是建構在原本的DIV+CSS之上的一門技術,因此學習起來相對容易。      RWD的缺點:      1. 因為在同一頁面會置入多種解析度的CSS檔案會增加頁面傳輸量,載入的時間也會加長。      2. 若在各種解析度下的畫面都需校槁的話,在製作版面的時間會大大的增加。      3. 無法提供像APP般功能強大的功能,或是各種酷炫的拖拉效果。      4. 開發時程較傳統網頁需相對多的時間。      以上提供RWD的各項優缺點分析。      最後,想要可以體驗RWD的功能前,還有一項最重要的基本要素,那就是瀏覽的支援度。由於RWD是建立在CSS3的基礎之下,因此要支援RWD也必須要支援CSS3的瀏覽器才行,以下列出各大瀏覽器支援的版本:      ‧ Internet Explore 9以上      ‧ Chrome、Firefox、Opera 使用自動更新至最新版本即可      雖然還有些人撰寫了JS來讓IE8以下的版本來支援CSS3等語法,但目前還是支援度不佳,且IE8的使用者還在不斷的減少中,因此使用新的瀏覽器才是真正體驗RWD的最好辦法。      本篇文章簡單的介紹了RWD的基本觀念,並分析其優缺點,讓有意使用RWD的人們對於此技術有更多的了解。       Posted by 資深工程師 / Chen  
建構一個成功的網站只需要三項簡單的能力,或稱為要素。其實這三項大家都知道:內容、設計、技術;雖然這三項要素都很簡單,但是真的要將這三個要素緊密的結合在一起,卻比想像中的要來的困難 │什麼是內容│ 傳統觀念下,這就是你想要呈現給讀者看的東西。 依比較新的管理學而言,內容是讀者想要從你的網站看到的東西。內容可以是文字、圖片、聲音、影像……等,只要可以透過數位傳輸,都可能是網站的內容。現在這篇文章,就是內容。 │什麼是技術│ 技術是「適當」運用科技的能力。 網路既然是科技媒體,所有內容當然也必需透過技術方能呈現。技術從最簡單的HTML到複雜的互動資料庫都是。 │什麼是設計│ 設計就是內容被使用者感官接受的表象。 從文字的選擇、版面的規劃、動線的安排、網站架構、用色到多媒體的構成,這都是設計。就算只有純文字(ex: E-mail的Newsletter),也需要設計。記住:沒有內容,就沒有設計。雖然麥可魯漢說──媒體本身就是訊息,但是設計本身卻不是內容。 只有整合才能讓三項能力發揮,一個網站要如何擁有這三項能力呢?招募:這三項的人才,分開來找其實都不難。 工作:要讓這三組團隊分別運作,也很簡單。 管理:想要領導這三個團隊分別做各自的專長,還算容易。 但是這樣就夠了嗎?當然是不夠的。目前台灣幾乎百分之百的大型商業網站都具備了這三項能力,但為什麼網站始終不勝理想呢?原因在於:所有的網站都將這三項能力分別運作,而沒有任何職務能夠讓內容與設計、設計與技術、技術與內容,甚至這三項能力整合在一起。除了無法在網站上發揮網路媒體的特效,同時也浪費寶貴的人力資源與投資人的錢!有的網站花了很多錢,但看起來還是很像報紙!想想看是為什麼!
在著手進行一個網頁設計之前,首先要明確以下幾項設計原則:   1. │內容與形式相統一 這篇文章,就是內容│ 內容是指你要通過網頁向瀏覽者傳達的有效資訊及文字;形式指的是網頁的排版佈局、色彩、圖形的運用等外在的視覺效果。無論採取何種表現形式都不能單純追求網頁美觀而忽視內容的建設,沒有充實內容的網站,即使設計再精美,也不會對用戶有長久的吸引力。   2. │主題鮮明│ 一個網站必須要主題鮮明,突出重點,特別是個人網站,不可能像綜合網站一樣內容大而全,包羅萬象,因此必須要確定一個明確的主題,突出自己的個性和特色,一個主題鮮明、內容豐富極具特色的網站往往比一個“大雜燴”式的網站更能吸引人。   3. │風格統一│ 整個網站設計要採取統一的風格,這樣使網站看起來更專業,不要一個頁面採用一種風格,另外一個頁面又換一種風格,給人一種很散亂的印象。風格要突出自己的個性,無論是文字、色彩的運用,還是版式的設計都要給人一種鮮明的印象,使人看到這個頁面,就會想到這是你的網站。   4.│兼顧下載速度與美觀│  由於目前的網路狀況較差,不能片面追求頁面的美觀而忽視頁面的下載速度,這樣會失去一大批瀏覽者,大家不會為了看一幅美麗的圖片而等上半天。網頁中的圖片應當是起到畫龍點睛的作用,除非特殊需要,一般不要在網頁中大量使用圖片,在網頁中的圖片要經過適當的壓縮處理,使它在保證質量的前提下儘量小。一些用Java程式設計的頁面也非常美觀,但下載速度慢,一般要慎重使用。   5.│導航清晰│ 網站要給瀏覽者提供一個清晰的導航系統,以便於瀏覽者能夠清楚目前所處的位置,同時能夠方便地轉到其他頁面。導航系統要出現在每一個頁面上,標誌要明顯,便於用戶使用,對於不同欄目結構可以設計不同的導航系統。   6.│欄目設置合理│ 對於一個網站,尤其是內容較多的網站,其欄目設置是否清晰、合理、科學,往往在很大程度上影響網站的訪問量。一個欄目設置合理的網站,用戶會很容易地找到需要的東西,這樣的網站才能讓用戶喜歡。對於初學者來說,常犯的錯誤就是網站結構設計不合理,內容編排雜而亂。因此,在設計網站之前,一定要規劃好欄目的設置。   7.│良好的相容性│ 對於網頁來說,它不同於其他印刷品,製作完成後就一成不變了,它隨著用戶瀏覽器的不同而出現變化,因此設計者一定要考慮到網頁的相容性,使它適用於大多數主流的瀏覽器或目標用戶所用的瀏覽器,不致於出現差別很大的瀏覽效果。   8.│經常更新│ 經常維護更新,給用戶提供最新的資訊,才是一個網站具有吸引力的重要手段。因此,要想保持網站的訪問量,吸引更多的“回頭客”,你必須要定期更新網站內容。
縱觀這幾年下來,台灣對於設計力的重視的確逐漸升高,政府亦開始有相關的輔導政策以提升台灣在國際上的設計競爭力,但這僅僅是政府單方面對外的作為,但在對內來說,台灣產業界業主的觀念普遍仍對設計這門專業是毫無概念的。 雖然國內教育體系亦致力於培養許多設計人才,如工業設計、建築設計、視覺設計、空間設計等許多設計專業,但仍忽略在教學及產業上的實際連結面, 學生需要受教育以作出好的設計,產業業主亦需要受教育才能尊重、支持設計師們的想法,達到相輔相成的作用,而並非把設計一詞認為是勞工的同義詞。 以台灣僅僅網頁設計環境來說,這樣一塊現代網路化的資訊趨勢,便需要更多業主的了解及尊重,當業主能將想法及構思放心交予設計師們著手實現,設計才能發揮到該有的水準,將產業特色及網頁設計相結合,達到宣傳媒體管道的作用。以過去一化接觸過的許多案子為例,尊重網頁設計專業的案主有之,而僅將網頁設計這門專業視為附屬品、認為在視覺及程式設計上的專業考量可有可無的案主亦不在少數,在案主們兩種相異的思維下,想當然爾是放心交由有專業而週到考量的網頁設計所製作而成的網站,能有更到位、實質效益更大的專業網站。 網頁設計並非全盤否定業主的想法及考量,而是在相互尊重及幫助下,共同將網站案件做到既符合產業特色、卻又比同業更出色、設計更精采的專業網站,這是現今台灣的網頁設計環境與產業之間,最需要的連結點。 Posted by 視覺設計師 / One
[ 為什麼網頁設計的收費這麼高? ] [ 為什麼這麼點東西要收這麼多錢? ] 我想這應該是一般人對 網頁設計 的刻版印象,常會覺得這種實體摸不到,看起來又跟 DM 差不多的東西,為什麼要收這麼多錢? 網頁設計 跟一般行業一樣,也需要設備,人事,軟硬體,租金,水電等,其專業性又比其他同性質設計行業來的更高,成本也更高 平面印刷可能只需要: 1. 設計師完稿費 2. 印刷成本費 如果換成網頁設計的話可以假想成: 1. 設計師完稿費 ( = 網頁設計師設計費 ) 2. 印刷成本費 ( = 網頁空間費 ) 但是多出來的部份是 3. 程式設計費 4.網址費 5. 網路行銷費 因為 網頁設計 的費用高,是有跡可循,由於設計業是屬於「智慧財產」類的工作,所以當他開始動腦在設計時,本身就已經開始屬於在工作狀態包含設計,修改,除錯,申請等,都屬於專案的一部份,正因為他是由一群專業的人士所完成的一個案子,理所當然費用會比一般平面媒體的價位更高,所以在網路這塊領域,收費低的,一定有其流程比較不足,不專業的地方,跟如果一家高級餐廳每次賣的東西都很便宜,滿漢大餐有可以一桌只要1600?排除掉特別促銷的例外,光他高等食材就可以壓垮餐廳本身了,所以一定會用劣等原料充當高級貨去販賣,想當然,正版10幾萬的lv包包為什麼可以賣到5000?是一樣的道理。 [ 合理的價格,合理的報酬,才能有高品質的網站 ] Posted by 視覺設計師 / Asen
早期的網頁設計都是利用HTML在研究文件內,加入基本的格式和結構,來達成簡單的內部連結功能。但當網際網路更加普及後,人們開始用HTML語言來作視覺呈現的用途。除了單純的替文件加上標題元件之外,人們還需要加上各式各樣不同的字體或加粗文字,讓文件充滿更豐富的視覺變化,此時,表格已不再只是呈現資料,反而被當成是很重要的網頁設計版面編排工具;引言方塊功能也被網頁設計師拿來當作是增加空間的方法,再也不是原本當作引言的用途,如此網頁的原始碼會很快的充斥著各種如外星文的符號和表格標籤,變得難以理解,也使得網頁的容量大增。 就在這時,[  串接樣式表(CSS,Cascading Style Sheets)出現了 ],有了CSS,我們可以從外部來控制頁面的外觀,同時將文件內容和呈現方式的設定給分隔開來,網頁設計的編排可以不需動用到表格功能,改用CSS來控制,這麼一來標記內容的工作就可以簡化許多,且對於開發人員而言,意思明確的網頁比圖像式更容易處理;使用有意義的標籤亦可讓程式或其他設備辨識出來,例如,像搜尋引擎就可以辨別出頁面中以h1標記所框寫起來的標題,從而加重他的重要性;而那些依賴頁面閱讀輔助的使用者,也可以利用標題作為瀏覽頁面時的輔助,加強網站的實用性。 時代在進步,網頁設計的技術也持續在跟進,一間好的網頁設計公司除了提供一系列完善的服務之外,客戶交付的專案,應以最有效率的方式,良好的溝通,設計出最符合搜尋行銷,最能夠表現客戶公司以及產品的網頁設計作品。   Posted by 視覺設計師 / 小p
[ 除了買套版網站或網頁,一般網頁設計公司設計網站都從網頁版型開始,什麼是網頁版型? ] 簡單的說就好比車的外殼,規格,房子的隔間數,窗戶數,呈現方式,或是蛋糕的大小,基本材料等,總而言之就是網站基本的架構,最重要,也可以說需要最慎重處理的一環。 [ 如何與網頁設計師溝通版型? ] 簡單的要點就是溝通。 多溝通,網頁設計師要多詢問客戶的需求,客戶也要把所表達的需要訴求出來,一般來說有以下步驟: 1.搜尋自己喜歡的網站風格 客戶首先要從網路上找出自己所喜歡的網站,盡量從重點去找,如果單一網站無法全部符合自己的需求,可以分為顏色,排版,文字大小,動畫呈現等加以分類。   2.說明自己想要的呈現方式 從找到的範例有很多呈現效果,譬如flash出現的時間,感覺,淡入淡出的時機,文字的大小,網站的色系等,在這邊有幾個重點: a.網站的寬度:一般以1024px為主,800px除了舊電腦外已經沒人使用,甚至很多網站都已經開發到1280以上。 b.網站的對齊:有分靠左,置中 這二大類,靠上靠下則是比較創意型的網站所使用。 c.網站的色系:以底色為主,其他以整體區塊的顏色,文字的顏色等。 d.字型的大小:網頁上的字基本上都以新細明體為主,除非有特殊需求,不然都以新細明體的大小去計算。 e.效果的呈現:動畫的效果,或最新消息的跑法等。   3.製作時間 如果客戶本身是屬於活動性質網站,那完成的時間必需跟設計師討論的很清楚,如果是客製化網站,網頁設計師會根據你的需求,估算個時間表出來,大家在以這個時間表來互相配合,設計師會請客戶本身提供相關資料,客戶本身再依照網頁設計師給的時間點前準備好資料,以讓整個完成時間更有效率,所以基本上是互利的方式。   其實網頁設計師最主要是需要很清楚的表達,描述,有範例來表示更能讓設計師清楚的知道你要的東西,盡量避免以模糊籠統的抽象式來形容,這樣會更提高網站完成的效率。 Posted by 視覺設計師 / Asen