網頁設計的專業首選

     根據資策會及許多具有公信力的網路平台、廣告公司等，都發表了關於行動裝置在網路中實際測量所佔有流量比例逐年攀升的相關文獻，在眾多數據下的舉證中，我們能明白，使用行動裝置漸漸地已經占據了我們每日生活的一部分，甚至超越了看電視、使用傳統電腦的2至3倍時間。       從使用習慣和數據統計上的改變可以瞭解到，現今人們人手一支的智慧型裝置能隨身、快速、方便的在網路上進行即時通訊、社群網站服務、收發電子郵件、地圖導航、行動搜尋、訂票、遊戲暢遊等等其他功能，其中了也包含了網站的搜尋與瀏覽，先前本站說明了許多關於網頁與智慧裝置配合的"響應式網頁設計(RWD)技術"，而本技術便是因應行動裝置的網路使用量超越了傳統桌上型電腦時我們該注意的進步。       經由多方的數據下，我們其實可以清楚的瞭解到行動裝置已經取代傳統桌上型電腦大部分的流量，因此傳統網頁將面臨的考驗便是行動裝置的趨勢，會由使用者、搜尋引擎等使用條件因素開啟新的挑戰。       面對這項全新的挑戰與趨勢，您所設想建置的網站，甚至您目前已經擁有的網站是否能具備了這項優勢呢?這是所有網站擁有者該面臨的問題。關於設計一個具有競爭力符合趨勢的網站或是想闊斧改造傳統頁面都歡迎您與本站諮詢，本站擁有許多創新網站的開發，也服務過許多傳統網站改造，是您值得信賴的平台。    

      PageSpeed(網站速度)，面對廣大使用者的使用習慣與青睞性，眾家搜尋引擎越來越重視每個網站的實用內容與流暢性和讀取執行速度，隨著行動裝置的普及化，如今行動裝置瀏覽網站的頻率已經大幅超越傳統桌上型裝置，讓我們瞭解到大多數人在上網時都仰賴著手機或是平板等行動裝置，而在行動裝置上又受限於行動網路的頻寬與傳輸效率未能達到實體線路的穩定性，因此網站的執行讀取速度就成了搜尋引擎SEO重視的依據。         從大眾較常使用的搜尋引擎Google來觀察可以得知，Google針對網站優化SEO推出了許多實用的工具，其中就有針對網站執行速度做測試與建議的PageSpeed Tools工具，透過輸入網站的網址，我們可以經由測速工具來分析網站在面對使用者讀取執行時的友善性，分析方向一開始最大的類別就分成了行動版與電腦版的分類，由此我們可以得知，網站功能是否貼近行動裝置也是一項重大指標，而因應行動裝置瀏覽，網站使用RWD技術較偏向頁面設計技術，可以參考本站什麼是RWD (響應式網頁設計、回應式網頁設計)?文章，在這就不多加闡述。            回到側速工具測驗與建議的項目，其中包含有圖片最佳化、頁面傳送前的壓縮、減少伺服器回應時間、網站版面效果JavaScript與CSS和HTML技術壓縮等條件，在以上這些項目及未列出細項的檢測後，測速工具會針對還有改善空間及通過的檢核項目來告知我們如何改善與維持良好的連線品質。           在網際網路上其實不單只有Google有推出網頁測速工具，還有許多不同的測速工具，而眾多的側速工具開發的目的其實很單純，就是希望能回歸瞭解如何改善網站的執行讀取速度，進而提升使用者與搜尋引擎的青睞與信任，便是SEO的重要基礎之一。        

 Google Tag Manager(標記管理工具)，在剛接觸網站行銷或網頁流量控管的人員來說，常會搞不清楚Google Analytics(網站分析)與其的差異，本站先前介紹過"GA分析是什麼? (Google Analytics- Google分析)-看見網站績效"，可以透過Google Analytics進行網站的流量統計、分析來瞭解網站的經營績效，而標記管理工具其實就是一個整合網站分析及其他統計功能程式碼的簡易管理介面。   Google在網頁上不僅提供了網站分析的功能，也包含了關鍵字廣告等其他能有效協助我們管理行銷網站的好產品，這些功能產品大多都需要將相關對應的程式代碼植入網站內才能正確的執行或追蹤資訊，當管理人員希望越能完整掌握網站資訊及增加經營績效時，就必須將越多的對應程式碼給植入網站，隨著程式碼的增加，網站被瀏覽器與使用者和搜尋引擎讀取的流量及資訊就顯得逐漸龐大與緩慢。     為了改善管理者不會因為使用了較多的行銷管理工具而造成網站讀取的負擔，Google推出了Tag Manager(標記管理工具)，目的除了可以減少以往多次植入或植入錯誤不同程式碼的繁雜步驟，也提供了操作介面，讓我們能在方便快速的狀況下調整網站的行銷工具，最重要是能改善以往瀏覽和收錄頁面時需要的大量讀取多組程式代碼，改由讀取一組Tag Manager代碼便會自動支援帶入其他代碼的優化服務。   透過Google Tag Manager(標記管理工具)造福了管理者以往冗長的代碼植入動作，也能同時整合多項服務功能，減少行銷工具相容性的疑慮，更優化了網站程式讀取的流程，因此使用Google Tag Manager(標記管理工具)將是網站行銷管理的新趨勢。

