導航:首頁 > 網站優化 > 代碼注釋規范seo

代碼注釋規范seo

發布時間:2020-08-17 15:40:53

1、HTML代碼怎樣做利於SEO優化

SEO代碼優化入門的最佳HTML代碼教程
我們先看下最基本的HTML標簽元素
1、<!--頁面註解-->
2、<html>
3、<head>
4、<title>頁面標題</title>
5、<meta http-equiv=Content-Language content=zh-cn>
6、<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
7、<meta name="keywords" content="關鍵詞">
8、<meta name="description" content="網站描述">
9、<link href="/img/index.css" rel="stylesheet" type="text/css" />
10、<script language="JavaScript" src="/include/dedeajax2.js"></script>
11、</head>
12、<body>
13、<div>
14、<h1>頁面內容標題</h1>
15、<h2>頁面相關性標題</h2>
16、<h3>標題系列</h3>
17、<h4>標題系列</h4>
18、<h5>標題系列</h5>
19、<h6>標題系列</h6>
20、<img src="xxx.jpg" alt="圖片說明">
21、<a href="/" title="鏈接說明">鏈接詞</a>
22、<strong>重點關鍵詞強調</strong>
23、<b>關鍵詞強調</b><u>關鍵詞強調</u><i>關鍵詞強調</i>
24、</div>
25、<div>
26、版權部分關鍵詞強調
27、</div>
28、</body>
29、</html>
********************************************************
註:在<body>..</body>標簽區中的羅列,都是一些基礎的HTML標簽,這些標簽出現的次序是可以變化的。
我們一步一步來說。
第1行的<!--頁面註解-->。這個標簽是用來做HTML代碼註解的,很多站在這里會寫上關鍵詞,這種形式的註解在瀏覽器中是不會顯示的,而搜索引擎可以讀到。所以這個標簽有的時候會成為作弊的一種形式,不要過多的用這種標簽到來註明你的關鍵詞,否則如果搜索引擎認為你是作弊的話,就慘了。
第4行<title>頁面標題</title>。這是相當重要的!這里字字值千金!對於做百度seo的朋友,一定要記得這個標簽可能是你是否真正能夠做到排名靠前的重點,而且這個重點絕對不容忽視。標題主要注意你的用詞,如果你做垃圾站,堆關鍵詞也無所謂,如果你要做正規站點,請你正確對待,寫得標准一點,不要堆關鍵字,保持你的主要詞在這里出現三次,太多對你沒有好處,對排名也不會有好處。GG並不喜歡太長的標題,百度也偶爾提到只希望在標題的前20個字里出現你的關鍵詞。明確這些以後,還要注意的是,你的主要關鍵詞應該在標題里越靠前越好!
第7行<meta
name="keywords"
content="關鍵詞">。這個的用途現在權重越來越低,但是再低都是有權重的,只要認真對待,這里的詞是有效果的。這里注意兩點:第一、大部分人都會選擇在這里寫關鍵詞不會超過三個,有的人直接只寫一個,這是有好處的,每一處標簽都有權重,你強調的內容越少,那麼它的權重會相對更高的,所以不要寫太多,否則不如不寫,而讓搜索引擎自己去判斷你的頁面關鍵詞。第二、幾乎所有的SEO專業人員都會跟你說盡量在每一個頁面寫不同的關鍵詞,避免被認為是重復頁面的危險。
第8行<meta
name="description"
content="網站描述">。這個是主要為了在搜索結果里出現的索引結果的,索引結果就是在百度搜索你的站的時候標題下面的摘要內容。這是一個頁面的導讀,用來說明網頁的主要內容,當然現在的權重不高,跟keywords標簽一樣,不太受重視。而且現在由於搜索引擎機器人的越來越智能化,基本上已經實現整個頁面的摘要內容隨意出現它的索引結果里了,搜索引擎會根據你搜索的內容不同顯示不同的索引。你如果要寫description,就認真去寫,很多人是用這里來控制搜索引擎的索引顯示的,因為網站描述寫得越具體,就越有可能在索引的時候出現這個標簽中的內容。
第9行<link
href="/img/index.css" rel="stylesheet" type="text/css" />
這個只是一個CSS樣式表的 調用方式一共分2一種直接把CSS寫進HTML 一種是這種相對方便 和減少網頁代碼量的做法 調用CSS樣式表!
第10行<script
language="JavaScript" src="/include/dedeajax2.js"></script>
這個是調用JS(javascript)文件的方法 也可以直接把JS寫進HTML網頁 但這樣和上面的CSS調用一樣 方便減少網頁代碼量!
本來以為JS代碼搜索引擎抓取不了 但實驗結果表明SE已經能夠抓取JAVASCRIPT內的代碼! 實驗頁見( /seojs.html )
第14行<h1>頁面內容標題</h1>。這個標簽是一個頁面最重要的標簽,也是搜索引擎定位這個頁面的主要依據,如果你的<h1>標簽里沒有出現你的頁面關鍵字,那真是的一種很大的損失,這里的權重相對於其它的在<body>區的標簽來說更加重要。在HTML代碼中,它的重要性僅次於<title>。很多人放棄寫這個標簽,對於搜索引擎是很不友好的,你可以不出現其它的強調關鍵詞的標簽,但是這個標簽一定要出現,這是告訴搜索引擎你的頁面用一句話應該如何表達,如果這一行字都沒有,再智能化的機器人可能都會以你的<title>來決定是否用來作為一個詞的排名,很多時候一個網站的頁面標題都是完全一樣的,因為他們程序的原因,但是如果你沒有辦法修改title,已經損失很大了,而如果你的頁面這個<h1>標簽也沒有出現的話,我不知道搜索引擎會怎麼樣去理解一個頁面,對於SEO來說,那真很糟糕的一件事情。所以,認真對待你的頁面<h1>,這是很重要的,要強調的是,這個標簽一個頁面不要出現太多,道理很簡單,太多會讓別人無法確定你頁面中哪一個才是最重要的,無法確定重點跟沒有這個標簽我覺得沒有太大的分別。所以,最好只出現1次,以達到明確說明的目的。
第15行<h2>頁面相關性標題</h2>。這個標簽與<h1>是一樣和道理,但是權重相對來說較低,如果你的頁面沒有<h1>,那麼這個標簽對於頁面來說基本上就相當於<h1>的重要性了。這裡面你包含的是長尾關鍵詞相關的內容,比如你的頁面做幾個關鍵詞,主詞應該出現在<h1>里,那麼其它的詞以及你想發展的詞就可以出現在<h2>里,這樣來說是一種合理的安排。
而<h3>~<h6>這些標簽,重要性是依次遞減的,在一個頁面的權重越來越低。
第20行<img
src="xxx.jpg"
alt="圖片說明">。我想這個標簽很多人都知道,它的作用很明確,不是指定一張圖片的說明文字,讓搜索引擎知道這張圖片是關於什麼的。比如你的圖片是"周傑倫",那麼你的alt="圖片說明"中的"圖片說明"就應該是與"周傑倫"相關的詞或者句子。這樣寫當然也有利於你在圖片搜索的結果里顯示排名更前面一點,不過現在百度基本上是以頁面標題作為一張圖片排名的要素,當然,你的alt標記做得好,將會增加你的圖片匹配度。關於圖片說明的研究,以後我也許會寫一篇分析性的文章,因為有<a>鏈接的圖片里,還會有一個title標簽,title與alt這兩個誰重要,是有必要研究一下的。
第21行<a
href="/"
title="鏈接說明">鏈接詞</a>。這是鏈接說明,同進也是一個頁面鏈接的SEO重點,這里的"鏈接詞"相當的重要,如果你跟別人交換鏈接,你這個詞的寫法是起著外鏈好壞與否的決定性因素的。"鏈接詞"建議你最好寫成自己的關鍵詞,如果覺得實在不行或者怎麼樣,你一定要在"鏈接說明"里出現你的關鍵詞。否則對於排名,你的鏈接做得沒有太大的好處。這在SEO專業術語里還有一種叫法,叫做"google****",就是用很多站點,同時做鏈接到一個網站,然後所有的"鏈接詞"都寫一個詞-"周傑倫菲",不久以後google就會將這個站當做"周傑倫"這個詞最權威的站點,即使被那些站點鏈接的這個頁面沒有任何與"周傑倫"相關的內容,這個網站在"周傑倫"這個詞的排名情況也會很好。不過google已經調整了演算法,但是這樣做鏈接肯定是有用的,一定要認真對待你的鏈接。還有一個重點,就是對方的鏈接,如果是JS調用的,你就別想在他那裡得到任何權重,因為搜索引擎不會去讀取JS里的內容,所以,建議大家好好做鏈接,不要做了鏈接你的站卻跟沒做一樣。像百度空間的友情鏈接就是JS文件調用的,所以百度空間里的友情鏈接你是沒有權重的。具體可以查看HTML代碼,正常情況下一個頁面你找不到你的網站地址在<a>..</a>標簽內出現,基本上這就是屬於無效鏈接。
第22行<strong>重點關鍵詞強調</strong>。這個標簽基實重要性僅次於<h1>,很多人都這樣跟我講。所以我也基本上認同,很確定的是它比<b>、<u>、<i>等標簽要權重高。所以如果你的頁面有很重要的詞,而你想強調它,首先選這個<strong>標簽吧,接下來相對不重要的詞強調請你選<b>、<u>、<i>等標簽。當然,不要用得太多了,用得太多沒有重點就等於沒有用了。
第27行版權部分關鍵詞強調。我為什麼要寫這個?因為這個權重越來越高了,在底部版權部分,很接近版權部分出現的關鍵詞,是一種SEO策劃的手法。在這里強調你的關鍵詞,是讓你的關鍵詞布局更加合理,而不是頭部出現關鍵詞,中部強調很多次,而底部卻什麼也沒有關聯,這個詞在這個頁面是否值得懷疑呢?

