腦爸打 CompBrother

 如何設置好多個地方的網站SEO?  @ compbrother 腦爸打 小知識教學類型: SEO搜尋引擎優化 早前我們簡說了如何設置好多個語言的網站SEO，當中hreflang在網站程式中的設置和搭配是關鍵。而另一個也常見的問題是，如何設置好多個地方的網站SEO呢? 例如一個網站本身是加拿大為主要市場，常拓展至澳洲和東南亞時又如何做好不同地方的SEO呢? 其實原理與設置多個語言的網站SEO類似，但小編特別推薦用子網域(sub-domain)的方法，然後再加上hreflang的配置，網站在不同地方的結構和呈現於Google等搜尋引擎中則會清楚得多了。 例如以 abc.com 為例: 主網站於美國: abc.com 加拿大的分支: ca.abc.com 星加坡的分支: sg.abc.com 日本的分支: jp.abc.com 如此類推... 而地方當中亦可以再分拆為不同的語言版本，例如加拿大的分支可分為英文版(ca.abc.com/en/)或法文版(ca.abc.com/fr/)，在網站程式碼的配置可以是這樣: 加拿大的分支英文版: link rel="alternate" hreflang="en-ca" href="http"//ca.abc.com/en/" 加拿大的分支法文版: link rel="alternate" hreflang="fr-ca" href="http"//ca.abc.com/fr/" 設置好以上的程式碼後，然後再去Google Console 中的 「指定國際目標」設置不同的目標地方便完成好了。 ...

 jQuery Mobile Data Attributes 有那些? (D)  @ compbrother 腦爸打 小知識教學類型: 手機應用程式開發 jQuery Mobile Data 的 Attributes 給予了手機應用程式開發及編寫員很大的彈性，除了方便易用增加程式的移動和擴展性，亦因為jQuery Mobile是採用HTML5 data-* attribute，所以亦大大強化了手機程式的容易使用度和外觀也有所大為提升，即使網頁設計員也較易上手jQuery Mobile手機程式的製作。早前我們介紹了多個範疇的jQuery Mobile Data Attributes特式和實戰操作，今文我們繼續一齊查看更多jQuery Mobile Data Attributes 有更深入的那些: Inputs: data-clear-btn true | false S指定輸入是否應該有一個「清除」按鈕 data-clear-btn-text text 指定「清除」按鈕的文本文字呈現 data-mini true | false 指定輸入應該是小尺寸還是常規尺寸 data-role none 防止 jQuery Mobile 將輸入/文本區域設置為按鈕 data-theme letter (a-z) 指定輸入字段的主題顏色 Link: data-ajax true | false 指定是否通過 ajax 加載頁面以改善用戶體驗和轉換。 如果設置為 false，jQuery Mobile 將執行正常的頁面請求。 data-direction reverse 反向過渡動畫（僅適用於頁面或對話框） data-dom-cache true | false 指定是否清除單個頁面的 jQuery DOM 緩存（如果設置為 true，您需要注意自己管理 DOM 並在所有移動設備上徹底測試） data-prefetch true | false 指定是否將頁面預取到 DOM 中，以便在用戶訪問它們時可用 data-rel back | dialog | external | popup ...

 JavaScript Date 設置日子的方法 小知識教學類型: 網頁設計、網站製作 前文我們分別探討了JavaScript Date的簡介和JavaScript Date 獲取日子的方法，但Date Object 創建以後，我們應該如何設置日子，這尤關Date Object在網站程式中的相互聯繫，及同時影響著最後Date在用家的呈現樣式，今文我們一起了解有什麼JavaScript Date 設置日子的方法: setDate() 將日期設置為數字 (1-31) e.g. const a = new Date(); a.setDate(10); setFullYear() 設置年份（可選月份和日期） e.g. const a = new Date(); a.setFullYear(2022); 或 a.setFullYear(2022, 5, 5); setHours() 設置小時 (0-23) e.g. const a = new Date(); a.setHours(32); setMilliseconds() 設置毫秒 (0-999) setMinutes() 設置分鐘 (0-59) e.g. const a = new Date(); a.setMinutes(30); setMonth() 設置月份 (0-11) e.g. const a = new Date(); a.setMonth(10); setSeconds() 設置秒數 (0-59) e.g. const a = new Date(); a.setSeconds(30); setTime() 設置時間（自 1970 年 1 月 1 日起的毫秒數） 而Date Object之間亦可作比較，例如使用大於或小於亦是常用的JavaScript Date Object相互比較的方法! ...

 多個語言的網站如何設置好SEO?  小知識教學類型: SEO搜尋引擎優化 一個網站擁有多個語言，是非常常見的情況，例如香港的網站，常見有繁體中文、簡體中文和英文三種語言可供互聯網使用者所選擇瀏覽。 多個語言的網站對SEO有多重要? 若果設置正確，當然會對SEO有所幫助，因為你的網站會有更多的頁面可被google 索引 (indexed)，而且因為多種語言選擇，網站瀏覽量亦會有所提升。但若果設置不宜，則隨時會有反效果，因為Google可能會當成為重複內容。 正確設置多個語言的網站方法，最常見和最常用的有以下兩種: 1) HTML Link (hreflang) 在某語言的head 標籤中，宣告定義其它語言的存在，例如以三語繁體中文、簡體中文和英文的香港網站為例: 英文頁面head 標籤中: 宣告定義繁體中文 hreflang="zh-hk" 和 簡體中文 hreflang="zh-cn"。 繁體中文頁面head 標籤中: 宣告定義英文 hreflang="en" 和 簡體中文 hreflang="zh-cn"。 簡體中文頁面head 標籤中: 宣告定義英文 hreflang="en" 和 繁體中文 hreflang="zh-hk"。 *亦可藉著 hreflang="x-default" 用於語言選擇的頁面，此頁面不會被指定任何的語言版本。 2) Sitemap 網站地圖 Sitemap 網站地圖 是很常用及直接和搜尋引擎溝通的工具，網站程式編寫員可以在 url 元素中加入 loc標籤以定義網址，並用 xhtml:link rel="alternate" hreflang="" 去宣告定義頁面的語言。 亦有人會使用 HTTP Header的方法，但這方法並不普遍，將來有機會再另文詳述。 ...