　　早期瀏覽網頁主要是以一般家用電腦或筆記型電腦為主，在製作網頁時會以固定寬度來設計頁面的大小，然而隨著平板電腦與智慧型手機的普及，以及新裝置的出現，響應式網頁設計的觀念被引進，讓網站能夠針對不同裝置的螢幕顯示適合其尺寸的網站內容。 　　由於新裝置的出現改變了上網的習慣，根據調查顯示，現今約有80%的網路使用者都使用智慧型手機上網，此數據證明行動搜尋超過桌上型搜尋了！   　　目前Google有近半數的搜尋是透過行動裝置進行，Google宣布改變全球手機版搜尋結果的排序方式－若網站所提供的介面是能夠針對裝置的螢幕作出回應，並且以適合於該螢幕尺寸的方式顯示其網站內容，其被搜尋到的機率將比非行動版的傳統網站更高、排名更前面。在這樣的調整之下，無法針對裝置作出回應的網站曝光率與訪客流量將受到大幅影響，其網站在搜尋結果的排名將大幅下跌。    而為什麼搜尋引擎會對響應式網站(RWD)給予較高的分數？   1.使用單一網址，集中流量，提升排名 響應式網頁設計的好處在於不管是手機還是平板都是使用一樣的網址，集中網站流量，提升搜尋引擎的排名，與手機版網站不同。以Google來說，網址不同但內容相同的情況下，雖不會將該網站列為惡意連結，但仍會影響評價(Page Ranking)。   2.絕佳的瀏覽動線，降低網頁跳出率 若是用手機看一般網站的話，必須放大縮小才能看到自己想要的資訊，很容易造成使用者跳出率增高，進而被認為該網站不是最佳的搜尋效果，排名也會跟著降低。而RWD對於SEO的優勢除了增加流量以外，還降低了網頁的跳出率，不論是哪種螢幕尺寸皆有最佳的瀏覽動線，不會因為瀏覽畫面的不方便而直接跳出。   3.電腦和手機資料同步更新 由於RWD使用的是同一個後台，因此更新時亦會同步更新，而手機版與電腦版因為是不同的後台，因此更新時須更新兩次。若只更新其中一方，如此一來電腦版用戶與手機版用戶所看到的資訊是不同的，也會造成消費者的困擾。    

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)的處理後，網站能從原本默默無名的排序中躍身進入使用者常點閱的首要幾名，將會為網站達到最大的曝光與搜尋者的最佳選擇。            

1.討好搜尋引擎： 這點也是許多SEO公司到後來會有不同發展的重要原因，很多SEO公司因為利用一些小技巧在短時間內提升網站排名，嚐到了甜頭，因而興起想與搜尋引擎對抗的念頭。可是這樣的挑戰最後絕大部分都是失敗的。失敗的原因是個常識，跟幾十個世界頂尖工程師的金頭腦鬥，別傻了。SEO公司的概念應該是建立在討好搜尋引擎，而非挑戰。 2.容錯性低： 搜尋引擎是絕對不能忍受欺騙他們來提升網站排名的做法。一旦發現，您的網站排名以後幾乎就被打入黑名單，要恢復網站原本的排名，幾乎是不可能的事情。所以SEO是個容錯性極低的技術，找錯公司就是拿您網站的未來開玩笑。千萬別為了一時的網站排名犧牲掉未來。 3.時間累積信任度（Trust Rank），排名循序漸進的向上爬升： 搜尋引擎要讓一個網站的排名不斷提升，是需要時間下來觀察的。白話的說，一時的表現並不能代表全部。他們要認定您是個好網站，給您好的網站排名，是需要時間下來觀察您是否每個月表現至少都維持在一定的水準，這樣才值得給他好的網站排名，對吧？這也是常識，人之常情的道理。畢竟設計搜尋引擎的人也跟我們一樣都是人，不是嗎？

