在網頁整體的設計上，通常是以人的角度最為優先。因為網頁是要給人看的，但是在設計上我們也不可以忽略對于搜索引擎優化這部分，畢竟大多數的流量都是從搜索引擎導入，不論是Google、Bing（擴展閱讀：Bing SEO 搜索引擎五大優化重點）或是Yahoo，都是不可或缺的流量來源。以Google來說，官方提供了關于優化網站的一些技巧，告訴你那些網頁Meta標記（元標記）是Google所認同，根據這樣的方向去設計網站，對搜索排名有一定的成效。

有效的對網站進行SEO優化是一件必要的事情，當然網站的架構也要隨著時間的變化而變動，因為有些網頁中繼標記很可能已經被淘汰，如果不更新，很可能讓網站獲得一個不好的排名，結果可能會跟我們之前提到的Meta Keywords有一樣的問題。那么我們該注意哪些網頁標簽呢？通常來講，以title（標題）最為重要，再來就是description（描述），這兩個影響了搜索引擎也影響了使用者的瀏覽判斷依據。

不論是Yahoo、Google或者是Bing，絕大多數的搜索引擎都會在意title和description的屬性，因為這兩個元標記就是會最直接的呈現在搜索結果的頁面之中，好的標題搭配好的描述，會直接影響搜索者要不要瀏覽這個網頁的判斷依據，如果要好的排名，那麼好的內容、好的標題、優化過的網站，會影響搜索引擎的排序結果。一般來講，title標記影響了搜索結果標題，description直接影響搜索結果描述。

想要優化網站，讓Google看得懂，那么別忘了根據Google在網站管理員說明中提到的資訊，將以下標記適當的加入網站，打造一個友善于Google搜索的網站。（參考資料：Google網站管理員工具說明-元標記）

title 網頁標題

<title>網頁標題</title>

相信這標籤應該是每一個網頁都會加入的標記，如果沒有加入，網頁標題肯定是很奇怪的。通常會忽視網頁標題的網頁應該只有傳統的Frontpage或是框架網頁了。早期網頁都是純靜態網頁居多，大多數人都以網頁可以看的方向制作網頁，卻往往忽略了這項關鍵因素。如果網頁有缺title，別忘了補回去啊！

description 網頁說明

<meta name="description" content="網頁說明" />

如同前面所提到，網頁的描述直接影響了搜索結果上的文字，基本上目前的Google、Bing（Yahoo）都有採計這一項標記，有效的引言可以吸引訪客直接瀏覽你的網站。字數不宜過多，但是要精準命中。

Content-Type 網頁編碼

<meta http-equiv="Content-Type" content="....; charset=..." />

不論網站是否有好于Google或是哪個搜索引擎，這個標簽一定要加入，如果不加入很容易讓瀏覽器使用預設語系去判斷網頁，容易造成亂碼問題。補充，亂碼問題還可能是網頁檔桉沒有正確地調整到UTF-8編碼才造成的問題。

robots 元標記

<meta name="robots" content="..., ..." />

<meta name="googlebot" content="..., ..."/>

這個元標記主要是針對搜索引擎收錄的一些規則，不過對于暴力搜索百度來講應該是沒有用的。對于正規的搜索引擎來講，這些標記基本上都是被承認的。上面的「…」可以替換成以下標記。

1.noindex：阻止搜索引擎為網頁建立索引。

2.nofollow：阻止 Googlebot 使用此網頁上的連結。

3.nosnippet：阻止在搜索結果中顯示某些文字片段。

4.noodp：阻止使用來自 ODP/DMOZ 的替代說明。

5.noarchive：阻止 Google 顯示網頁的快照鏈接。

6.unavailable_after：［date］：用來指定想要停止檢索網頁及建立網頁索引的時間和日期。

4.noimageindex：用來指定不讓 Google 圖片搜索結果推薦您的網頁。

用canonical標簽取代noindex（排除網頁重復）

在Google說明上提到，如果你要使用noindex標簽來禁止網頁搜索是可以的，但是如果要使用noindex來避免網頁重複收錄的問題是不建議的。那該怎么解決避免網頁重復收錄的問題呢？Google建議大家可以改用canonical標簽進行處理，另外也可以調整搜索頻率來避免重複搜索網站內容造成流量異常。

如果網站內容如果發生重復收錄，Google表示若網站不是試圖欺騙或者是操控搜索結果者，都不用擔心Google對于網站的檢索頻率降低。但是，若網站內容因為重復而造成排名下降，又沒有根據建議進行網站的修正，Google會自行選擇搜索結果中顯示的版本。所以大家要稍稍住一下這部分的問題咯！

notranslate 不要提供翻譯

<meta name="google" content="notranslate" />

在Google搜索上，如果搜索結果出現了外國網頁，大部分都會出現「翻譯這個網頁」的選項，點進去會自動幫你將內容翻譯成您在使用的文字、語言，如果您不希望Gogole直接幫您網站提供這樣的功能，可以在meta加入這個標簽，就可以停用這樣的功能了。平常我們搜索如果找自己網站可能不會發現這樣的東西，主要是對外國人比較有用。

google-site-verification Google驗證

<meta name="google-site-verification" content="..." />

這個驗證的標記，主要是針對Google服務的驗證，像是Google網站管理員、Google分析、Google應用服務等，都需要這個標記來驗證網站是否屬于您的。當然，驗證的時候不定要是這樣的標記，它也提供HTML檔桉的驗證，因為我覺得meta加入太多東西不太好，所以是采用HTML驗證的。

refresh 網頁導向

<meta http-equiv="refresh" content="...;url=..." />

這個標簽在Google說明上說不一定支援每一種瀏覽器，不過這種標簽最常使用來網頁導向，在很久以前的網站導向文章中也有使用這方法，在換網址之前也有使用這種方式去導向網頁，從根目錄導向到網站子目錄。但W3C并不建議這樣的導向方式，因為容易造成混淆。還有一個問題就是有些刷SEO的網站會使用這種方式來處理，因此很容易被搜索引擎誤判。建議采用301導向來解決網頁導向問題。