腦爸打 CompBrother

 Google Analytics Referral Spam 如何移除?  小知識教學類型: SEO搜尋引擎優化 Referral反向連結 (backlinks)是一把雙刃刀，可以有助於Google / Yahoo / Bing提升搜尋結果的排名，亦可能減低了你的Google / Yahoo / Bing搜尋結果的排名，那是因為Referral Spam的攻擊在作怪，因此當你在Google Analytics看到些不明來歷的反向連結或相關搜尋字眼，你必需用以下步驟去解決: 1) 登入Google Analytics 2) "Admin" => "Filters" => "Add Filters" 3) 自行輸入Filter Name (供自己識別之用) 4) 於Filter Type 中選取 "Custom"，然後再勾選 "Exclude" 5) 在 "Exclude" 內容選項中，選取 Filter Field 為 Referral 6) 在 Filter Pattern 中 輸入要阻止 (block) 的 referer 的網址 7) 最後按 Save 儲存便可以了 如需協助 「 SEO搜尋引擎優化 」 ，歡迎立即 聯絡我們 !

 Google Analytics Referral (SEO 深入淺出篇) 小知識教學類型: SEO搜尋引擎優化 前文提到，想在Google / Yahoo / Bing提升搜尋結果的排名，你的網站管理員(或SEO公司)多會使用Google Analytics來檢測SEO的部份成效和表現。Google Analytics Referral 可以讓你看到有那些社交平台、外邊網站、搜尋引擎、廣告點擊有反向連結提到你的網站，而且更可以深入看到Referral backlinks 的詳情: Google Analytics Referral (Acquisition => Overview => Referral) 可以看到以下較深入的反向連結backlinks詳情 (secondary dimension): - 進到自己的網站時，落腳是那個網站內頁? - 進到自己的網站後，分別看了那些網站內頁? - 進到自己的網站後，最後於那個網站內頁離開網站? - 進到自己的網站後，逗留了多長的時間? etc 等等這些資訊，都有助於Google / Yahoo / Bing提升搜尋結果的排名，亦有助於網頁設計師更有效地編排網站的內容擺位和格局分配。 如需協助 「 SEO搜尋引擎優化 」 ，歡迎立即 聯絡我們 !

 Google Analytics Referral (SEO 簡介篇) 小知識教學類型: SEO搜尋引擎優化 SEO網站搜尋排名提升的管理員，幾乎全都會使用Google Analytics來檢測SEO的部份成效和表現，而你的網站愈被多優質的網站Referral連結 (backlinks 推薦)，都會被視為有助於你的網站在 Google / Yahoo / Bing SEO 提升排名。可簡單想像，你愈多人稱讚亦代表著你的表現愈出色，網站亦然，Google / Yahoo / Bing 順理成章會把出色的網站排在較前列的位置。 Google Analytics Referral (Acquisition => Overview) 可以看到以下的反向連結backlinks - Social (e.g. 來自那個社交平台? facebook, instagram? etc) - Referral (e.g. 來自那個外邊網站? ) - Referral (e.g. 來自Google以外那個搜尋引擎? ) - Other (e.g. 來自那個廣告點擊? ) 如需協助 「 SEO搜尋引擎優化 」 ，歡迎立即 聯絡我們 !

 jQuery Mobile Grids 小參考教學 小知識教學類型: 手機應用程式開發 jQuery Mobile內置包含了一系列的Grids可供手機應用程式Apps編寫員來製作和設計手機程式界面的顯示區塊和layouts，而且都是CSS-based，簡單易用。以下簡單介紹一下各類的Grid Class: ui-grid-solo: 1 column, 100% column width ui-grid-a: 2 columns, 50% / 50% column width ui-grid-b: 3 columns, 33% / 33% / 33% column width ui-grid-c: 4 columns, 25% / 25% / 25% / 25% column width ui-grid-d: 5 columns, 20% / 20% / 20% / 20% / 20% column width 由於jQuery Mobile Grids是CSS-based，所以手機應用程式Apps編寫員亦可自行去修改相關的css排版。 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !

 jQuery Mobile Tables 小參考教學 小知識教學類型: 手機應用程式開發 Tables 在 傳統網站html編程中經常出現，網頁設計員絕不會陌生。而jQuery Mobile Tables亦有類似的概念，供手機應用程式Apps編寫員去製作手機上的Tables，而jQuery Mobile Tables有兩款 responsive tables: reflow and column toggle。 製作jQuery Mobile Tables，首先像html定創建table tag，然後定義data-role="table" class="ui-responsive"，而table當中則幾乎與傳統的html table tag無異，頂部以 thead, tr, th 來架設，而table內容則以 tbody, tr, td 來架設。而手機應用程式Apps編寫員也可透過css的方法來美化和排版心儀的jQuery Mobile Tables的外觀展示。 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !

 jQuery Mobile Collapsibles 小參考教學 小知識教學類型: 手機應用程式開發 手機應用程式，由於限制於手機的mon大小，以及需要在有限的空間簡潔地展現出想表達的資訊，所以在外觀排位上必需作出考量。jQuery Mobile Collapsibles 便可以手機程式編寫員界定那些內容想隱藏和有需要時才展示出來。 首先建立一個div，並定義data-role="collapsible"，在此div中的內容會被先隱藏，手機用戶按需要自行按進去展開來查看內容。如想一開始手機程式已顯示div中的內容，定義data-collapsed="false"便可以。 而jQuery Mobile Collapsibles架構具有相當彈性，可支援Collapsibles中也包含著Collapsibles，亦即Nested Collapsible Blocks，手機應用程式Apps編寫員可按需要來架設Collapsibles的使用。 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !

 選用只有一個頁面的網站? (SEO篇) 小知識教學類型: SEO搜尋引擎優化 網站互聯網時代，電腦和手機是人類生活甚至是身體的一部份，各式各類的資訊在互聯網雲集，所以為方便大眾瀏覽和簡化資訊輸出的體驗，興起了有些公司其官方網站只有一個頁面，全個網站就只有主頁(index)，可是對於SEO搜尋排名優化的觀念來看，一個頁面的網站就吃虧多了! a) Google / Yahoo / Bing 只能index你的網站主頁，你的整個官方網站就只有一個網站頁面可以讓 Google / Yahoo / Bing 加進到他們的搜尋引擎資料庫結果中，在高度競爭的SEO搜尋結果排名比較中，真是以一敵百了 b) 當全有網站的資訊，不論是公司簡介、服務詳情、產品選擇、聯絡我們等等全部都集中在主頁中，不難想像頁面的顯示速度也會緩慢，花大量時間才可進到去網站當中，對SEO搜尋結果排名而言都會有負面影響，而且客戶也會感不耐煩吧。 c) 整個網站全有的關鍵字都必需要集中在主頁當中，若網頁設計架構不鮮明，可能會導致網站關鍵字主題太多，從而影響到Google / Yahoo / Bing的搜尋結果排名。 因此決定製作一頁網站前建議先諮詢科技公司的意見。 如需協助 「 SEO搜尋引擎優化 」 ，歡迎立即 聯絡我們 !

 選用只有一個頁面的網站? (缺點篇)  小知識教學類型: SEO搜尋引擎優化 網站互聯網時代，電腦和手機是人類生活甚至是身體的一部份，各式各類的資訊在互聯網雲集，所以為方便大眾瀏覽和簡化資訊輸出的體驗，興起了有些公司其官方網站只有一個頁面，全個網站就只有主頁(index)，可是當中有著什麼缺點? a) 資訊簡潔清楚，但亦可以是複雜難懂，因為全都集中在一個頁面中，公司簡介、服務詳情、產品選擇、聯絡我們等等全部集中在一個一頁，若網頁設計和架構上不花點功夫，大眾進入網站可能更為迷失 b) 功能層面，網站開發時間和成本大大減低; 但外觀設計層面，可能因而提升，因為要製作一個精華版的網站，網頁設計和架構架設實在相當考功夫 c) 網站訊息必需單一，但若然公司開始拓展或引進新的服務或產品，一頁網站可不夠用了 對於初創企業(Startup)或微企，可說是生意入門的簡單入場卷，有其優勢亦有其缺點，決定製作一頁網站前建議先諮詢科技公司的意見。而對於SEO搜尋排名優化的觀念來看，一個頁面的網站就吃虧了，我們會再另文詳述。 如需協助 「 SEO搜尋引擎優化 」 ，歡迎立即 聯絡我們 !

 選用只有一個頁面的網站? (優勢篇)  小知識教學類型: SEO搜尋引擎優化 網站互聯網時代，電腦和手機是人類生活甚至是身體的一部份，各式各類的資訊在互聯網雲集，所以為方便大眾瀏覽和簡化資訊輸出的體驗，興起了有些公司其官方網站只有一個頁面，全個網站就只有主頁(index)，當中有什麼優勢? a) 資訊簡潔清楚，全都集中在一個頁面中，大眾可以一眼關七 b) 網站開發時間和成本大大減低，因為就只需製作一個網站頁面 c) 網站訊息簡潔單一，客戶一進入網站便會知道公司的服務和產品是什麼 對於初創企業(Startup)或微企，可說是生意入門的簡單入場卷。但對於SEO搜尋排名優化的觀念來看，一個頁面的網站就吃虧了，我們會再另文詳述。 如需協助 「 SEO搜尋引擎優化 」 ，歡迎立即 聯絡我們 !

  jQuery Mobile Panels 小參考教學 小知識教學類型: 手機應用程式開發 早前我們提及到jQuery Mobile Pages這概念，每頁jQuery Mobile的手機應用程式頁面都可透過jQuery Mobile Pages來創建和定義。而Pages當中，jQuery Mobile Panels也是一常用的方法，可制作不同的Panels，更有效地管理和展示Pages中想展示的資訊或功能。 創建jQuery Mobile Panels，在div 中置入1data-role="panel"便可以，並用id來命名這Panel。Panel中你可用常用的html tag來任意架設Panel中的展示內容。 那在Page中如何呼喚Panels? 很簡單，用a href呼喚Panel的id名稱，Panel內容便會展示出來。 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !

  jQuery Mobile Navigation Bars 小參考教學 小知識教學類型: 手機應用程式開發 手機營光幕當然比電腦細得多，但具備多功能性或多資訊性的手機應用程式mobile apps，這時候就需善用jQuery Mobile Toolbars，電配以jQuery Mobile Navigation Bars，那就可以以有限的空間去展示最多的功能選項和規劃手機應用程式的便用設計。 jQuery Mobile Navigation Bars 可架置於jQuery Mobile Header Toolbars中，在Header Div中再置入一個Div data-role="navbar"便可以了。而navbar div中，則可使用html常用的 ul 和 li點列，就可以自行輕鬆架設和設計jQuery Mobile Navigation Bars。 Navigation Bars 可以不只是buttons, 更可以加設icons 讓Navigation Bars更清楚和更為美觀。 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !

  jQuery Mobile Toolbars 小參考教學 小知識教學類型: 手機應用程式開發 手機營光幕當然比電腦細得多，但具備多功能性或多資訊性的手機應用程式mobile apps，這時候就需善用jQuery Mobile Toolbars，以有限的空間去展示最多的功能選項和規劃手機應用程式的便用設計。而Toolbars可分為頂部的Header和底部的Footer: Header Toolbars: 以data-role="header"置於 Div中，超連結中以class便可管理jQuery Mobile Header Toolbars了，例如設置左上方的主頁按紐ui-btn ui-icon-home ui-btn-icon-left，又或是左上方的搜尋選項ui-btn ui-icon-search ui-btn-icon-left，若想改為右邊顯示則可改為使用ui-btn-right。 Footer Toolbars: 以data-role="footer"置於 Div中，超連結中以class便可管理jQuery Mobile Footer Toolbars了，例如設置左下方的按紐ui-btn ui-icon-plus ui-btn-icon-left。 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !

  JavaScript 入門小技巧(Variables篇) 小知識教學類型: 網頁設計、網站製作 編寫網站程式，前文說過JavaScript絕對是三劍俠之一，主要用於client side，但又有很多端口和方法可以與server side聯繫! 今次和大家說說入門的小技巧Variables篇: JavaScript 有三個常用的方法去定義 Variables: var, let 和 const, 例如: var x = 5; Variables 之間可以從不同的運算+ - * /而互相聯繫著，例如: let a, x, y, z; x = 5; y = 7; z = 88; a = x + y + z; JavaScript Data Types 有著比較特別的處理方法，基本上例如使用var去創建Variables，己可以是數值Numbers (e.g. 123) 和 字串Strings (e.g. "ABC")，無需使用其它任何獨突的方法去創建。例如: var xyz = 1.2222; var people = "Peter"; JavaScrip 亦可以容許你創建沒有任何 value 的 undefined Variables，容你於後期時才使用，例如: var Home; 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 !

  JavaScript 入門小技巧(Syntax篇) 小知識教學類型: 網頁設計、網站製作 編寫網站程式，前文說過JavaScript絕對是三劍俠之一，主要用於client side，但又有很多端口和方法可以與server side聯繫! 今次和大家說說入門的小技巧Syntax篇: - JavaScript Values : 可分為兩類values (Fixed vs Variable)，Fixed values常稱為Literals， 而Variable values常稱為Variables。 - JavaScript Literals: 分為數值Numbers (e.g. 123) 和 字串Strings (e.g. "ABC") - JavaScript Variables: 要在JavaScript設定Variables，首先要用 let 來創建，然後再把 values assign 到此Variables，例如: let a; a = 5; - JavaScript Operators: JavaScript Values 或 Variables 之間如何運算? + - * / 也是常用的運算，例如: 2 + 2 *3 - JavaScript Comments: 如何為JavaScript加上標注或注腳? 在statement的開首前加上//便可以做到。Comments常用於程式員自身的remarks 或用於程式員團隊之間的溝通之用，這十分重要，因為每位程式員的編寫程式的風格也不同，Comments可以讓大眾知道不同JavaScript程式位置分別是處理那些細項，例子: // a = x + y + z; - 特別一提JavaScript 是 Case Sensitive的，英文大細階的不同是分別代表著兩樣的東西。例如以下兩個variables是不同的: let abc, ABC; abc= "hello"; ABC= "bye"; ...

  JavaScript 入門小技巧(Statements篇) 小知識教學類型: 網頁設計、網站製作 編寫網站程式，前文說過JavaScript絕對是三劍俠之一，主要用於client side，但又有很多端口和方法可以與server side聯繫! 今次和大家說說入門的小技巧Statements篇: JavaScript Statements: 每一行以;結尾的JavaScript程式段，都可以說是一Statement，例如 let a, x, y, z; x = 5; y = 7; z = 88; a = x + y + z; 以上的JavaScript程式段便是有4個Statements。 很多時，電腦程式我們會叫做instructions，而JavaScript的instructions8就是指Statements。所以JavaScript程式便是指一連串的JavaScript Statements的整合。 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 !