Pages

Subscribe:

Ads 468x60px

Labels

2015年6月12日 星期五

[jQ]jquery-counter

不知道各位有沒有看過 hTC 在行動裝置上的那個會翻頁的時鐘呢?jquery-counter 雖然目前是一個倒數計時的外掛套件,但作者利用了類似影格的方式來改變圖片,進而產生翻頁的錯覺效果。

套件名稱:jquery-counter
套件網址:N/A
作者網站:http://code.google.com/p/jquery-countdown/
套件網址:N/A
發佈日期:2009-07-10
檔案大小:3.53 KB
檔案下載:jquery.countdown.js

HTML 屬性說明:
檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
stepTime(選填)
描述: 圖片切換的移動速度(1000毫秒 = 1);如果是使用作者提供的圖片的話,建議不要變更此值
預設值: 60
 
format(選填)
描述: 時間格式
預設值: "dd:hh:mm:ss"
 
startTime(選填)
描述: 要倒數的時間;這邊填入的時間格式要跟 format 的一樣才行
預設值: "01:12:32:55"
 
digitImages(選填)
描述: 每一秒是包含幾格圖片;如果是使用作者提供的圖片的話,建議不要變更此值
預設值: 6
 
digitWidth(選填)
描述: 數字圖片的寬度(以一小格為主)
預設值: 53
 
digitHeight(選填)
描述: 數字圖片的高度(以一小格為主)
預設值: 77
 
timerEnd(選填)
描述: 當時間到了要執行的動作
預設值: function(){}
 
image(選填)
描述: 數字圖片的來源
預設值: "digits.png"
方法說明:
檢視原始碼 JavaScript
1
2
// 在指定的區塊上進行倒數計時效果
$(selector).countdown(userOptions);
使用範例:
檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.countdown.js"></script>
<style type="text/css">
 #counter2 {
  margin-top: 50px;
  clear: both;
 }
 .cntSeparator { /* 分隔符號的樣式 */
  font-size: 54px;
  margin: 10px 7px;
  color: #000;
 }
 .desc {
  margin: 7px 3px;
 }
 .desc div {
  float: left;
  font-family: Arial;
  width: 70px;
  margin-right: 65px;
  font-size: 13px;
  font-weight: bold;
  color: #000;
 }
</style>
<script type="text/javascript">
 $(function(){
  // 第一個倒數計時, 圖片來源為 images/digits.png
  // 倒數時間為 1 天 12 小時又 12 分 0 秒
  $('#counter').countdown({
   image: 'images/digits.png',
   startTime: '01:12:12:00'
  });
 
  // 第二個倒數計時, 圖片來源為 images/digits.png
  // 倒數時間為 1 分 30 秒, 格式為 mm分ss秒
  // 時間到了跳出對話方塊
  $('#counter2').countdown({
   image: 'images/digits.png',
   startTime: '01分30秒',
   timerEnd: function(){
    alert('時間終了!');
   },
   format: 'mm分ss秒'
        });
 });
</script>
 
<body>
 <div id="counter"></div>
 <div class="desc">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
 </div>
 
 <div id="counter2"></div>
 <div class="desc">
  <div></div>
  <div></div>
 </div>
</body>
範例 1

2015年6月2日 星期二

4個SEO優化不容錯過的設定!

資料來源
有許多方法可以提升網頁自然排名,加強SEO優化。今天Astral Web要從網頁架構的角度來看SEO,和大家介紹4種優化設定,首先我們以在Google搜尋Magento 台灣,看看自然排名結果,詳見下圖。
Google搜尋Magento台灣
接著來到第一名搜尋結果的網頁,檢視該網頁的原始碼。
網頁原始碼
上圖為網頁原始碼截圖,可看到幾個seo優化不容錯過的設定,接下來就讓我們逐一介紹吧!

一、宣告網頁內容的語言

這裡指的是網站的內容是英文、中文,還是日文。
常用設定:
zh-Hant:繁體中文
zh-Hans:簡體中文
zh-Hant-TW:台灣地區使用的繁體中文
zh-TW:台灣地區使用的中文

二、宣告網頁使用的編碼語言