[ SEO - 搜尋引擎最佳化 ] 亦可稱作 搜尋引擎優化，英文稱作Search Engine Optimization 簡稱SEO 。在台灣屬於比較新網路行銷方式。SEO與 PPC最大的不同在於它是出現在自然搜尋結果中，對消費者而言，是搜尋引擎的自然搜尋結果，而非廣告。也因為這樣的關係，點閱率比 PPC-關鍵字廣告來的高許多。   SEO 的基本概念是透過設計，[ 討好搜尋引擎搜尋 ] 邏輯的網站，自然達到提升搜尋結果中的網站排名。

一個網站為何需要 [ 搜尋行銷 ] 呢？簡單的說不論是設計的再完美的網站，架設之後就是需要讓人找的到，而一般的使用者是如何找到想要瀏覽的網站呢？相信絕大部分的人是透過 搜尋引擎 來尋找網站資訊。   但，茫茫網海中要如何讓人找的到？ 搜尋行銷 就是透過│提升你的網站│在 搜尋結果的網站排名 達到行銷的目的。   網站排名的提升可以提高網站流量與創造更多商業機會。   也因為搜尋行銷是透過使用者自發性的行為，有別於傳統的強迫曝光的橫幅廣告，所以它是目前網路行銷方式中點閱率相當高的一種行銷方式。 而目前最有效果的網頁行銷就是 [SEO-搜尋引擎最佳化 ] 亦稱作 [ 搜尋引擎優化 ]，英文稱作Search Engine Optimization簡稱SEO 。在台灣屬於比較新網路行銷方式。   SEO( 搜尋引擎最佳化 )與PPC( 關鍵字廣告) 最大的不同在於它是出現在自然搜尋結果中，對消費者而言，是搜尋引擎的自然搜尋結果，而非廣告。也因為這樣的關係，點閱率比PPC-關鍵字廣告來的高許多。 然而SEO的基本概念是透過設計，討好搜尋引擎搜尋邏輯的網站，自然達到提升搜尋結果中的網站排名。

