香港新浪網 MySinaBlog 精選話題工具
Cecil | 11th May 2012 | Web Design

作者的網站 : http://www.aaronvanderzwan.com/maximage/

首先說 - IE 6是不能用這插件

maxImage是一套相當方便的插件,用上它之後,基本上你的圖片很讚,再稍微擺放一下你的網頁資料,這個網站的樣子也不會醜到那兒去了。而更讚的是maxImage,你只要順序地把插件寫入你的網站上,再把圖片套上class='slidemaximage',是一套相當易用的插件。不再像以前要慢慢的看一大段的js碼。

安裝程序 : http://www.aaronvanderzwan.com/maximage/installation.php


即使是完全不會寫程式的我也很易搞定了這種效果了。


Cecil | 6th Mar 2012 | SEO | (11 Reads)

Copy and Paste是一般Web Master最喜歡的更新網站方式。

可是有些Web Master的複製文章會被Search Engine大大喜歡,而有些Search Engine卻一篇不收。為什麼同樣是複製文章卻有如此大區別呢?

我們每天看新聞的時候,應該是一模一樣的新聞,可是為什麼Search Engine會收錄這麼多吧,有些本身就只是改了標題而已,內容完全一樣的卻依然被收錄,而且排名還不錯,原因何在?

以下總結了幾個複製文章內容不收錄的原因。

  1. 複製文章的痕跡過於明顯
    一般複製文章都是改頭改尾或者段落顛倒的,只要看過類似的文章都知道這篇文章的內容。用戶停留的時間自然就會很短,而Search Engine就會把它判為垃圾內容。
  2. 網站權重低
    如果你羨慕一些大站改改標題的複製文章都被收錄而有好排名,其實最主要是他有高權重的影響,一個權重高的網站即使複製文章或者是採集都會獲取好排名,正因為他的權重高Search Engine早以對於投入大量的信任。而你的不被收錄的原因就是因為權重過於低。
  3. 可讀性不高
    很多Web Master不知道怎麼去分析可讀性。這裡給個小妙招,那就是通過統計工具查詢頁面停留時間,時間越長就說明內容對用戶有可讀性,反之就沒可讀性。Search Engine會根據這個來判斷的,特別是裝有百度統計的站點。
  4. 內容相似度高
    既然是複製文章,那麼就是說原本網絡上有這類的文章,不收錄的原因自然就是因為Search Engine已經知道有這篇文章的存在了。
那麼針對這些複製文章不被收錄,如何去解決呢?
  1. 降低內容的相似度
    先用工具查詢一下自己修改過後的頁面內容與網絡上相同的內容的相似度,筆者推薦使用相似度查詢工具,只要把文章的相似度降低到50%以下,那麼Search Engine就會判為原創的了,自然就會被收錄了。
  2. 提高頁面停留時間
    對於這點很多Web Master可能不知道怎麼去提高,建議大家在頁面內容中,把內容的段落重新劃分,最好是一段不要超過五行,這樣即利於用戶閱讀同時對於提高頁面停留時間非常有用。
  3. 提高網站權重
    一般權重高的網站,即使是利用複製文章,文章都會被收錄於Search Engine中,筆者認為是權重高的網站都被Search Engine所信賴的,而且Search Engine都會優先抓取權重高的內容,自然評判排名時都是以權重的高低優先的。
  4. 清除複製文章的痕跡
    對於Search Engine和用戶兩個方面都要做好,清除的方法主要是把一些用戶一看就知道是重複的部分去除,如一篇文章不要只是改頭改尾,應該先把段落重新劃分、整理。然後再把文章進行分頁,最好是前後顛倒,讓用戶不會一眼看出是複製文章的或者是重複內容。

本文:www.1000dp.com ,腳臭www.jiaochouweishi.com 分享


Cecil | 9th Feb 2012 | SEO | (14 Reads)

舊聞重溫,於2011年11月21日Yahoo Site Explorer呼籲用戶轉用Bing Webmaster tools。Bing Webmaster tools是一款和Google Webmaster tools很類似的工具,你需要認證才可以檢查那一個網站的資料。換句話說,它根本沒有Yahoo Site Explorer的Backlinks檢查能力

Yahoo Site Explorer最大的用途除了催促笨笨的Yahoo Search Engine吃你的網站外,就是為了檢查對方網站的Backlinks情況。相對其他的Backlinks檢查工具Yahoo Site Explorer的檢查準確度相對地精準。而Google search中一直以來也很難檢查其他人網站的Backlinks情況。

如果你單純只是想看自己的Backlinks情況,你用回Webmaster Tools會比較準確。可是我們很多時候是想看對方的網站,我通常會使用這幾個網站。

站長之家
中國的SEO工具網站,功能相當的多,相信不少人也用這個為主。

Backlink Watch
除了開始的popup廣告頗為麻煩外,這是另一個主要檢查Backlinks的途徑,它能列出該Backlink的來源,可是檢查速度相當慢,基本上只能看100-200個Backlinks