big5表示為繁體中文,gb2312為簡體中文,utf8為萬國語言
HTML 4.01 和 HTML5  不同的設定方法:
HTML 4.01: HTML5: 三、網頁標題 title
Magento台灣│Astral Web歐斯瑞公司
出現在搜尋結果的第一行,適當加入關鍵字將有助搜尋排行。
* 避免使用重複的標題

四、網頁描述 meta description

搜尋結果底下的小字內容,如果沒有設定的話,搜尋引擎將直接抓取網站內容。
另外值得一提的是網頁關鍵字(keywords)
很多網頁設計公司都會強調 keywords meta 的設定,但其實Google 並不理會keywords meta的內容,過度的堆疊關鍵字反而會被當成垃圾網站,如果沒有把握的話,建議不要使用。

關鍵字密度(Keyword Density)

資料來源
 關鍵字密度就是一個關鍵字或一個關鍵字在網頁上出現的總次數與其他文字的比例。相對於頁面總字數而言,關鍵字出現的次數越多,那麼總的關鍵字密度也就越大。其他文字出現的次數越多,關鍵字的比例就越低,則關鍵字密度越小。
  關鍵字密度 (Keyword Density) 是指在一個頁面中,關鍵字(keyword)或關鍵字段(keyphrase)占所有該頁面中總的文字的比例。該指標對搜尋引擎的優化起到關鍵的作用。為自然提高在搜尋引擎中的排名位置,您網站中頁面的關鍵字密度不能過高,也不要過低,一般在1%到7%較為合適。如果要達到1%的比例,那麼您在平均100 個文字中最好包含 1 個關鍵字或關鍵字段,如果在 1000 個文字中僅僅只包含1個關鍵字或關鍵字段,那麼關鍵字密度就被稀釋了。記住,您千萬別把所有的關鍵字或關鍵字段堆積在一起,要不搜尋引擎將人為是一種惡意行為(Spam), 直接降低您網站的排名位置。
  並不用死死抓住關鍵字密度這個點,以至於過分約束。

1.確定主關鍵字

    用長尾關鍵字輔佐。一個頁面使用一個核心關鍵字,兩三個長尾關鍵字。這樣一方面可以避免使用唯一關鍵字時,密度偏大,另一方面,核心關鍵字排名上去後,長尾關鍵字也跟著帶來流量了。

2.關鍵字密度

從泛一點的定義來說,就是整個頁面考慮的。不過可以分得細緻一點,分為 title,keywords,description,body前一百個字符,剩餘內容。title密度100%,keywords密度100%,這些都沒有關係,叫做完全匹配,description,body前一百個字符,剩餘內容這裡均出現主關鍵字就可以了。長尾關鍵字也是盡量靠前出現。

3.不要作弊

搜尋引擎的工程師比我們優秀多了,可能你比他們某一兩個人聰明,但絕對不是所有。

4.原創

網絡上雖然擁有大量的內容,但是原創的內容太少,沒事的時候,多謝謝,就當自己練練筆頭。

中文關鍵字密度

  為了讓讀者可以更加容易理解中文關鍵字密度,下面舉一個簡單的例子進行說明。
  例如「我的筆記本」,搜尋引擎將其切分為「我」、「的」、「筆記本」,則關鍵字「筆記本」在這個文檔中的密度就是「1/3」。對於簡短關鍵字,通常通過計算組成簡短裡的每個詞的密度去衡量該簡短的密度。

關鍵字密度範圍

  通過以上內容,我們知道搜尋引擎對頁面的分詞方法,以及如何計算中英文頁面中的關鍵字密度。但是,頁面中關鍵字密度在什麼範圍才算合理呢?這在不同的搜尋引擎中會有所差別。一般認為,關鍵字密度在6%~8%是比較合理的。

  為什麼關鍵字密度在6%~8%的範圍內較為合理呢?搜尋引擎會把對傳統事物的分析、統計結果作為制定算法的一個參考指標。例如,對N個網頁進行分析、統計後確定這個範圍。加強對傳統事物的觀察,對開展SEO也是有一定幫助的。

