2016年1月5日 星期二

HTML的SEO重點整理

SEO推薦好站

搜尋引擎優化 | ?SEO學院 Taiwan SEO College
http://blog.seo-tw.org/2010/04/seo-semantic-html.html

SEO除錯工具
http://www.minwt.com/webdesign-dev/html/14537.html

梅問題
http://www.minwt.com/category/webdesign-dev

SEO十三項
http://www.raidenhttpd.com/manual/seo.html

ARNO
http://www.arno.tw/html/

GOOGLE官方內容
https://support.google.com/webmasters/answer/35291?hl=zh-Hans
https://support.google.com/webmasters/answer/35769
https://support.google.com/webmasters/answer/70897#1


重點

關鍵字數量設立剛好就好,力求切入重點切勿濫設

精準但不空泛 

第一階  要能夠幫助客戶理解內容才是正確

第二階  能夠幫助客戶之外

描述內容寫的吸引人(聳動或是有趣、略帶點誇張、爆梗)

字數精簡 用詞平易近人” “貼近用戶才是真功夫


例如

助聽器 (內容發散且空泛)

日本耳寶 充電式耳掛型助聽器 UP-64K 功能介紹 (精準)
 



HTML結構解說

網域名稱Domain Name - 搜尋引擎優化的捷徑

URL優化重點一

說明: 網域名稱對於關鍵字搜尋的排名具有相當大的優勢

原因是通常網域名稱與該網站內容呈現高度的相關性

例如www.ibm.com就是IBM公司的官方網站

網域名稱具有獨一無二的特性,一但被某人搶先使用就沒有第二個人能使用

幾乎所有的商業組織公司行號都早已把自己公司的商標搶先註冊起來

在搜尋引擎搜尋該商標名稱也通常會找到正確的該公司網站

這是一種自然而然的情形

一個公司一定會盡力把自己的公司商標的網址搶下來

這也是GoodgleYahoo能大膽的提高網域名稱與關鍵字

比對的相關性的原因。

即使網域被註冊,可以加上其他有意義的文字,來增加閱讀性以提升排名。

例如

www.digimax.com  (以經被註冊 字串最精簡、關連性最高 可惜不是我方網站)

www.digimaxproducts.com (字串具閱讀性 OK)

www.digimax5566.com (字串無意義 沒有加分作用)

可以用於下列品牌

**DIGIMAX/MIMITAKARA/DTMCARE/AUTOMAXX**



網頁檔案存放目錄(資料夾)及檔案名稱

URL優化重點二

搜尋本來就是算數,理論基礎就是一般人資料夾分類的方式

本來就是表示這個資料夾下的文件具有該資料夾名稱的共通性

而檔案名稱的命名方式更是直接了當的表示了這份文件的內容屬性

例如

11M BANNER


此資料夾路徑取名

如果可以增加 產品類型 “PEST REPELLER” 會更好

**樂天路徑要特別註明:DIGIMAX/MIMITAKARA/DTMCARE/AUTOMAXX**



網站主機的在地性(IP判斷)

會提升搜索引擎的優先順位。

因為該國家用戶的搜索喜好,一定會是母語體系。

.org等特殊政府機關網址,因具有政府代表性所以加權更高。




網站的PR等級

一級好站還是無名小站(Google搜尋引擎專用)

所謂網站的等級,一般指的是googlePR

也就是PageRankPR值愈高,搜尋引擎排名愈容易名列前茅

只要安裝google免費提供的google toolbar軟體並授權它使用PR值資訊

就可以輕鬆的查詢你拜訪的每一個網站的PR

就算內容完全相同的兩個網址

擁有不同的PR值,在搜尋結果呈現的時候,高PR值的網站具有優先性


加分區

