那到底
SEO是什麼?從前,我們可能認為,SEO就是把<meta>標籤裡的資訊好好填完,其實這沒錯,因為還是有很多網站沒有正確的填寫<meta>標籤。
接著呢,要讓你的網站裡的HTML、XHTML、
CSS都是正確的(一般來說,你會看到很多網站下面寫著HTML valid、XHTML valid等等,這就代表該網站裡的HTML、XHTML語法都正確;台灣網站的話,這兩三年在流行無障礙網站認證),只要讓文件的結構正確,就會有基礎的SEO效果出現,這是因為結構正確的話,對使用者也更為友善,重提一次,SEO是讓網路世界變得更美好。
讓我們一步一步來,首先呢,一個網頁裡一定要有這些標籤:
- <html> </html>
- <head> </head>
- <tITle> </title>
- <body> </body>
接著,每個標籤都要記得結束,請看以下範例:
<div id="wrap">
<div id="header">
<div id="logo"></div>
</div>
<div id="navbar">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
</div>
<div id="content">
<h1>Title</h1>
<p> ... </p>
<h2>Sub-Heading</h2>
<p> ... </p>
</div>
<div id="footer"></div>
</div>
在排版的時候,請盡量使用CSS,能不要用表格就不要用表格,這樣對你的SEO也會有很大的幫助。
為什麼不要用表格?表格會造成你的內容被標籤截斷,若是改用CSS排版,或是改用<ol>的話,搜尋引擎會更容易了解你的內容。
很難理解嗎?請看以下的範例:
我們用眼睛看的話,可以知道這是一個列表,內容項目是 項目一、二、三、四,但是搜尋引擎看到的是這樣:「某列表 項目一 項目二 項目三 項目四」,程式看不懂我們想要表達的是什麼,所以這時候我們就應該使用這種表示法:
某列表
如果我們使用這種方法來表示的話,搜尋引擎就可以知道某列表的內容項目分別是項目一、二、三、四,跟我們想要表達的一模一樣。
內容決定一切搜尋引擎是靠你提供的內容來決定結果的,所以首先我們要做的是經營好網站的內容,但除了網站的「內容」之外,「強調」和「連結的技巧」也是很重要的。
以下這些html標籤是搜尋引擎會特別注意的地方:
- 標題:<h1> <h2> <h3> <h4> <h5> <h6>
- 加粗:<b> <strong>
- 強調:<em> <i>
請記得,把你網站真正訴求的關鍵字放在這些標籤當中,例如 <h1>SEO</h1>等等,搜尋引擎會把這些被你強調出來的關鍵字作特別的加權處理,可以幫你達到你的目的。
除了這些可以目視得到的關鍵字強調方法之外,還有一些隱藏的關鍵字強調法,這是使用在超連結<a href>以及圖片<img>標籤當中的。該怎麼用呢?
超連結用法:
- <a xhref=”somewhere.com” mce_href=”somewhere.com” >關鍵字</a>
- <a xhref=”somewhere.com” mce_href=”somewhere.com” title=”隱藏關鍵字”>關鍵字</a>
圖片標籤用法:
- <img xsrc=”something.jpg” mce_src=”something.jpg” alt=”隱藏關鍵字”>
另外呢,如果要連結到你不欣賞的網站,請記得在超連結裡加入rel屬性,這樣可以避免搜尋引擎把你網站的加權分數順便加到該網站當中(當然,你欣賞該網站的話,也可以不加入rel屬性)
rel屬性用法:
- <a xhref=”badsite.com” mce_href=”badsite.com” rel=”nofollow”>我不喜歡這個網站</a>
由於搜尋引擎就是靠著網站與網站的相互連結來計算加權分數的,所以在連結上就要特別小心,不要連到不好的網站,免得對自己造成不好的影響。(例如說,幫對方加分啦…)
和搜尋引擎作朋友完成了內容的部份之後,接著就是其餘要注意的地方了..讓我們接著談…
不要使用自動換頁程式請不要做出那種「30秒後自動進入首頁」的東西…這東西不但會造成網友的不爽(你到底為何要人停留在這個沒有用的網頁三十秒?)也會造成搜尋引擎的不爽,所以別用了。
不要把CSS和
JAVAScript放在網頁裡把CSS和JavaScript放在外部文字檔,然後連結回來,不但能省下主機的
流量(放在網頁裡,每個網頁都要讀取一次這些資料,放在外部文字檔的話,總共只要讀取一次),也可以讓使用者更快速的開出你的網站,對搜尋引擎來說當然也是一樣,那麼何樂而不為呢?
一個網頁裡不要有太多連結不要常常在一個<div>裡放了很多連結,然後用CSS設定成d
ISPlay:none來欺騙搜尋引擎,搜尋引擎也是很聰明的,據說一個網頁內出現超過25個超連結就會有不良的效果(不過我不想實驗^^)。同樣的,meta標籤裡也不需要放過多的關鍵字。
能不要用圖片,就不要用圖片能不要用圖片就不要用圖片,搜尋引擎看不到你用圖片寫出來的標題。所以盡量用文字吧!這樣對那些使用純文字瀏覽器進入你網站的網友來說,也是個好處。
建立網站地圖(sitemap)提供網站地圖給你的訪客和搜尋引擎。最近三大搜尋引擎(Google,
yahoo,
MSN)一起發表聲明,他們開始讀取你網站裡替他們準備的網站地圖,所以,是時候你該加入網站地圖了!
你應該在網站裡準備下列四種格式的網站地圖:
XML是提供給Google的(
Google Webmasters),可以在
這裡製作XML sitemap,RSS和TXT是提供給Yahoo的(
Yahoo! Site Explorer),而HTML…是提供給你的訪客的。喔,MSN? MSN允許你用XML和RSS(不過目前MSN情況不明,我沒有測試過)
建立robots.txtrobots.txt可以引導搜尋引擎進入你的網站,你可以設定哪些目錄搜尋引擎該進去,而哪些則否,說明文件請見
robots website。
避免動態網址我們常常會在網站裡裝了一些別人或是自己寫的程式,我們常常會讓程式透過POST傳遞變數,所以一些網頁的網址就會變成
http://somewhere.com/?value=3&target=9&year=2006
之類的,其實這樣的網址真的很難看(而且難記),最慘的是,據說當網址後面的「&」超過一個的時候(也就是說,你傳遞了三個以上變數的時候),Google就不會進去索引你的這個頁面了,因為他認為這是程式,程式的結果Google不愛記錄下來。
所幸,現在有了mod_rewrite,許多程式(像是word
PRess)也支援mod_rewrite,這樣可以讓剛剛那個網址變成
http://somewhere.com/3/9/2006/
你可以發現現在許多網站的網址都長成這個樣子,這就是現在的流行啊!更棒的是,這樣的網址可以讓你藏關鍵字在裡面,像是:
http://somewhere.com/3/9/apple-my-cat/
之類的。