2、SEO中被注釋掉的關鍵字,HTML語言中還是會有,會影響SEO嗎?會不會認為是作弊?

謝謝各位的熱心回復,沒想到我的問題得到了這么多朋友的回復,其實這個疑問是這樣產生的:我在設置網站的關鍵字時(我的關鍵字和網站名字是:英語俚語_英語諺語_看電影學英語-飛太免費英語學習網),發現網站的名字也變成了:英語俚語_英語諺語_看電影學英語-飛太免費英語學習網,覺得太長了,就打算在代碼上做些修改,但是改了之後又怕以後還要改回來,所以就注釋掉了(以後改回來去掉注釋就OK)。後來也查了相關資料,只要不要太過分,搜索引擎不會認為作弊的。我沒有做AD啊,我可是很真誠的啊。。。。。。

3、網頁里注釋內容會影響網站SEO嗎

很多站長都知道網頁代碼裡面有注釋代碼這么個東西,其形式是,在HTML裡面注釋的內容出現在網頁源代碼,而用戶瀏覽網頁的過程中是看不到的。因為注釋內容在源代碼展現又不會影響頁面內容,所以很多人覺得蜘蛛會抓取注釋信息並參與到網頁的分析排名,於是在網頁加入大量的注釋內容,甚至直接在注釋裡面堆砌關鍵詞。

4、請問注釋代碼對SEO的影響?

回2位,我是在測試一套系統。因此這類代碼會大量產生。注釋代碼內的內容我肯定是沒有被執行的,更加不會在前台顯示出來。我就是想知道注釋代碼是否會被搜索引擎解讀。若有知道的大大煩請告知,小弟非常感謝!

5、站內代碼seo優化哪些?

站內代碼SEO優化,說實話,現在一般寫代碼的人都懂得js,css樣式都是調用的,不會太冗餘,至於之前要加什麼alt屬性,H標簽,alt有必要加下,H標簽其實不加也沒有加分這說了,可以參考百度搜索引擎官方的解說。

6、代碼注釋對SEO是否有影響

一般來說,網頁上都會有一些注釋,沒有注釋的話,以前想修改一下,不是那麼方便。注釋不會影響s e o的,很多大型網站都有注釋。當然,如果可以避免注釋,也可以盡量避開,只是一些重要的地方,有注釋就行啦。爬行的時候會爬,但在去噪階段會被去除!

7、網頁代碼有什麼規范?

(一)xhtml的規范:
1、所有的xhtml代碼英文小寫
2、屬性的值一定要用雙引號("")括起來,且一定要有值
3、每個標簽都要有開始和結束,且要有正確的層次
4、表現與結構完全分離,代碼中盡量不涉及任何的表現元素,如style、font、bgColor、border等
5、<h1>到<h5>的定義,應遵循從大到小的原則,體現文檔的結構,並有利於搜索引擎的查詢
6、給重要的區塊加上注釋
7、圖片要加alt注釋
(二)CSS的規范:
1、id和class命名採用該版塊的英文單詞或組合命名,並第一個單詞小寫,第二個單詞首個字母大寫,如:newRelease(最新產品/new+Release) ,或者用下劃線鏈接new_Release.
2、CSS樣式表各區塊用注釋說明
注釋的寫法:
/* Footer */
內容區
/* End Footer */
3、盡量使用英文命名原則,盡量不縮寫,除非一看就明白的單詞
class的命名:
(1)顏色:使用顏色的名稱或者16進制代碼,如
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }
(2)字體大小,直接使用"font+字體大小"作為名稱,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }

(3)對齊樣式,使用對齊目標的英文名稱,如
.left { float:left; }
.bottom { float:bottom; }
(4)標題欄樣式,使用"類別+功能"的方式命名,如
.barnews { }
.barproct { }
(5)頁面結構
容器:#container
布局:#layout
頭部:#head、#header
尾部:#foot、#footer
側欄:#sidebar
左邊欄:#sidebarLeft
右邊欄:#sidebarRight
頁面主體:#main
欄目:#column
包裝/外套:#wrapper、wrap
內容:#content
(6)導航
導航:#nav
主導航:#mainNav
頂導航:#topNav
左導航:leftNav
右導航:rightNav
下導航:bottomNav
二級導航:#subNav
菜單:#menu
二級菜單:#subMenu
下拉:.drop
下拉菜單:.dropMenu
(7)功能
標簽:.tab、.tag
提示信息:.msg、.message
小技巧:.tips
注釋:.note
熱點:.hot
摘要:.summary
幫助:.help
投票:.vote
指南:.guild
商標:.branding
標簽:.label
工具條:.tool、.toolBar
標題:.title
LOGO:.logo
搜索:.search
搜索條:.searchBar
搜索框:.searchBox
搜索輸入框:.search_input
搜索輸出框:.search_output
搜索結果:.search_results
注冊:.register
登錄:.login
登錄條:.loginBar
登錄框:.loginBox
友情鏈接:.friendLink、.link
廣告/標語:.banner
版權信息:.copyright
加入我們:.joinUs
合作夥伴:.partner
服務:.service
網站地圖:.siteMap、.map
縮略圖:.screenShot
產品:procts
產品價格:procts_prices
產品描述:procts_description
產品評論:procts_review
最新產品:new_procts
生產商:suppliers、publisher
編輯:editor
編輯評論:editor_review
博客:blog
論壇:forum
新聞:news
下載:download
網站信息:.siteinfo
法律聲明:.legal
信譽:.credits
列表:.list
(8)其他
左中右:left、center、right
上中下:top、middle、bottom
按鈕:btn
麵包屑:breadcrumb(即頁面所處位置導航提示)
滾動:scroll
當前:current
圖標:icon
箭頭:arrow
首頁:homePage、home
二級頁面:subPage
狀態:status
常見問題:faqs、questions
關鍵詞:keyword
(三)CSS文件名稱
頂部:top.css
底部:bottom.css
共享 share.css
基本共用 base.css
布局,版面 layout.css
主要的 master.css
模塊 mole.css
主題 themes.css
專欄 columns.css
文字 font.css
表單 forms.css
補丁 mend.css
列印 print.css
行或排:row1th,row2th,row3th,row4th...
列或縱:col1th,col2th,col3th,col4th...
(四)頁面圖片等的遵循以下幾條規范
頁面圖片用gif和jpg,在不失真前提下,越小越好。
名稱分為頭尾兩部分,用下劃線隔開。頭部分表示此圖片的大類性質,例如廣告、標志、菜單、按鈕等等。
一般來說:
放置在頁面頂部的廣告、裝飾圖案等長方形的圖片我們取名:banner/icon
標志性的圖片我們取名為:logo
在頁面上位置不固定並且帶有鏈接的小圖片我們取名為button
在頁面上某一個位置連續出現,性質相同的鏈接欄目的圖片我們取名:menu
裝飾用的照片我們取名:pic
不帶鏈接表示標題的圖片我們取名:title
依照此原則類推,尾部分用來表示圖片的具體含義。
下面是幾個樣例,大家應該能夠一眼看明白圖片的意義:
banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg
(五)SEO相關
1 允許全文檢索的頁面,為了使Internet 上的搜索引擎能夠有效檢索,在頻道的首頁的html的<head></head>之間應該加入Keywords 和Description 元標記,例如 :
<meta name=」keywords」 content=」東方新干線,汽車,買車」>
<meta name=」description」 content=」東方新干勁線,全球中文汽車信息第一站」>.
2.添加搜索引擎引導代碼:
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow" />
附:雅虎優化:13條技巧提高網頁速度
網頁打開速度,是網站做SEO的一個重要方面,包括搜索引擎本身也會對自己的網頁考慮這個問題:最近,雅虎的Exceptional Performance團隊在其開發者網路上提出了提高網頁打開速度的13條規則,其中包括「減少http請求「,避免網頁轉向"等
具體內容如下:
1.減少http請求
2.減少多媒體,圖片,聲音的使用,傳輸以文字內容為先
3.用截止時間報頭,由於時間是將來,對於緩存來說,可以減少部分http請求
4.支持Gzip
5.把CSS放在網頁的頂部
6.活動的腳本文件放在底部
7.避免用CSS Expressions
8.把JavaScript和CSS單獨化,與網頁分離
9.減小DNS查表時間
10.最小化JavaScript
11.避免網頁的轉向
12.刪除重復的腳本