網頁的連入連結(Linking IN
他頁連結 指引入我網站
例如: 相關類型之網站的友站連結

網頁的連出連結(Linking OUT
我頁連結 指引出他網站
例如: 相關類型之網站的友站連結


關鍵字 作文字超連結

例如

助聽器  文字超連結至元健官網

強迫搜尋引擎認識 助聽器 元健官網的關係



影像檔案加分

近年來影像檔案特別是YOUTUBE在搜尋引擎上佔比也不算少

在用戶友善度上也會加分

以商品競爭來說 意外的強度比較弱

可能是好發揮的地點也不一定


網頁關鍵字的同義字

說明:所謂的同義字。通常發生在縮寫上面,什麼是SEO呢?

Google一查,發現原來是Search engine optimization

但是重點來了,我們看看Google搜尋的結果,

我們明明只是搜尋SEO但它卻把Search engine optimization

一併標示為紅字了。


HTML語法解說

因為是撰寫HTML的重點,所以我再雞婆低重提一次

關鍵字數量設立剛好就好,力求切入重點就好切勿濫設

精準但不空泛 

第一階  要能夠幫助客戶理解內容才是正確

第二階  能夠幫助客戶之外

描述內容寫的吸引人(聳動或是有趣、略帶點誇張、爆梗)

字數精簡 用詞平易近人” “貼近用戶才是真功夫


例如

助聽器 (內容發散且空泛)

日本耳寶 充電式耳掛型助聽器 UP-64K 功能介紹 (精準)





↓↓↓  最重要的部分  ↓↓↓

自我宣告 - 網頁抬頭

<Head>
<title> 網頁最上方的顯示霸的抬頭內容</title>
<meta name="description" content="是網頁的敘述說明,這裡一定要出現您的關鍵字。">

沒有給網站描述時,搜尋引擎通常會自動抓網頁的前25

做為網頁內容摘要,呈現在搜尋結果上

但有時網頁的前25字可能未必能表達文章的宗旨

既然搜尋引擎把內容的吸引度納入考量

那當你的網頁出現在搜尋結果列表上時

你的描述是否吸引,當然也很重要。

一個好的描述可以增加被點擊的機會。

所以meta描述標籤在實際上也應被視為排名因素只一。


自我宣告 - 關鍵字

<meta name="keywords" content="是網頁的關鍵字宣告,
這裡一定要出現您的關鍵字,可以用,分隔多個關鍵字。">




** 關於下方的語言宣告之相關部分 **

因為使用者的語言習慣會影響到搜尋結果 ( 語言在地性、在地IP )

搜尋引擎無法辨識繁體簡體

千萬不可以讓引擎自己猜測統計

自己先宣告,對搜尋引擎友善也可以增加排序優化


自我宣告 - 網頁內容語言

<meta http-equiv="content-language" content="zh-Hant-TW">


<html lang="zh-Hant-TW">

常用設定:

zh-Hant:繁體中文

zh-Hans:簡體中文

zh-Hant-TW:台灣地區使用的繁體中文

zh-TW:台灣地區使用的中文



自我宣告 - 網頁使用的編碼語言

<meta charset="utf-8>

big5表示為繁體中文,gb2312為簡體中文,utf8為萬國語言

HTML 4.01 HTML5  不同的設定方法:

HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=UTF-8>

HTML5: <meta charset="UTF-8>

<meta http-equiv="Content-Type" content="text/html; charset=big5">



big5表示為繁體中文,gb2312為簡體中文,utf8為萬國語言

這邊又來了一個重點,許多人說認為big5是一種不良的編碼方式

因此在設計網頁的時候喜歡用utf8萬國語言

這是對搜尋引擎SEO極為不利的一種做法

因為萬一搜尋引擎判斷不出你的網頁主要語言是什麼的時候

你就別想在該種語言的搜尋結果內出現了。




** 關於下方的段落宣告之相關部分 **


你讓搜尋引擎越快速理解你的重點,對它越友善

你的網頁就越容易往前跑

例如PCHOME後來有搶破輸入段落、副標的地方

所以在GOOGLE的排序總是比較前面

千萬不要讓搜尋引擎猜測你作的網頁內容

直接坦白的告訴他吧!



自我宣告 段落大義

<h1>大段落重點說明-類似報紙標題 此段最重要</h1>
<h2>大段落重點說明-類似報紙標題 此段次之</h2>
‧‧‧
<h6>重要性最低 </h6>

Headings:也就是 h1~  h6,標籤數字越小層級越高

這就有如書本中或是報紙的大中小標題一般

被標示為 h1(大標題)通常是很醒目的目標

一定是具代表性的意義的文字

於是搜索引擎就會特別注意 h1標籤內的字

所以在操作SEO的時候,網站或是每篇文章的重要關鍵字

一定是要被包在h1標籤中的



自我宣告 副標

<P>段落-報紙內容的小副標</P>



B  v.s  strong  I  v.s  em

b strong的最後呈現的效果都是將字體加粗;

iem則是產生斜體 的效果。但是其中有什麼差別呢?

W3C的準則而言:

I: Renders as italic text style.
B: Renders as bold text style. [w3c.org]
EM:Indicates emphasis.
STRONG:Indicates stronger emphasis. [w3c.org]

所以我們很清楚的看出,emstrong除了在字體上有所改變之外,

還附加了"emphasis(強調)"的意義。

所以在內文重要關鍵字上,用emstrong把它劃上重點吧。

如果是重點部位,請改用emstrong!




自我宣告 - 圖片、連結

Alt:這是附屬在img標籤裡面的屬性,因為搜索引擎看到的都是程式碼,

alt的功用就是幫圖附上註解,讓搜索引擎知道,這張圖是在說什麼。

<img src="xxx.jpg" alt="圖片說明">

title的功用就是幫連結附上註解,讓搜索引擎知道,連結內容是什麼。

<a href="連結網指" title="連結說明">連結詞</a>





簡易範例解說


SEO重點語法排名

一、<title>頁面標題</title>  網頁的抬頭

二、<h1>頁面內容標題</h1> 請用一句話說明網頁

三、<strong>重點關鍵字強調</strong> 強調一個關鍵字

關鍵字強調越多次,加權會被惡意減少

關鍵字設立越多,加權會被惡意扣分

所以設的多不如設的巧,否則不如不設,切記切記!





HTML原始碼SEO佈局分析...

首先,請先來看這段HTML代碼....


********************************************************

<!--頁面註解-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv=Content-Language content=zh-TW>
<title>頁面標題</title>
<meta name="keywords" content="關鍵字">
<meta name="description" content="網站描述">
<link href="inc/css.css" type="text/css" rel="stylesheet">
</head>
<body>
<div>
<h1>頁面內容標題</h1>
<h2>頁面相關性標題</h2>
<h3>標題系列</h3>
<h4>標題系列</h4>
<h5>標題系列</h5>
<h6>標題系列</h6>
<img src="xxx.jpg" alt="圖片說明">
<a href="/" title="連結說明">連結詞</a>
<strong>重點關鍵字強調</strong>
<b>關鍵字強調</b><u>關鍵字強調</u><i>關鍵字強調</i>
</div>
<div>
版權部分關鍵字強調
</div>
</body>
</html>


********************************************************
注:在<body>..</body>標籤區中的羅列,都是一些基礎的HTML標籤,這些標籤出現的次序是可以變化的。


現在,我們一步一步來說明:


1行的<!--頁面注解-->

這個標籤是用來做HTML代碼注解的

很多站在這裡會寫上關鍵字,這種形式的注解在流覽器中是不會顯示的,

而搜尋引擎可以讀到

所以這個標籤有的時候會成為作弊的一種形式

不要過多的用這種標籤到來注明你的關鍵字

否則如果搜尋引擎認為你是作弊的話,就慘了


4行到第8<!--meta標籤--> 

對於Meta標籤、裡面最重要的兩個標題應該是

Description”與“keywords 現在來說已經被搜尋引擎忽悠了很多

所以建議大家能寫上也可以寫上、沒有寫也無所謂!


6<title>頁面標題</title>。這是相當重要的!

這裡字字值千金!這往往可能是否能真正能夠做到排名靠前的重點

而且這個重點絕對不容忽視。標題主要注意用詞

如果做垃圾站,堆關鍵字也無所謂

如果要做正規網站,請正確對待,寫得標準一點

不要堆關鍵字,保持主要詞在這裡出現三次就行

太多沒有好處,對排名也不會有好處

明確這些以後,還要注意的是,目標關鍵字應該在標題裡越靠前越好!


7<meta name="keywords" content="關鍵字">

這個的用途現在權重越來越低,但是再低都是有權重的

只要認真對待,這裡的詞是有效果的。這裡注意兩點:


第一、大部分人都會選擇在這裡寫關鍵字不會超過三個

有的人直接只寫一個,這是有好處的,每一處標籤都有權重

強調的內容越少,那麼它的權重會相對更高的,所以不要寫太多

否則不如不寫,而讓搜尋引擎自己去判斷頁面關鍵字


第二、幾乎所有的SEO專業人員都會跟您說盡量在每一個頁面

寫不同的關鍵字,避免被認為是重複頁面的危險


8<meta name="description" content="網站描述">

這個是主要為了在搜尋結果裡出現的

索尋結果就是在搜尋引擎搜索您的站的時候標題下面的摘要內容

這是一個頁面的導讀,用來說明網頁的主要內容

當然現在的權重不高,跟keywords標籤一樣,不太受重視

而且現在由於搜尋引擎機器人的越來越智慧化

基本上已經實現整個頁面的摘要內容隨意出現它的索引結果裡了

搜尋引擎會根據搜索的內容不同顯示不同的索引

如果要寫description,就認真去寫
很多人是用這裡來控制搜尋引擎的索引顯示的

因為網站描述寫得越具體,就越有可能在索引的時候出現這個標籤中的內容


13<h1>頁面內容標題</h1>

這個標籤是一個頁面最重要的標籤,也是搜尋引擎定位這個頁面的主要依據

如果你的<h1>標籤裡沒有出現你的頁面關鍵字

那真是的一種很大的損失

這裡的權重相對於其它的在<body>區的標籤來說更加重要

HTML代碼中,它的重要性僅次於<title>

很多人放棄寫這個標籤,對於搜尋引擎是很不友好的

網頁設計者或seo工作者可以不出現其它的強調關鍵字的標籤

但是這個標籤一定要出現

這是告訴搜尋引擎相關頁面用一句話應該如何表達

如果這一行字都沒有

再智慧化的機器人可能都會以你的<title>來決定是否用來作為一個詞的排名
很多時候因為網站程式等原因,一個網站的所有頁面標題都是完全一樣的

如果沒有辦法修改title,已經損失很大了

而如果連這個<h1>標籤也沒有出現的話

我不知道搜尋引擎會怎麼樣去理解一個頁面

對於SEO來說,那真很糟糕的一件事情


所以,認真對待<h1>,這是很重要的

要強調的是,這個標籤一個頁面不要出現太多,一次就行了

道理很簡單,太多會讓別人無法確定你頁面中哪一個才是最重要的

無法確定重點跟沒有這個標籤我覺得沒有太大的分別

所以,最好只出現1次,以達到明確說明的目的


14<h2>頁面相關性標題</h2>

這個標籤與<h1>是一樣和道理,但是權重相對來說較低

如果您的頁面沒有<h1>

那麼這個標籤對於頁面來說基本上就相當於<h1>的重要性了

這裡面包含的是長尾關鍵字相關的內容,比如您的頁面做幾個關鍵字

主詞應該出現在<h1>

那麼其它的詞以及你想發展的詞就可以出現在<h2>

這樣來說是一種合理的安排。

<h3>~<h6>這些標籤,重要性是依次遞減的,在一個頁面的權重越來越低


19<img src="xxx.jpg" alt="圖片說明">

我想這個標籤很多人都知道,它的作用很明確

就是指定一張圖片的說明文字,讓搜尋引擎知道這張圖片是關於什麼的

比如你的圖片是"大陸新娘"

那麼你的alt="圖片說明"中的"圖片說明"就應該是

"大陸新娘"相關的詞或者句子

這樣寫當然也有利於圖片搜索的結果裡顯示排名更前面一點


20<a href="/" title="連結說明">連結詞</a>

這是連結說明,同時也是一個頁面連結的SEO重點

這裡的"連結詞"相當的重要,如果跟別人交換連結

你這個詞的寫法是關係著外連好壞與否的決定性因素的


"連結詞"建議最好寫成自己的關鍵字,如果覺得實在不行或者怎麼樣

一定要在"連結說明"裡出現你的關鍵字

否則對於排名,你的連結做得沒有太大的好處


google炸彈

這在SEO專業術語裡還有一種叫法,叫做"google炸彈"

就是用很多網站同時做連結到一個網站

然後所有的"連結詞"都寫一個詞-"大陸新娘"

不久以後google就會將這個站當做"大陸新娘"這個詞最權威的網站

即使被那些站台連結的這個頁面沒有任何與"大陸新娘"相關的內容

這個網站在"大陸新娘"這個詞的排名情況也會很好。


不過Google已經調整了演算法,但是這樣做連結肯定是有用的

一定要認真對待您的連結

還有一個重點,就是對方的連結,如果是JS調用的

就別想在他那裡得到任何權重,因為搜尋引擎不會去讀取JS裡的內容

所以,建議大家好好做連結,不要做了連結卻跟沒做一樣

具體可以查看HTML代碼

正常情況下一個頁面找不到您的網站位址在<a>..</a>標籤內出現

基本上這就是屬於無效連結


21<strong>重點關鍵字強調</strong>

這個標籤基實重要性僅次於<h1>,很多人都這樣跟我講

我也基本上認同。很確定的是它比<b><u><i>等標籤要權重高

所以如果你的頁面有很重要的詞,而想強調它,首先選這個<strong>標籤吧

接下來相對不重要的詞強調請你選<b><u><i>等標籤

當然,不要用得太多了,用得太多沒有重點就等於沒有用了


26行版權部分關鍵字強調

為什麼要寫這個?因為這個權重越來越高了

在底部版權部分,及很接近版權部分出現關鍵字

是一種手法。在這裡強調關鍵字,是讓關鍵字佈局更加合理

而不是頭部出現關鍵字,中部強調很多次

而底部卻沒有什麼相關聯的內容,這個詞在這個頁面是否值得懷疑呢?





沒有留言: