7/27/2009

SEO:搜尋引擎最佳化

SEO:搜尋引擎最佳化是另一種網站推廣的方式,一般的網站推廣是以關鍵字購買的方式來讓網站增加曝光率,這是一種最直接快速的途徑,可是一個熱門的關鍵字成本卻十分高。

而SEO的技巧可以讓網站的自然搜索排名提高,從而增加你的網站的曝光率。自然搜索和購買關鍵字是不同的事情,這是大眾對於SEO的普遍誤會,以為只要付了費用就可以放在"第一名"。即使是SEO,也沒有人能保障你的網頁是放在第一名之中,我相信香港沒有多少間SEO / Web Design公司是直屬雅虎和Google,第一名是由雅虎和Google內部的機制篩選出來,這個商業機密從沒有被公開出來。

SEO和關鍵字購買並不一樣,它的成效並不會一時三刻之下出現,所有的自然排名都要依從雅虎和Google內部的機制,沒有人能左右它們的更新數據速度。SEO亦十分重視網頁的權重,一般的說法是大量有質量的外部連結會提高一個網頁在整個網絡的重要性,在Google之中它們稱為Page Rank,雅虎雖然沒有Page Rank的說法,可是SEO人員都知道雅虎亦重視外部連結,兩者的用意只是差不多,而一個網頁的權重亦不會在一時三刻之下飛躍提高,這大慨是防止大量的欺騙行為,也是黑帽的SEO手法,這也是為什麼SEO的工作為什麼要差不多一季以至半年才有真正的成效。

SEO的工作大致上都會分為兩大類別:內部優化(In Page SEO)及外部優化(Off Page SEO)。

內部優化(On Page SEO) : 指網頁內部的優化工作。這是最為基礎和有效的工序,最簡單的由推砌關鍵字的工作,以及減沙垃圾編碼的工程。內部優化有限制的,除了增加頁數外你可以在同一頁中優化的工作只能作到一定程度,過度優化會被搜尋器視為欺騙行為而令網頁降權或刪除

外部優化(Off Page SEO) : 指網頁外部的優化工作。上文提及的權重則是由外部優化的工作,登錄網站以及寫網誌/部落部也是常見的工序之一,而一般黑帽都是重於這部份,外部優化可說是無止境的,根據官方的說法,你是不操縱外部有什麼連結連結你的網頁去。這也是為什麼SEO人員最為重視這個工序。

外部連結的另類手法則是Google Bomb。一種試圖影響特定站點在Google中查詢結果排序的做法。借由Google的特定算法,一個被很多相同關鍵字連結到的網站將在Google中得到一個高的頁面評價。「Google炸彈」既是動詞也是名詞。

第一次有傳媒報導Google炸彈卻是在1999年,有人偶然地發現當用戶查詢「more evil than Satan」(比撒但還邪惡)時,返回的是微軟公司主頁。現時送回的結果是有關這新聞的報導。Google炸彈應叫做「鏈接炸彈」才更貼切,因為手法不單對Google有影響,對其他使用鏈接分析的搜尋引擎也有影響。

引用 搜尋引擎最佳化:維基百科,自由的百科全書

搜尋引擎最佳化(又稱搜索引擎優化, 其英文叫 Search Engine Optimization,簡稱SEO)是一種利用搜索引擎的搜索規則來提高目的網站在有關搜索引擎內的提名的方式。由於不少研究發現,搜索引擎的用戶往往只會留意搜索結果最開首的幾項條目,所以不少網站都希望透過各種形式來影響搜索引擊的排序。當中尤以各種依靠廣告維生的網站為甚。

所謂「針對搜尋引擎作最佳化的處理」,是指為了要讓網站更容易被搜尋引擎接受。搜尋引擎會將網站彼此間的內容做一些相關性的資料比對,然後再由瀏覽器將這些內容以最快速且接近最完整的方式,呈現給搜尋者。

搜索引擎優化對於任何一家網站來說,要想在網站推廣中取得成功,搜索引擎優化都是至為關鍵的一項任務。同時,隨著搜索引擎不斷變換它們的排名演算法規則,每次演算法上的改變都會讓一些排名很好的網站在一夜之間名落孫山,而失去排名的直接後果就是失去了網站固有的可觀訪問量。所以每次搜索引擎演算法的改變都會在網站之中引起不小的騷動和焦慮。可以說,搜索引擎優化是一個愈來愈複雜的任務。

6/30/2009

Common Doctype Difference

Most of designers will remove doctype for their html files. This is most easy way to get what they wanted. Such as 100% table and center all the contents. If you do this. You never pass W3C Validation. But we choose one doctype. Some of effect will be disabled. I tried to list some common difference for the doctype.

!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
Most of old version browser will support this type. And this doctype is the most similar to remove doctype effect.
  • Support - Height 100%
  • Support - IE Scrolling Bar Coloring
  • Not Support - Margin:0 Auto
  • Getting error for appling Img Padding and Border

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
One of Dreamweaver selection doctype
  • Not Support - Height 100% (If you need to do 100%, you need to set html and body to 100% at your CSS sheet)
  • Not Support - IE Scrolling Bar Coloring
  • Support - Margin:0 Auto
  • Support- Img Padding

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&
Another one of Dreamweaver selection doctype. Xhtml type is almost no difference than above one. But you need to take care for writing html code at Xhtml file. The structure of coding is need at XHTML file.
  • At html file you can write
  • <strong><p>Content</strong></p>
  • But at XHTML type it will become an error
  • You also need to close the <br> tag be <br />

There are other difference doctype at html setting. If you have an interest. You can search it at Google. There is a lot of result for detail informations.