8、SEO蜘蛛會不會抓取注釋的內容~代碼<!> 中的內容

網站代碼中的注釋只是為了方便程序員理解和修改代碼
蜘蛛可以判斷注釋的,不會抓取不會收錄
雖然注釋的代碼不會被抓取,但也會造成代碼冗雜的情況,所以能少則少

9、在代碼編輯器中注釋代碼會不會對網頁載入有影響

百度官方工程師曾回答過:

問:注釋掉的內容否會被百度抓取分析?

百度工程師:在html中的注釋內容,會在正文提取環節忽略。雖然注釋的代碼不會被抓取,但也會造成代碼冗雜的情況,所以能少則少吧。

總結:注釋內容非常多,反而影響網頁樣式,影響網頁載入速度。所以如果注釋沒有什麼用,盡量刪除保持代碼最簡化。我們經常說到網站代碼減肥,簡化注釋信息就是減肥的方式之一,優化注釋信息益於網站瘦身,利於SEO。

10、網站網頁寫注釋有必要麼 會被認為seo作弊么

網站網頁的注釋,沒必要的。
HTML標簽權重分值排列

內部鏈接文字:10分

標題title:10分

域名:7分

H1,H2字型大小標題:5分

每段首句:5分

路徑或文件名:4分

相似度(關鍵詞堆積):4分

每句開頭:1.5分

加粗或斜體:1分

文本用法(內容):1分

title屬性:1分 (注意不是<title>, 是title屬性, 比如a href=… title=」)

alt標記:0.5分

Meta描述(Description屬性):0.5分

Meta關鍵詞(Keywords屬性):0.05分

與代碼注釋規范seo相關的知識