網站經營概念重整：首頁無所不在   前面文章談了如何運用搜尋引擎增加網站訪客，已儘可能以簡單的方式表達。若覺得艱深或者操作上有困難，也有不少業者在經營這種生意：「協助你調整網站在搜尋引擎上的排名」。當然，你得花點錢。接下去我們要談網站介面設計。網路發展多年，網站動線設計大概有一定規範（雖然可能因為地區文化不同而異）。但是大體上目前的網頁設計都是假設訪問者是從首頁進來的。   這是錯誤的概念，事實上在類似Google的全文檢索式搜尋引擎當道的今天，有很大一部分的網路使用者是直接從搜尋引擎連進網站內頁，然後根本沒想過要連結到首頁，就離開你的網站了。有的網站把「訂閱電子報」的功能，或者把「加入會員」的功能只放在首頁上，然而那些透過搜尋引擎直接連結到網站內頁文章的訪客，從來就沒機會知道首頁上有這樣的功能可用。   重要的事情必須讓訪客在內頁完成，而不要期待他們連到首頁。以數位之牆本站為例，任何內頁都可看見「訂閱電子報」，因為那就是筆者最期待訪客做的事情。換言之，要假想所有的內頁都可能是首頁。 以靜態網頁攻佔搜尋引擎 筆者先定義一下什麼叫動態網頁。舉個常見的例子，某天你在購物網站上看到一台數位相機，當場無法決定要不要買。於是把這個網頁的網址暫且先記下來，想說過兩天再回來看看。網址可能是： http://www.buysomething.com/product.php?item=ID1234567   兩天後你回來了，輸入上述的網址，結果卻再也找不到這個產品，瀏覽器直接把你丟回到購物網站的首頁去。寫信去問服務人員，網頁怎麼不見了？服務人員回答：因為賣完了，所以產品頁面被撤下來了。這就是動態網頁。這種網頁是有時效性的，某個時機點過了以後網址就沒用了，網頁就不存在了。當然，這種網頁不會被收羅到搜尋引擎內。因為可能在Bot 偵查到這個頁面之前，頁面就消失了。   以搜尋引擎行銷的觀點來看，這種網頁被生產出來又消失掉，多麼的浪費！如果他不會消失，就可能被   搜尋引擎收羅，那不就表示網友使用搜尋引擎的時候，又多了一次曝光機會？此時你該採用靜態頁面。簡單的算數：「數位相機」這個關鍵字在Google可以搜尋出大約 123 萬個繁體中文網頁。你所經營的電子商務網站，數位相機的產品頁面，在這些搜尋結果中佔了百分之幾？你不覺得應該拉高這個比例嗎？   整合站內搜尋引擎與站外搜尋 大部分的網路使用者是在Yahoo!或者Google之類的大型搜尋引擎尋找某些關鍵字，然後才找到你的網站。你會不會很好奇他們找了些什麼字？在技術上要查知這些字眼並不困難，然而光是知道還不夠。想像一下，某人在Google找「手機」這個關鍵字而來到你的網站某頁，你會不會想告訴他：「跟手機相關的文章或者產品，在本站還有30 個網頁」。這是承先啟後的動作，把來自Google的流量做更大的發揮。   大部分網站都有站內搜尋功能，然而這種功能必須跟外部大型搜尋引擎結合才能發揮威力。從上面的例子來看，察知外部送來的關鍵字，就可以用這個關鍵字啟動站內搜尋，進而帶出這30篇文章的連結。 購買關鍵字廣告以彌補不足 綜合以上，核心精神都在於「觀察網路使用者採用什麼關鍵字來搜尋」，網站經營者據以重新設計網站並建立與搜尋引擎間的關連。但是，萬一有個關鍵字是網友常用的，但是你的網站無法提供怎麼辦？此時關鍵字廣告就派上用場了。此種廣告方法可以讓你跟搜尋引擎購買特定的關鍵字，當網友搜尋這個關鍵字的時候，你的網站廣告就順勢被帶出，顯示在搜尋結果的最前面。   根據筆者的運作經驗，此種廣告的點選率大約在5%以上，意即你的廣告被顯示一百次，大約有五次會被點擊，並且連到你的網站。這個比例高不高？很高！其他傳統的網路廣告連這種水準都達不到！然而購買關鍵字廣告是有訣竅的。例如，輸入「電子商務」四個字進行搜尋，筆者的網站已經出現在相當前面的順序，因此不需要購買這個關鍵字。結果筆者購買了「何謂電子商務」這個關鍵字。   如果你想了解哪些關鍵字是搜尋引擎上較最熱門的，做為購買參靠，可在下列網頁使用「關鍵字建議工具」。輸入你想查詢的關鍵字，將自動顯示相關的辭彙在一個月內在搜尋引擎被查了多少次： http://www.content.overture.com/d/TWm/ays/index.jhtml 最後的叮嚀：有關多媒體網頁   目前的搜尋引擎最主要是以蒐羅網頁上的文字資料為主，因此我們才要如此著墨在關鍵「字」上面。但是，很多網頁是以大量的圖片構成，這些網頁被搜尋到的機會因此大大降低。此外，目前許多網站都以Flash 製作，但這些充滿聲光效果的網頁，上面的文字卻無法被搜尋引擎紀錄（搜尋引擎只能紀錄一般網頁文字），這種網站的曝光率能有多少？   這並不是要大家停用圖片或Flash ，而是網站經營者必須注意，重要的內文頁，分類頁，關鍵字頁，必須以文字呈現並且建立連結。如果非用圖片或Flash 不可，記得在該網頁上同時加上文字描述。運用搜尋引擎來進行網路行銷，此之謂第三代網路行銷。傳統的網路行銷方法效果正在急速遞減當中，新一代的網路行銷人員，對於搜尋引擎應該要有更多的認識。   附記：本系列文章所提到的搜尋引擎運作方法，是參考了Google著名的PageRank演算法。雖然該演算法以數學公式來表達並非一般人能看輕易了解，但是您仍然可以在Google的網站上看到簡單的解釋：