Alexa
Alexa知名度很高,可以作為一個參考指標。可是「Sites Linking In」更新速度頗為緩慢


Cecil | 21st Nov 2011 | 轉載資料 | (52 Reads)
香港Yahoo! BLOG的升級過程將在2011年11月30日進入最後階段。
最後階段
升級的最後階段,固名思義就是把所有仍未升級的舊BLOG內容升級至全新平台,以完成整個香港Yahoo! BLOG升級過程。
  • 我們會把所有2011年11月30日前仍未升級至全新Yahoo! BLOG平台的舊BLOG內容及檔案,在11月30日起,陸續升級至全新平台,直至全部移動完畢為止。
  • 而所有2011年11月30日前仍未升級至全新Yahoo! BLOG平台的舊BLOG內容及檔案,只包括Yahoo!帳戶資料中顯示為13歲以上的現有Yahoo! BLOG內容(1)。

對於已升級的Yahoo!BLOG用戶
最後階段對已升級的Yahoo! BLOG用戶並無影響,大家可以繼續安心使用我們的BLOG服務。

對於仍未升級的現有香港Yahoo! BLOG用戶
在選擇「升級」或「備份」前,請先細閱有關資訊1 及2。

*請注意,進行「升級」前並不需要「備份」檔案

  • 仍未升級但希望升級至全新平台的現有香港Yahoo! BLOG用戶,請確認註冊帳戶資料是否為13歲以上(1)。你們可以在11月30日前選擇自行升級,或待11月30日及以後讓我們把你的BLOG直接升級。
  • 仍未升級至希望備份現有香港Yahoo! BLOG內容及檔案的用戶,請儘快於11月30日前提出備份檔案的申請。請注意,我們於11月30日起不再提供製作備份檔案打包下載的服務。

(1)未滿13歲 / 未能升級的現有香港Yahoo! BLOG用戶
請到這裏檢視相關資訊
若你決定升級,請於2011年12月7日前跟我們的客戶服務員聯絡,以確認身份及順利升級至全新平台。*注意,聯絡我們提出申請直至完成確認手續需時,若有關用戶在上列日期後才提出確認身份的申請,即使能核實身份,亦不能夠升級至新平台。

有用連結︰

  • 香港Yahoo! BLOG (舊平台)︰
    http://hk.blog.yahoo.com
  • 回到舊平台自己BLOG︰
    http://hk.myblog.yahoo.com
  • 聯絡我們的客戶服務員︰
    https://help.cc.hk.yahoo.com/feedback.html?id=3906
    無論是在升級前/升級中/升級後,或備份前/備份中/備份後,若遇到有任何疑問,請隨時跟我們的客戶服務員聯絡。

Cecil | 18th Nov 2011 | 轉載資料 | (468 Reads)

同為設計師……這真是中肯啊。

來源 : 微博配图—VICTORRRRR的照片


Cecil | 30th Sep 2011 | 網路資訊 | (29 Reads)

Delicious脫離了Yahoo後終於有新的界面(9月27日),但是目前而言新的界面並不友善,很多原本有的功能也未公開。令人髮指的是首日連原本用戶記下的Tags也沒法全部列出來(9月30日更新加回來了)。

另一個令我最不滿的是界面的列表方式,在過去的界面中你有3個方式來表示你的書籤,我個人是不會用詳細形式來排列,這方式實在太長了。可是新的界面中同樣地也沒有了這個功能,而那個我不怎麼喜歡的「頭像」又佔了很多的位置,更扯的是「多少人Save」了又佔了一行。

而新的界面還是有好處 - My stacks : 這個東西其實和Google的My lists差不多。在My stacks建立的書籤,它同時會建立一張縮圖。如果你收集一些圖片/界面為主的網站,這會是相當便利的功能。

可是從youtube的評價,看出大家也是不怎麼喜歡這個新界面……當然我也是一份子。

 

我很想念這個很簡潔的界面啊……

Cecil | 6th Sep 2011 | 網路資訊 | (98 Reads)

Youtube到現在還是沒有在其Player加上單曲重複播放功能,你要使用official的功能來單曲重複播放,你須利用Playlist內置的重複播放功能,創立一個只有一首曲子的Playlist。工序是相當的麻煩。

youtuberepeat.com是一個由fans制作的Youtube單曲重複播放工具

Type "repeat" into a YouTube URL before the ".com" to watch it on repeat:
Which means: http://www.youtube.com/watch?v=zDY4ioAnlrs
Would turn into: http://www.youtuberepeat.com/watch?v=zDY4ioAnlrs

意思是說你只要把你在播放中的youtube.com網扯改成youtuberepeat.com
原網址 : http://www.youtube.com/watch?v=zDY4ioAnlrs
改成 : http://www.youtuberepeat.com/watch?v=zDY4ioAnlrs

  • youtuberepeat.com : 由fans制作的Youtube單曲重複播放工具。
  • youtuberepeater.com : 由另一群fans制作的Youtube單曲重複播放工具,和youtuberepeat.com使用方法是一模一樣,不過功能上比較多。

