jQuery Mobile Data Attributes 有那些? (B) @ compbrother 腦爸打

 
小知識教學類型: 手機應用程式開發
jQuery Mobile Data 的 Attributes 給予了手機應用程開發員很多的選擇,除了方便易用增加程的的便利性,亦因為jQuery Mobile是採用HTML5 data-* attribute,所以亦大大強化了手機程式的容易使手度和外觀也有所提升。上文我們簡介了部份的jQuery Mobile Data Attributes,今文我們繼續一齊查看更多jQuery Mobile Data Attributes 有那些:
Content:
data-theme letter (a-z) 定義內容content的主題色
Controlgroup:
data-exclude-invisible true | false 指定是否在分配圓角時排除不可見的子項目
data-mini true | false 定義指定組應該是小還是常規大小
data-theme letter (a-z) 定義指定組的主題色
data-type horizontal | vertical 定義指定組是水平顯示還是垂直顯示
Dialog:
data-close-btn left | right | none 指定關閉按鈕的位置
data-close-btn-text sometext 指定關閉按鈕的文字顯示內容
data-corners true | false 指定對話框是否應該有圓角
data-dom-cache true | false 指定是否清除單個頁面的 jQuery DOM 緩存
data-overlay-theme letter (a-z) 指定對話框頁面的覆蓋背景色
data-theme letter (a-z) 指定對話框頁面的主題顏色
data-title sometext 指定對話框頁面的標題
Enhancement:
data-enhance true | false 如果設置為“true”,jQuery Mobile 將自動設置頁面樣式,使其適用於移動設備。 如果設置為“false”,框架將不會設置頁面樣式
data-ajax true | false 指定是否通過 ajax 加載頁面
以上只是jQuery Mobile Data Attributes之冰山一角,我們再另文詳述其它常用且實用的jQuery Mobile Data Attributes !

腦爸打 發表在 痞客邦 留言(0) 人氣()

腦爸打 Compbrother Medium Blog 科技小知識分享

我們的專業團隊具備高技術的網站及系統程式製作技術,我們極度重視優質美觀的設計,為客人度身訂做附合時代感的設計。憑著我們多年的設計及製作網站/系統程式的經驗,與客人緊密的客戶關係聯繫,我們希望能為客戶提供優質的網頁設計和網站製作服務,按此查看我們全部最新的「網頁設計/網站製作 優惠套餐」@ 腦爸打 — 網頁設計公司
 

腦爸打 發表在 痞客邦 留言(0) 人氣()

js_date_brief

小知識教學類型: 網頁設計、網站製作
日期在人類生活中尤關重要,時間是我們的人生倒數計時器,也是我們秒復秒的生存依據,日期和時間是人類世界的共同語言,是人類社會生活的必需統一計算單位。
同樣的原理,在網絡世界的編程世界,日期Date有著同樣的同樣式,或更技術觀點看,比一般人類世界有更多重的意義,一方面統一的時間度量行為世界上各地的人都能互相理解,而程式的世界語言之間也需有著類同的統一時間度量行,才可讓網絡全球化。
JavaScript 的 日期Date設定,給網站程式編寫員很多的編程便利性和選擇!
首先,有4個常用的建立Date Object的方法:
1. new Date()
可以取得現刻的日期和時間 (current date and time)
2. new Date(year, month, day, hours, minutes, seconds, milliseconds)
從這7組數子的組成,可以自行定義Date Object的值,例如 new Date(2020, 12, 24, 9, 30, 37, 0);
當然,亦可以不是以7組數子去構建Date Object,網站程式編寫員可以簡單使用:
五組數字: year, month, day, hour, and minute
四組數字: year, month, day, and hour
三組數字: year, month, and day
兩組數字: year and month
3. new Date(milliseconds)
以 zero time plus milliseconds 去創建 Date Object,例如 new Date(100000000000);
4. new Date(date string)
以 date string 去創建 Date Object,例如 new Date("March 20, 2017 12:11:00");
**註: 現在 JavaScript Date 是採用ISO國際標準 "YYYY-MM-DD",例如 new Date("2017-07-21"),亦可以簡化為只使用 "YYYY-MM" 例如 new Date("2022-03") 或甚至簡為只使用 "YYYY" 例如 new Date("2011")

腦爸打 發表在 痞客邦 留言(0) 人氣()