關鍵字密度與頁面相關性

  關鍵字密度是衡量頁面相關性的重要指標之一。搜尋引擎會根據頁面中每個關鍵字的密度對頁面的主題進行定位。也就是說,如果我們的頁面要出現在某個關鍵字K的搜尋結果中,最基本的是頁面中K的關鍵字密度要在某個特定的範圍內(如6%~8%)。

  例如,要想讓你的網站中的某個頁面出現在「手機」的搜尋結果中,則首要條件就是該頁面上「手機」這個詞的密度要在某一個特定的範圍內。否則,就會被排除在「手機」的搜尋結果以外。

  對於簡短關鍵字,除了評估組成簡短的每個詞的密度是否合理外,還要統計該簡短出現的頻率。例如,要評估頁面與「SEO」的相關性,搜尋引擎首先會計算頁面中「搜尋引擎」及「優化」這兩個詞的密度,再統計該短詞出現的頻率,最後用這兩個資料庫進行綜合衡量。

關鍵字堆積(keyword stuffing)

  關鍵字堆積(keyword stuffing)是指在一個網頁中非常密集地放置關鍵字。一般說來,如果關鍵字的出現過於頻繁,就會蓋過網頁的其他內容。雖然過度使用關鍵字有可能觸發 Google的過濾器(filter),但更嚴重的問題是因內容難於閱讀而造成訪問流量的潛在損失。如果一個搜尋者發現在一個頁面到處都充斥著關鍵字,那麼他幾乎不可能在這個頁面逗留,而且也不可能轉變成一個付費客戶。因此由於關鍵字堆積而造成的損失是雙重的。

關鍵字堆積(keyword stuffing)的常見形式有哪些?

  眾多關鍵字充斥於網頁內容中就會形成關鍵字堆積(Keyword stuffing)。這類網頁看起來更像是一連串的關鍵字,而不像是別的什麼東西。關鍵字堆積的另一形式就是將關鍵字或關鍵字盡可能多次的填入頁面的 title標籤中。搜尋引擎通常會降低這類網頁的搜尋排名,或者完全忽略這些關鍵字。這兩種結果對網站都沒有什麼好處。關鍵字堆積的橋頁(doorway pages)或隱形頁面(cloaked pages)不僅是過度使用關鍵字的例子,而且還是因自身原因而受到懲罰的因素。在所有導入連結(inbound links)中頻繁使用相同的連結錨文字,也會被看作是關鍵字堆積的一種形式。

一個網站是否會因為關鍵字堆積而受到懲罰?

  一個網站會因為關鍵字堆積(keyword stuffing)而受到搜尋引擎的懲罰。Google似乎對於頁面上過度使用關鍵字非常敏感,因為關鍵字堆積會觸發過濾器(filter)。搜尋引擎巨人可能對網站採取的懲罰措施包括,降低其在搜尋結果中的排名、降低其在Google的PR值以及禁止該網站。如同所有搜尋引擎優化(SEO)的努力一樣,常識和考慮什麼事情有益於你的網站瀏覽者,是任何一個站長最好的行為。

搜尋引擎對關鍵字堆積的識別

  搜尋引擎和搜尋引擎優化(SEO)一直是一對矛盾,合理的優化有助於搜尋引擎對網站內容的識別,有助於網站的推廣。然而有正面,就有反面,一些SEOers通過各種欺騙手段來欺騙搜尋引擎,以期達到增加頁面收錄數和頁面排名的目的。
  早期的關鍵字堆積SPAM作弊方式之一,是將中文詞庫中的單詞直接用軟件拼湊成文章,這樣的文章沒有實際的意義,只能給搜尋引擎看。那麼對於這樣的文章,搜尋引擎是通過什麼方式來識別的呢?
  對於關鍵字堆積作弊方式的識別,搜尋引擎一般採用統計分析的方法進行。搜尋引擎首先將網頁進行分詞,分詞完成後可以得到詞的數量N和文章長度L,從大量文章的統計中發現文章的長度L和詞的數量N兩個數字之間存在一定的分佈關係,一般而言L/N界於4至8之間,均值大約在5-6之間。也就是說一篇長度為1000字節的文章中,應該有125-250個分詞,由於中文和英文的詞的組成不一致,因此在英文和中文中這個比值的範圍會有所不同。如果搜尋引擎發現L/N特別大,那麼這篇文章就存在就存在關鍵字堆積現象了,如果L/N特別小,則可能是這篇文章是由一些詞所組成的沒有意義的文章。
  所謂魔高一尺、道高一丈,有些作弊者已經放棄了單詞的組成文章的作弊方式,而改用句子組成文章的作弊方式,作弊者通過爬蟲或其它方式獲得網上文章的句子,並用軟件將數十篇文章的某幾句拼湊成一篇文章。這就需要搜尋引擎做語義的分析來判斷是否作弊了,然而目前關於語義分析的研究還處於研究階段,這也是下一代智慧搜尋引擎的方向。
  然而我們仍然不能將自動文章建立一棍子打死,基於人工智慧的文章建立仍然是人類研究自身語言以及自身智慧的一個重要方向。作弊與反作弊,將能促使人類對人工智慧的研究。
  如果到最後,軟體能建立人類能夠理解的文章,這是SPAM還是精華?你能肯定地說目前存在的智慧化程度還不夠高的RSS聚合文章一定是SPAM嗎?然而,如果這樣的文章大量的出現,我們又該如何去面對這個現象?

關鍵字廣告

  所謂的關鍵字廣告,就是每則廣告都會提供一些關鍵字,當你使用搜尋引擎(例如國內最常見的搜尋引擎廣告有Yahoo、Google)搜尋到這些關鍵字的時候,相應的廣告就會顯示在某些相關網站的頁面上,這樣的優點是快捷,靈活,迅速的方式給客戶以大量的相關內容。關鍵字廣告(keyword)是一種文字連結型網路廣告,通過對文字進行超連結,讓感興趣的用戶點閱進入公司網站、網頁或公司其它相關網頁,實現廣告目的。連結的關鍵字既可以是關鍵字,也可以是語句。

    目前,關鍵字廣告主要有5種:
  1公司關鍵字。
  2公眾關鍵字。
  3語句廣告。
  4搜尋關鍵字。
  5競標排名廣告。

目標關鍵字優化法則

    優秀的將軍會在決定性地點集中兵力優勢,對於SEO來說,決定性地點在哪裡?當然是網站的主打關鍵字—目標關鍵字!
    對同一個行業領域來講,目標關鍵字不僅是自己網站的重心,同是也競爭者網站的重心,成功主打這個重心,網站在SEO方面,就取得了決定性成功。當你制定了徹底主打目標關鍵字的目標,根據Syoc對以往關鍵字優化的案例分析,以及自身的實踐經驗總結,發現有兩條主要法則貫穿在整個目標關鍵字優化過程中,這兩條法則還為其他所有事情確定了行動的方向。

1.聚焦法則

聚焦目標關鍵字,單點突破。
進行目標關鍵字的單點突破,將構築兩方面的優勢:
其一,確保你網站整個內容緊緊圍繞目標關鍵字展開,這能向會員和搜尋引擎說明,網站是關於這個關鍵字最專業的
其二,確保你網站可以集中站內、站外的所有資源,包括內外部連結、關鍵字位置等,以局部的絕對優勢勝出目前的排名領先網站。
實施這種局部發力、單點突破的戰略時,最重要的要打掉大而全的幻想,不能迷戀領先網站的選擇多個目標關鍵字的模式。把長尾關鍵字盡可能的保留在從屬地位上。以下是一些具體操作思路:
    目標關鍵字要用首頁來做,首頁就只確定這麼一個目標關鍵字。網站整個內容要盡可能和目標關鍵字相關,不要有多餘的內容。站內錨文字、外鏈建設、網站內部連結架構,以目標關鍵字為重心。

2.時間法則