Powered by: i-web-design.org:Web Design,SEO Company | Smart-Info: Web Hosting,Web Design

6/05/2009

Doctype 基本屬性比較

Doctype 很容易會影響Layout上的表現,很多設計師為了方便直接地把Doctype刪除。可是這樣子是不能通過W3C的檢測。可是用上Doctype又做不到想要的東西。在這裡先說明一下doctype和常用的屬性通用性。

!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
老舊版本的瀏覽器多半是相容模式,基本上是最接近將Doctype刪除的Doctype。
  • Height 100% 支援
  • Margin 0 Auto 不支援
  • IE Scrolling Bar轉色支援
  • Img Padding 和Border 共時使用會出現問題
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
Dreamweaver預計時提供的DTD文件之一
  • Height 100% 不支援 (需要在Body中加入Height 100%,FireFox則需於Body及Html加入Height 100%)
  • Margin 0 Auto 支援
  • IE Scrolling Bar轉色不支援
  • Img Padding 支援
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" ""
Dreamweaver預設時提供的DTD文件之一,Xhtml的內碼會比較特殊。 如<BR/> <P/> ,要求亦比較嚴肅…詳細不在此說明。
  • Height 100% 不支援 (需要在Body中加入Height 100%,FireFox則需於Body及Html加入Height 100%)
  • Margin 0 Auto 支援
  • IE Scrolling Bar轉色不支援
  • Img Padding 支援

Powered by
i-web-design.org:Web Design,SEO Company
Smart-Info: Web Hosting,Web Design

4/30/2009

Free Hosting Geocities will shut down

Geocities:The famous free webspace is decided to close
Free Web:Geocities

There is a announcement for closing service for geocities.com.hk at early of this year. It seems not relatived to geocities.com. In April 2009, Yahoo! make an announcement to notice us they will close Geocities.com later this year too.

Important Announcement

After careful consideration, Yahoo! has decided to close GeoCities later this year.

You can continue enjoying your GeoCities service until then — we just wanted you to let you know about the closure as soon as possible. We'll share more details this summer. For now, please visit the help center for more information.

Trackback from Wiki : http://en.wikipedia.org/wiki/Geocities

Yahoo! GeoCities is a web hosting service founded by David Bohnett and John Rezner in late 1994 as Beverly Hills Internet (BHI).

In its original form, site users selected a "city" in which to place their web pages. The "cities" were named after real cities or regions according to their content—for example, computer-related sites were placed in "SiliconValley" and those dealing with entertainment were assigned to "Hollywood"—hence the name of the site. This feature has since been abandoned; however, a number of older sites using the original "city" system still exist.

In April 2009, Yahoo announced that it will close down GeoCities later in the year. The site is no longer accepting new registrations.

Actually tw and cn geocities was closed before 2009. Geocities.jp will be the only survivour after this year. If you compare their performence. You will find out Geocities.jp has much better services than others. They pay much effort than other countries. Even the service and the design layout. Geocities.com is still remain 2000s' performance before it closed...

Free Web:Geocities
Our lovely Geocities Login page.

Free Web:Geocities
Beginnger's lover

This article is also posted at Wing R :Website Design,SEO Website @ Sina | Blogger Personal Design | Anime Art Blog (Both in Chinese)

 

Article:
i-web-design.org:Web Design,SEO Company , Smart-Info: Web Hosting,Web Design

4/14/2009

E-Card Design:Easter 2009

E-Card Design : Happy Easter

E-Card Design - Happy Easter 2009

UmeDisc Limited Easter E-Card Design
UmeDisc (pronounced you.me.disc), headquartered in Hong Kong, is a world class optical storage media disc manufacturer for clients around the world. Founded in year 2003, UmeDisc is now the largest manufacturer of DVD+R/DVD-R/CD-R in China...

Smart-Info Web Design
Website Design and Web Hosting

4/06/2009

Div Layout:Width,Padding

For those beginners for building div, non table html structure. We will easily get some errors on the padding and width setting. The main problems is caused of our 2 main browsers: Firefox and IE. They read div width and padding in a totally different way. In Firefox side, if you build a 600px width and 20px paddding div. You will get 640px width inside the div. But in IE side. If you make a same condition. You finally will get 600px width inside the div. But the div will extend to 560px. I will not go on discuss which side is right and wrong. Cause of IE 6 and firefox still are main browser in the internet. That is no sense which we igonre one of it. I suggested you to make one div for controlling the padding. Although this is a stupid setting. <div style="width:600px"> <div style="padding:20px"> Your contents here </div> </div> But it would be easy and fastest way for solving those 2 different browsers problems. Those problems are not only appear at div. Some of table td setting may be crashed too. Article:i-web-design|web design

3/05/2009

Graphic Design|繪圖軟件 Photoshop | Painter 教材

Graphic Design Software Tutorial | 繪圖軟件 Photoshop, Painter 教材 在這網頁中有詳細介紹Photoshop的基本功能,如果你會普通話的話一定很方便 http://www.51zxw.net/list.aspx?cid=19 基本的按鈕,圖層應用和分析,鋼筆的用法等基礎教材。它就如坊間中的Photoshop入門書籍一樣的。如果你有興趣學習Photoshop,而又缺錢購買教材,這個網頁可是幫到不少的忙。 另一個十分豐富的教學網頁,相比之前的這個介紹的功能也較為進階 5D 多媒體 網頁內容相當的豐富,由簡單容易的技巧到複雜的。當中有不少是相當實用的技巧。 只是為了看Photoshop和Painter的教學也相當值得一去。它還有其他軟件(如Illustrator,CoralDrew特)的教學,一般繒圖的東西也可以在這裡找到,基本上由初手到高手也十分合適。 Article:i-web-design|web design