Crawl Budget Google的抓取預算 與 SEO 的關係? @ 腦爸打 Compbrother

 
小知識教學類型: SEO搜尋引擎優化
什麼是 Crawl Budget抓取預算?
一個很簡單的想像, 你覺得 Googlebot 是會無了期及無限地去你的網站抓取所有的資料? 還是一切其實都有上限? 這個「上限」概念就是Crawl Budget抓取預算。
Crawl Budget抓取預算如何影響SEO的表現?
Crawl Budget抓取預算如上述是指Googlebot抓取網站資源的上限,有上限就代表著不能夠完全抓取你的網站上所有的資料,那即是說可被google index的資料(例如文字、圖片、meta描述)通通亦有所限制,那自然會影響到SEO的表現。
Crawl Budget抓取預算受著什麼的影響?
各有各的說法,但一般來說我們可以從三分面去理解:
1) 網站的整體品質 (例如 資料的原創性? 網站程式的編寫會否過舊? 有否經常更新網站內容?)
2) 網站運載 (網速? 網站運載順暢? 會否過長時間執行數據庫運載? )
3) 搜尋者滿意程度 (經溲尋後進入你的網站會否很快便找到想找的資訊? 還是很快便離開網站? 或是內容很久運載也不能呈現?)
如何優化Crawl Budget抓取預算從而優化SEO?
也是各有各的說法,但一般來說我們可以這些方面去把你的網站進行優化:
1) 修正網站404不存在的錯誤,檢索你的網站是否包含不存在的頁面。
2)正確提交網站地圖 (Sitemap.xml),但需確保XML中的連結是正常可以運載的。
3)正確使用 nofollow 和 robots.txt 去告知 google 那些網站頁面不用抓取,以節省Googlebot的工序。
4) 保持網站運載速度,不會運慢才能顯示內容。
5) 不要重複網站的內容(文字和圖片皆是),需讓Googlebot保持能夠抓取原創及有用的新資訊。
6) 定期更新網站,保持網站內容更新及準確,及檢測編程不會太老舊。
Crawl Budget抓取預算影響著 Googlebot 對你的網站的資源分配,分配愈多自然可index到google的內容便愈多愈快速,從而優化和提升SEO的表現。

腦爸打 發表在 痞客邦 留言(0) 人氣()

進階JavaScript Array小教學例子 @ compbrother 腦爸打

小知識教學類型: 網頁設計、網站製作
前文基礎篇,我們從基本的簡介和功能function介紹了JavaScript Array,今次我們嘗試更進一步,繼續由淺入深去了解JavaScript Array更多的用處,為網頁程式編寫員進補精華雞湯。
Array中的項目排序:
Array.sort(): 把Array中的項目按英文字母順序排列
Array.reverse(): 把Array中的項目逆向倒轉排列
Array.sort(function(a, b){return a - b}): 把Array中的項目按數值由小至大排列
Array.sort(function(a, b){return b - a}): 把Array中的項目按數值由大至小排列
同樣的原理,若果Array項目是Object, 亦可透過 Array.sort(function(a, b){return a.Object - b.Object}); 來做sorting排序
Math.min.apply(null, Array): 找尋Array中最細的數值項目
Math.max.apply(null, Array): 找尋Array中最大的數值項目
Array的迴旋迴圈功能:
Array.forEach(): 迴旋出Array中的每一個項目
Array.filter(): 把原先的Array在某條件式定義下建立出一個新Array
Array.reduce(): 把原先的Array項目生成(縮減成)一個單一的值,由左至右行進
Array.reduceRight(): 把原先的Array項目生成(縮減成)一個單一的值,由右至左行進
Array.every(): 檢測Array中的每一個項目是否都能達成某條件要求
Array.some(): 檢測Array中的某些項目是否能達成某條件要求
Array.indexOf([Value]): 搜尋Array中的項目是否包含[Value],若果有,會回報第一次出現在Array中所在的位置
Array.lastIndexOf([Value]): 搜尋Array中的項目是否包含[Value],若果有,會回報最後一次出現在Array中所在的位置
Array.find(): 檢測Array中的項目是否能達成某條件要求,若果有,會回報第一個能達成條件的項目
Array.findIndex(): 檢測Array中的項目是否能達成某條件要求,若果有,會回報第一個出現在Array中所在的位置
Array.includes([Value]): 檢測Array中的項目是否包含[Value]

腦爸打 發表在 痞客邦 留言(0) 人氣()

Google Chrome 的 SEO 妙用技巧 @ compbrother 腦爸打