盡可能迅速的行動。
    SEO這個充滿變化和發展的領域,缺乏現成的知識和經驗指導,很多東西都需要從親身實踐中去摸索,由此所產生的錯誤是不可避免的但很多人總是指望,等一切都可以做正確的時候再做,這往往會失去新機會。做正確”從SEO戰略上說,一點意義也沒有。任何值得做的事情都是做的過程中,任何不值做的事情都不值得以一種完美的方式去做。
    如果沒有充分的理由,就不要停頓,不要走彎路。無謂的消耗時間,走不必要的彎路都是力量的浪費,因而是SEO戰略所忌諱的更重要的應該記住,去和排名領先網站競爭的唯一優點,幾乎就是當初的出其不意。突然性和不斷前進是主打過程中最有力的翅膀,尤其在以徹底主打目標關鍵字為目標時,們更是不可缺少的
    請注意,們這裡所談到迅速行動,從SEO戰略角度來談的SEO戰術上,如增加外鏈、網站內容更新等,要做到緩慢、持久,這我們已經在其他文章裡詳細談過。總結起來就是SEO戰略上的速決,SEO戰術上的持久”
相關問題:
主打目標關鍵字時,可以做長尾關鍵字嗎?
問題的關鍵字是網站的力量是否已經足夠強大,從而能夠追求徹底主打目標關鍵字的目標?
    若你經過分析判斷已經肯定,就要分清什麼是主要的什麼是次要的次要的行動應該服從主要的行動。Syoc認為,首先,要把一切力量都要指向目標關鍵字這個重心。其次,應該用盡量少的精力,來進行這種處於從屬地位的長尾關鍵字優化。
     當然,如果暫時還沒有這個力量,就談不上主打目標關鍵字。那麼你這個階段,可以把重心放在長尾關鍵字優化上,進行所謂 的持久戰”長尾關鍵字對目標關鍵字有一定的反哺作用,長尾做起來後,對首頁的權重提高有一定好處。但在目標關鍵字做起來之前,往往內容頁面的權重較低,長 尾關鍵字也難以獲得好的排名。

目標關鍵字

   目標關鍵字的概念是SEO最重要的概念之一。目標關鍵字是什麼?們可以從多個方面去理解。最簡單的理解是網站的主要關鍵字。希望會員搜尋那個詞時。搜尋到網站的首頁。
就是簡單意義上的目標關鍵字。們要給你灌輸一種思想,很多人對 SEO理解就是做關鍵字排名。其實他們說的關鍵字。即:採用 SEO思想做品牌網站,而不單單只是做關鍵字排名。這個觀念,將一直貫穿我們培訓計劃的整個過程。請你頭腦中一直帶著這個疑問:如何通過 SEO做品牌網站?搞懂這個問題,必然是未來網絡行銷界的精英。
想做一個賣書的網站,   但這和目標關鍵字有什麼關係?假設。當然希望不久的將來,會員要買書都來到網站。希望你網站名字家喻戶曉,但首先你需要把你網站名字廣而告之。於是鋪天蓋地放廣告,電視上、報紙上、雜誌上、廣播裡、甚至電線桿上。為此,花了千萬級的錢終於,書迷們都記住了一個名字!
這是這種創業思路的致命傷。必須有大量的資金。
甚至超過亞馬遜。因為你可以把你廣告免費掛在各大搜尋引擎搜尋結果的第一位。目標關鍵字是什麼?網站寫在SERPNo.1位置的核心廣告詞!   現在這樣的網絡創業思路帶著它天生的致命傷已經成為過去。只要你懂 SEO可以不用大量的資金同樣可以發展起一個專業賣書的網站。

長尾關鍵字

   提到兩個常見概念

   二八原則 2成人群佔了8成財富

   2成客戶帶來 8成利潤 .

   圍繞這些會員進行需求開發,一條路。或許 由於內容獲得更加便利 ,   2.長尾理論 當熱門的關鍵的都被大象佔據了,們怎麼辦?分析資料庫 追蹤尾巴 追蹤非熱門的那批會員。這才是未來 ,垂直類的站成功的越來越多了很顯然熱門的關鍵字 要重點去做 ,   那麼理想到seo中 .其他能帶來流量的關鍵字 也不能忽視。
   這麼多非熱門的關鍵字怎麼辦?先把這些非熱門關鍵字分類 ,有個愚昧的長遠 seo維護想法。有針對的為同類別裡的關鍵字 一起進行優化 一起寫原創內容 ,或許更新起來會省力些。初步的想法 ,有待驗證 ,或許想同時 把一堆關鍵字做上去 很難?