如果你是想在你的網頁上增設一個單曲重複播放的Youtube Player,可參考一下這個網頁上說明的emb方式 : http://tw.myblog.yahoo.com/my_q_babys/article?mid=368&prev=369&next=346


Cecil | 19th May 2011 | 網路資訊 | (49 Reads)

Deilicous 網上我的最愛

http://blog.delicious.com/blog/2005/12/yahoo.html
2005年12月 - Yahoo收購了del.iciou.us

http://mashable.com/2011/04/27/youtube-founders-delicious/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Mashable+%28Mashable%29
2011年4月 - Youtube 創辦人 Chad Hurley 和 Steve Chen (AVOS) 從 Yahoo 手上收購了 Delicious.com

作為用戶,最關心的並不是誰收購誰。重點在於7月前用家要決定是否要認同AVOS的條款。

What happens if you do not transfer your bookmarks
  • Delicious in its current form will be available until approximately July 2011.
  • After that, you will no longer be able to use your existing Delicious account and will not have access to your existing bookmarks or account information.

簡單的就是說要在7月前認同AVOS的條款 : Allow your data to be moved with Delicious
又或者把你的Bookmark Export出來,不然你的Bookmark就會全滅。

 

相關文章 : Delicious Bookmark|網上我的最愛


Cecil | 21st Apr 2011 | Web Design | (633 Reads)

CSS中的Zoom設定主要作用是在於解決IE 6 和 IE 7的,最為常見的是用於模仿inline-block的屬性。

而Zoom這個屬性對付Float及Position定位也有很大作用。

沒有附加Zoom的Float left排版

Test
Test
Test
Test
Test
Test
Testing
<div style="width:250px ; ">
<div style="background:#999 ">
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="clear:both"></div>
</div>
Testing
</div>

附加Zoom的Float left排版

Test
Test
Test
Test
Test
Test
Testing
<div style="width:250px ; ">
<div style="background:#999 ; zoom:1">
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="clear:both"></div>
</div>
Testing
</div>

如果你用的是Fire Fox / Chrome,這兩款出現的畫面都是一樣的,可是在IE的環境下,沒有附加ZOOM:1的卻會出現崩壞的畫面。這是所謂「hasLayout」的屬性,如果一個物件有設置長闊的時候,那件物件就會擁有「hasLayout」的屬性。

然而我們偶爾會開一個div只是為了裝拑background,同時為了遷就內容的伸延性,該div也不會有長闊的設定。最為方便的解決方法就是在該div上增加zoom:1。

當一個物件沒有「hasLayout」的屬性,除了以上情況還更多很常見的問題。

如position定位會失效,而更奇妙的情況會在PNG上發生,沒有「hasLayout」的屬性就如Flash button沒有設定點擊區域,PNG上透明的部份是沒有連結的。

我都是那一句,該死的舊款IE快些淘汰就好了。


Cecil | 31st Dec 2010 | 網路資訊 | (419 Reads)

詳細教學看Youtube片吧,一條動畫教學贏過千言萬語。

Facebook預設的專頁(Facebook Page)只擁有 "Wall" "Info" "Links",不過你偶爾看到不少專頁會有更多不一樣的東西。曾經有一個客戶問道,要在Facebook中放圖和連結。這不是小孩也會的東西嗎?只是區區的IMG 和 A Tags而已。可是原來這是一個惡夢。預計的工具中,你可以新增"Note","Note"可以讓你加入html coding,可是行用"Note"建立出來的就像是相簿一樣,一張張縮圖按入去才可以看到詳細資料。這不是我的客戶想要的Promotion Page。

我就去嘗試以html為keyword來找apps,其中Profile HTML和HTML Profile box…好像不是這回事。我再以Welcome來找。

Welcome Tag for Page : 和客戶要求的很相似,可是它的相片沒有連結功能(可能付費會有,沒再研究下去)

PM Welcome Tab : 擁有好幾款Template的給人使用,這個功能其實很好,自然收費也成正比了。雖然這個是做到客戶想要的,不過這似乎太迂迴,用很多功能來作IMG 和A 而已的簡單東西……而且那個廣告也很難說服客戶使用。

Facebook App: Static FBML : 後來跟隨客戶給我們的SAMPLE,用它的APP Number才找到,大部份人們也是用這個來自定HTML頁面。以下是個人心得:

雖然加入了這個App,也可以利用"+"來加入"FBML",可是……一片白茫茫的要怎麼編輯呢?我又去回主頁,找來找去也找到好像之前2款的編輯界面。只好去問Google,人們找到edit page之類的東西,更capture了編輯界面,可是究竟怎麼入?還是看不懂……

 

詳細看Youtube片吧,一條動畫教學贏過千言萬語。

 

我作夢也想不到區區IMG 和A 要花那麼多時間弄出來…


Next