小知識教學類型: SEO搜尋引擎優化
當我們在努力於Google 的SEO搜尋排名表現時,其實Google自家出品的瀏覽器Browser Chrome 亦給予了很多SEO搜尋排名優化提升的幫助建議,工欲善其事,必先利其器,讓我們看看Google Chrome 的 SEO 妙用技巧:
首先,在Google Chrome 的Menu選單中,按更多工具可以查看到Google Chrome的一些額外功能。
Google Chrome 工作管理員: 可查看到頁面對你的電腦之記憶體使用量、CPU使用量和網絡使用量等等,這些都可以用作對比你自身和對手網站的電腦資源使用狀況,從而提升和優化自身網站的效能。網站的效能提升,會相當有助於SEO搜尋排名表現。
Google Chrome 開發人員工具:
這可以從網站的 Server 、網頁程式碼去檢測網站的運作狀況,例如 Elements (網頁原始碼,可看到網頁的各個生成元素), Network (網絡各元素的運載效能), Sources (網頁的使用資源), Timeline(網頁所發生事件的順序), Profiles, Resources (儲存資源的使用狀況), Audits (網站中有那些位需要修正) 和 Console (除錯控制) 等等,小編特別想大家專注於網站的速度,亦即網站中的圖片等資源運載速度和佔用的資源,網站的速度可以直接和間接地影響著SEO表現: 直接是速度的本身,間接是用戶的體驗差就會很快離開網站的頁面。
開發人員工具亦提供了一個模擬的設備和網絡環境選擇系統,讓網站程式編寫員可以模擬各式各類的設備和網絡環境去檢測網站的運作效能表現。模擬的設備是指桌上電腦還是不同類型的手機型號 (Apple or android)? 模擬的網絡環境是指 2G / 3G / 4G etc?
以上的 Google Chrome 工具,能助網頁程式設計員你更深入了解網站在瀏覽器的運載狀況從而作出優化和改善網站,因而可以改善SEO搜尋排名優化提升。而且 Google Chrome 不只是協助 html 的部份, css 和 javascript 亦可善用以上工具來作出改善和優化網站。
 

腦爸打 發表在 痞客邦 留言(0) 人氣()

淺談jQuery Mobile CSS Classes @ 腦爸打 Compbrother

 
小知識教學類型: 手機應用程式開發
網頁程式設計員對CSS也絕不會陌生,而手麼應用程式Apps編程jQuery Mobile方面,亦同樣有CSS的概念,可以讓網頁程式設計員更輕鬆更容易上手手麼應用程式Apps編程。現在與大家宏觀上一起看看:
Global Classes
ui-corner-all: 圓角形樣式設置
ui-shadow: 陰影樣式設置
ui-overlay-shadow: 覆蓋陰影樣式設置
ui-mini: 縮小樣式設置
按鈕 CSS Classes
ui-btn 按鈕樣式設置
ui-btn-inline 內聯顯示按鈕樣式設置
ui-btn-icon-top 把圖標置於按鈕文字上
ui-btn-icon-right 把圖標置於按鈕文字右邊
ui-btn-icon-bottom 把圖標置於按鈕文字下
ui-btn-icon-left 把圖標置於按鈕文字左邊
ui-btn-icon-notext 按鈕只顯示圖標
ui-btn-a|b 按鈕顏色設置,a 是指原初的灰背景黑文字,b是指黑背景白色文字
圖標 CSS Classes
ui-icon-action 箭頭
ui-icon-alert 三角形裡面的感嘆號
ui-icon-audio 揚聲器
ui-icon-arrow-d-l 左下箭頭
ui-icon-arrow-d-r 右下箭頭
ui-icon-arrow-u-l 左上箭頭
ui-icon-arrow-u-r 右上箭頭
ui-icon-arrow-l 左箭頭
ui-icon-arrow-r 右箭頭
ui-icon-arrow-u 上箭頭
ui-icon-arrow-d 下箭頭
ui-icon-calendar 月曆
ui-icon-camera 相機
ui-icon-carat-d 向下插入符號
ui-icon-carat-l 向左插入符號
ui-icon-carat-r 向右插入符號
ui-icon-carat-u 向上插入符號
ui-icon-check 複選標記
ui-icon-clock 鐘
ui-icon-cloud 雲
ui-icon-comment 評論
ui-icon-delete 刪除
ui-icon-edit 更新
ui-icon-eye 眼睛
ui-icon-forbidden 禁止符號
ui-icon-gear 齒輪
ui-icon-grid 邊框
ui-icon-heart 心心
ui-icon-home 家
ui-icon-info 訊息
ui-icon-location 地點
ui-icon-lock 鎖
ui-icon-mail 郵件
ui-icon-navigation 瀏覽
ui-icon-phone 電話
ui-icon-power 開關制
ui-icon-plus 新增符號
ui-icon-recycle 循環系統 符號
ui-icon-refresh 更新符號
ui-icon-search 放大鏡搜尋
ui-icon-shop 商舖
ui-icon-star 星
ui-icon-tag 標籤
ui-icon-user 用戶
ui-icon-video 影片
主題 CSS Classes ui-bar-(a-z) 定義bar的顏色 ui-body-(a-z) 定義body的顏色 ui-btn-(a-z) 定義按鈕的顏色 ui-group-theme-(a-z) 定義group的顏色 ui-page-theme-(a-z) 定義頁面的主題顏色