手工毛線編織披肩 綵帶設計圖案 背帶牛仔褲的搭配 臺布蕾絲 束腰上衣 禮帽頭飾 黑色毛衣的編織 手工鉤花 手工勾花圖案 手工編織毛衣款式 米字 t鏤空背心
百度風雲榜 top.baidu.com上那麼多熱門關鍵字可以算是暢銷商品 hit而其他大量每日搜尋量低於 500ip關鍵字就是百度搜尋的長尾關鍵字了百度的長尾關鍵字搜尋總量顯然超過熱門詞的搜尋總量。對於百度來講有一些很奇怪的帶來流量關鍵字 先放到這裡記錄下。
比如這個網站,對於一個網站來講。SEO論壇、SEO什麼這些詞每日帶來合計上千的IP這是Hit但整個網站每日搜尋 IP上 5K絕大部分流量來自日搜尋量低於 20ip關鍵字。後面這些詞,就是長尾詞了

熱門關鍵字

英文:Topsearchqueries   中文:熱門查詢   
意思是網站從搜尋引擎帶來最多流量的幾個或幾十個關鍵字。
結合前兩節講的長尾關鍵字的概念,好了有了這個概念之後。就可以做出關鍵字 -流量分佈圖了
澄清下三個概念:
1.目標關鍵字:放在網站首頁標題上。希望此關鍵字給網站帶來大量目標客戶。因為我們認為這些詞會帶來目標客戶,所以稱之為目標關鍵字。單個搜尋量不大,
2.長尾關鍵字:放在網站的欄目頁面和內容頁面。但關鍵字數量巨大給網站帶來較多流量的關鍵字。
3.熱門關鍵字:放在網站的首頁、欄目頁面和內容頁面。

關鍵字分析的思路

在關鍵字選擇的過程中,進行關鍵字分析是很必要的,以判斷這個關鍵字的搜尋量、競爭性如何,從而選擇適合我們的。

對於目標關鍵字而言,若不能做到前三,則重新選擇;會員搜尋量小或者會員的目標性不強,則要放棄;優先選擇那些競爭相對較小、搜尋量相對較大的。

對於長尾關鍵字而言,要避開競爭性強的關鍵字,選擇偏、冷門關鍵字,數量上越多越好。

下面是Syoc提出的7個能夠引導你進行關鍵字分析的問題。

1、你選擇的關鍵字,有多少人會搜?

用百度指數查詢工具,可以瞭解關鍵字的日搜尋量情況。如果沒有會員搜尋的關鍵字,即使排在第一,也沒意義,不是嗎?

2、搜尋關鍵字,找到多少相關網頁?

搜尋你的關鍵字,在搜尋結果右上角,有顯示搜尋到多少相關網頁,而這些網頁都是你的競爭對手。

3.這些網頁中,有多少是主域名?

當搜尋結構前2頁,大部分都是主域名的連結,那麼這個關鍵字的競爭性一般不低;若大部分都是二級域名、目錄甚至內容頁面,則說明這個關鍵字的競爭性不強。

4.這些網站的反向連結情況如何?

當搜尋結果前幾個網站的反向連結的質量和數量,都比較大強大時,則競爭性較強。
查詢反向連結,目前用Yahoo相對準確些,指令為:link: 如:link:http://www.syoc.com

5.網站規模和年齡情況如何?

當排在前面幾位的網站規模大、網站的時間長,新站一般難以與之輕易匹敵。
查詢網站的搜錄量可判斷其規模;百度一下「網站記錄」工具,可查詢其年齡。

6.網站的SEO情況如何?

對於競爭性強的關鍵字,網站的SEO一定做的比較好,比如標題標籤出現關鍵字、良好的站內錨文字、頻繁的更新網站內容等等。

7.關鍵字的搜尋付費推廣多嗎?

每一個付費推廣,都是有人願意出這個錢,如果付費推廣網站多,則說明這個關鍵字的商業價值大,當然競爭性也強。