腦爸打 發表在 痞客邦 留言(0) 人氣()

JavaScript Arrays 基礎教學功能篇 @ 腦爸打 Compbrother

小知識教學類型: 網頁設計、網站製作
前文,我們談到Array對於網頁程式編寫員在設計或製作網頁站所帶來的好處簡介,今文我們嘗試更中階一點,了解更多Array在網頁程式編寫時的功能和為網站所帶來的效用。
從現有Array中增加新項目? 可使用.push(),例子:
const classmates = ["Tome", "May", "Jack"];
classmates.push("Tina"); 或 classmates[classmates.length] = "Tina";
*註: JavaScript Arrays是numbered indexes (用數值來編制排序),而非named indexes。亦因為這個特性,當你想使用字串(或實際有含義的名稱)來排列,JavaScript而言,Objects在這情況會為使用Arrays更佳!
其它JavaScript Arrays常見 Methods 功能:
toString(): 把array以字串形式顯示 (每個項目之間以逗號分隔),另外亦可使用 join() 來更改逗號分隔的原始顯示設定。
pop(): 移除Array最後一個項目
push(): 在Array最後的位置再新增一個項目
shift(): 移除Array最前的一個項目,尾隨的項目全部上升一個排列數值序
unshift(): 在Array最前的位置新增一個項目,尾隨的項目全部延後一個排列數值序
concat(): 把兩個Array連結在一起 (可多於連結一個)
slice(): 抽取Array中某範圍的項目,亦有網頁程式編寫員會用來增加或刪除Array項目
以上JavaScript Arrays常見的 Methods 功能,都為網頁程式編寫員在設計或製作網頁站所帶來更高的程式彈性和編寫網站時的效率亦大大提升,至於什麼時候需要用到Array那個功能,這很視乎於網頁程式編寫員的個人習慣及當刻網站程式功能的需要。

腦爸打 發表在 痞客邦 留言(0) 人氣()

善用 Google 網站管理員工具強化 SEO 效果 @ 腦爸打有限公司 CompBrother

 
小知識教學類型: SEO搜尋引擎優化
Google 網站管理員工具 (Google Webmasters Tools / Google Search Console),是網頁設計師或網站製作程式員常用到的 Google SEO 管理優化工具,例如網站地圖送出 (sitemap.xml submit)、設定網站的指定地區等等,都可以Google 網站管理員工具裡直接設定,這些設定可說是對網站SEO表現有著根本性的影響。
將你的網站加入至Google 網站管理員工具?
進入 https://search.google.com/search-console/ ,按「新增資源」,然後可選用「網域」或「網址前置字元」方式,若不太懂IT可以選後者把網址輸入便可以。然後一般來說有五個驗證網站持有權的方法:
方法一:將Google提供的HTML驗證檔案以FTP形式上傳至網站根目錄中。 (簡單快速)
方法二:在網站首頁Index中的「head」標籤中加入中加入Google提供的驗證碼。(簡單快速)
方法三:透過工具Google Analytics,如網站已在Google Analytics設定好,這方法是最快速一按便可用來驗證Search Console。 (最快速)
方法四:透過工具Google代碼管理工具來驗證Search Console。
方法五:透過DNS網域供應商網站的設定來驗證Google Search Console。 (較高IT要求)
不管是選用上述那一個方法,都可以讓你的網站加入至Google 網站管理員工具。
加入後,小編特別建議你必需先設定最為關鍵的網站地圖Sitemap:
按Menu中的「Sitemap」,鍵入Sitemap所在連結位置以上載Sitemap.xml 網站地圖,讓Google可以快速及更有效地把你的網站頁面 index 到 google 搜尋引擎上,已index的網站頁面往後亦可於Google 網站管理員工具中選擇移除。 (*有關於如何生成Sitemap.xml 網站地圖,我們會再另文詳談!)
除了網站地圖Sitemap的設定,Google 網站管理員工具亦可進行更多的設定和檢測如:
- 網站成效分析
- 網址審查
- 索引覆蓋範圍
- 索引移除網址
- 網頁體驗
- 網站使用體驗核心指標
- 專人介入處理
- 安全性問題
- 連結管理
- 一般設定
- 提交意見
等等….

腦爸打 發表在 痞客邦 留言(0) 人氣()

jQuery Mobile Orientation & Page Events 小教學 @ compbrother 腦爸打

 
小知識教學類型: 手機應用程式開發
Title : jQuery Mobile Orientation & Page Events jQuery Mobile Orientation
手機使用者,有時會橫向有時會直向望手機銀幕,這個習慣視乎手機使用者自身的需要或那種方式較清楚去呈現或查閱手機中的文字、圖片或影片內容。由於我們無法估計手機使用者是即將會用那種方向(直向/橫向)去使用你的手機應用程式,所以手機應用程式編寫員可以善用 jQuery Mobile Orientation Event 去應對這種情況,當手機用戶由橫轉直或由直轉橫,jQuery Mobile orientationchange Event 就會被偵測到 (triggered)。
我們可以用 window object 去捕捉orientationchange Event,寫法如下:
$(window).on("orientationchange",function(){
//當偵測到手機方向轉變時,自定想進行或展示訊息的程式段落
});
這個function會回向(return)一個值,若果現刻是直向會是portrait值,若果現刻是橫向會是landscape值。同理的做法,可以使用window.orientation的回向值(return value),若果現刻是直向會是0值,若果現刻是橫向會是1值。當偵測到手機方向轉變時,或特別於某方向偵測到的區段裡,手機應用程式編寫員可以自定想進行或展示訊息的程式段落。
jQuery Mobile Page Events
手機應用程式程式可簡單想像是由頁面(Page)所組成,而頁面(Page)可以有四大情況可以造成 jQuery Mobile Page EventsjQuery Mobile Page Events,這時手機應用程式編寫員可以善用Page Events去應對情況:
Page Initialization - 手機Apps頁面產生(creation)前及剛產生時,例子:
$(document).on("pagebeforecreate",function(event)
$(document).on("pagecreate",function(event)
Page Load/Unload - 手機Apps頁面正在運載(loading)/取消運載(unloading)/運載錯誤(failure)時,例子:
$(document).on("pagecontainerload",function(event,data)
$(document).on("pagecontainerloadfailed",function(event,data)
Page Transition - 手機Apps頁面轉換時,例子:
$(document).on("pagebeforeshow","#pagetwo",function()
$(document).on("pageshow","#pagetwo",function()
$(document).on("pagebeforehide","#pagetwo",function()
$(document).on("pagehide","#pagetwo",function()
Page Change - 手機Apps頁面更改(changed)或遇到錯誤(failure)時

腦爸打 發表在 痞客邦 留言(0) 人氣()

JavaScript Arrays 基礎教學簡介篇 @ 腦爸打 Compbrother

小知識教學類型: 網頁設計、網站製作
為什麼網頁程式編寫員需要Array? 可以簡單想像,編寫網站程式很多時都會處理一系列的項目或數據,它們可能是屬於同一群體或有著一定聯繫性,所以JavaScript Arrays便可以給予網站程式編寫員可以簡便以Array裝載,並且提供多項實用選項功能function可以使用。
創建Array的方法,例如:
const teammates = ["Sarah", "Daniel", "Tom"];

const teammates = [];
teammates[0]= "Sarah";
teammates[1]= "Daniel";
teammates[2]= "Tom";
從Array中提取項目值,例如:
const teammates = ["Sarah", "Daniel", "Tom"];
let team_member = teammates[1];
**0是Array中第一個值,1是Array第二個值,2是Array第三個值,如此類推等等...
從Array中更改項目值,例如:
const teammates = ["Sarah", "Daniel", "Tom"];
teammates[1]= "Linda"
**以上例子 Daniel 的值便會改為 Linda
JavaScript Arrays所裝載的,可以不只是string字串或數字numbers,也可以盛載 object物件,例如:
const teammates = {firstName:"Sarah", lastName:"Chan", age:21};
JavaScript Arrays有著很多的現成功能method可供網頁程式編寫員所使用,例如:
length: 取得Array中有多個項目
Array[0]: 取得Array中的第一個項目
[Array.length - 1]: 取得Array中的最後一個項目
Array.push: 在現有Array中再增加一個新項目
以loop迴圈方法去取得或查看Array中的每一個項目:
for (let i = 0; i < Array.length; i++)
{
//自定程式如何列出Array中的每一個項目Array[i]
}
或直接採用Array.forEach()的方法也有同樣的效果去列出Array中的每一個項目
另外,我們如何得知一個變數Variable是否Array? 根據 ECMAScript 5 (JavaScript 2009),網頁程式編寫員只需使用 Array.isArray()的方法便可輕鬆和快速知道一個變數Variable是否Array了。

腦爸打 發表在 痞客邦 留言(0) 人氣()

腦爸打 Compbrother : SEO知己知彼,實用六招了解你的競爭對手!

小知識教學類型: SEO搜尋引擎優化
Title : SEO知己知彼,實用六招了解你的競爭對手! SEO搜尋引擎排名優化,不論是在Google/Yahoo/Bing或那一個的搜尋引導平台,這都並不只是一場自我競爭的排名比賽,而是與SEO競爭對手招來招往的搜尋排名比賽結果,所以我們要做好SEO,就需要從內而外了解你的競爭對手!
第一招: 如何找出和知道你的網站的SEO競爭對手呢?
簡單而言,其實三個小技巧便可知知道你的現有或潛在的SEO競爭對手有誰,如從自我認知 / 行業活躍度中估計、Alexa 業界流量排名列表中查看和最直接地從關鍵字搜尋查看搜尋結果。
第二招: 伺服器及網站速度篇
伺服器Server Hosting可說是網站的根本,伺服器Server各類狀況都會影響到Google / Yahoo / Bing 等搜尋引擎中的搜尋排名結果,當中包括網站伺服器的結構和設定、網站速度 (load time)、網站穩定性如網站是否出現錯誤500/404等等,都會對seo排名有著影響。除了伺服器Server之外﹐網站的運載速度亦可以因為網站客戶端(e.g. css html javascript)、伺服器端(e.g. php, jsp)網頁程式編程規劃和數據庫Database的架構而受到影響,我們可透過以各類工具去如https://pagespeed.web.dev/ 去檢測網站的速度。
第三招: 網站瀏覽彈性篇
網站可否支援到當中流行的手機界面 (responsive layout),讓手機用戶都能清楚看到手機網站內容? 不會走位? 及網站是否有足夠彈性去支援各個人氣的瀏覽氣如Chrome、Firefox、Safari、Opera 、Microsoft IE/EDGE,這都影響著網站在Google / Yahoo / Bing 等搜尋引擎中的SEO搜尋排名結果。大家可以透過 browsershots.org 這類工具去檢測網站的網站瀏覽彈性度。
第四招: 網站人流量
一間商舗多人幫襯,也可想像為這間商舖的貨品必定很出色才會客似雲來。同理,一個網站若果人流量(Traffic)高,也代表著這個網站中的內容是實用和有著價值的資訊,這才會有助提高網站在Google / Yahoo / Bing 等搜尋引擎中的SEO搜尋排名結果。大家可以透過 similarweb.com 這類工具去檢測網站的人流量。
第五招: 社交平台活躍度
在Facebook的出現以後,社交平台成為了大眾人夜流連忘返的空間,過往大家都只能靠Google / Yahoo / Bing 等搜尋引擎去查找資訊,但有著社交平台的出現以後,由搜尋引擎的被動資訊,人們便開始接收多了來自社交平台的主動資訊。但當代marketing的觀念,其實搜尋引擎和社交平台並不是完全的競爭對手,相反更能互相得益,網站在社交平台活躍度愈高,都會驅使到提高網站在Google / Yahoo / Bing 等搜尋引擎中的SEO搜尋排名結果。大家可以透過 similarweb.com 這類工具去檢測網站的在社交平台的活躍度。
第六招: 網站的可信賴度
Pagerank 有人會覺得是一個較傳統的SEO觀念,但其實不管Google / Yahoo / Bing 等搜尋引擎如何的演算法有所變化,Pagerank 本身所帶要的觀念正正反映著網站的可信賴度。網站愈可信賴,自然可有助提高網站在Google / Yahoo / Bing 等搜尋引擎中的SEO搜尋排名結果。大家可以透過 https://moz.com/products/pro/seo-toolbar 這類工具去檢測網站的可信賴度。

腦爸打 發表在 痞客邦 留言(0) 人氣()

Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲,請立即離開。

已滿十八歲者,亦請勿將內容提供給未成年人士。