如何正確使用HTML標記

 二維碼 82
發表時間:2016-03-06 16:58作者:敖游來源:遨游建站網址:http://m.oudifangfumu.com

  分離結構與表現的另一個重要方面是使用語義化的標記來構造文檔內容。一個html元素的存在就意味著被標記內容的 那部分有相應的結構化的意義,沒有理由使用其他的標記。換句話說,不要讓CSS使一個HTML元素看起來就像另一個HTML元素,比如用<div>來代替 <p>標

  分離結構與表現的另一個重要方面是使用語義化的標記來構造文檔內容。一個html元素的存在就意味著被標記內容的那部分有相應的結構化的意義,沒有理由使 用其他的標記。換句話說,不要讓CSS使一個HTML元素看起來就像另一個HTML元素,比如用<div>來代替<p>標記標題。

  雖然語義化的HTML屬于WEB標準化范疇,值得WEB前端設計者學習,但對于一個全面的SEO來說,使用標準化的網頁結構,對于SEO是有百利而無一害 的,而WEB標準化就必須談到語義化的HTML。其實,應該很容易想象,如果整個HTML文檔中,只用div來布局和表現數據,那還需要其他的HTML標 簽做什么呢?可以這么說,語義化的HTML讓我們的網頁更加容易被人或者機器理解,更容易清楚的表達網頁的真實含義。下面,我們就來了解SEO幾處需要重 點注意一些語義化HTML。

  ①標題<Hx>

  <h1>、<h2>、<h3>、<h4>、<h5>、<h6>,在WEB中作為標題使用,并且依據重要性遞減。<h1>是最高的等級,所以你需要準確確定 每個頁面最重要的內容是什么,要優化的關鍵詞在哪里。以我們最常見的博客為例,博客首頁上羅列最多的通常就是最新博文,而最重要的應該就是博客的名稱了, 是不是每個頁面的H1標簽都包含博客名稱呢?建議次級頁面的博客名稱鏈接都放在H2標簽里,而你的文章標題則使用H1標簽,這樣對于整站優化是很有幫助 的,這也是優化到每個頁面需要注意的一點。通過合理設置每個頁面的<Hx>標題,網站的內容才會更具優勢。

  ②強調<em>、<strong>、<b>、<i>

  <em>、<strong>這兩個標簽對SEO有著較大影響效果,適當使用它們,可使你的網頁增色不少。<em>、<strong>與<Hx>一樣,其區 別也在于重要性不一樣。<em>表示強調,而<strong>意為重點強調,較<em>更重一些。在SEO時,我們可以將最重要的關鍵詞用 <strong>標記,對第二重要的用<em>標記。結合前面使用的Hx標簽,它們更適合放在文章正文的內部,而<Hx>理所當然是在用在正文的外部。有 些WEB設計者為了達到網頁的某些效果,使用<strong>純粹是為了達到加粗,使用<em>就是為了傾斜,而這種做法根本沒必要,而且還會影響到 SEO的效果。在以前,為了達到粗體、斜體的效果,WEB設計者會使用<b>、<i>標簽,而現在基本不用它們了,它們僅僅是用來表現文本樣式的,而最明 智和常用的解決方案是用CSS來控制文字樣式。

  ③段落<p>

  當搜索引擎讀取網頁內容的時候,遇到<p>標簽的時候,立馬就知道這是一個段落,而如果使用<DIV>,就無法體現html語義化的優勢了。從WEB標準 化的角度來看,文章正文使用<p>是理所當然,也是更值得提倡的。不過如果使用<div>代替<p>,對SEO的影響還是甚微的,因為它們并沒有任何強調 的意味在里面。但是如果你使用<p>來給網頁整體布局,就顯得有些怪異了。

  ④列表<ul>、<ol>、<li>、<table>

  <ul>為無序列表,大家廣泛使用的,有序列表<ol>也挺常用。在web標準化過程中,<ul>被更多的用于導航條,這樣做是完全正確的,而在文章列表 里面,就可以使用<ol>了,因為那些列表都是有一定順序的。當然,這兩個對于SEO的影響也是甚微的,但如果你使用表格<table>代替列表,不僅會 使得HTML文檔變得冗長,更不能很好的利用HTML語義化的優勢來優化你的網頁,因為表格更適合來標記列表的數據。

  ⑤title屬性(不是title標簽)和alt屬性

  title屬性是用來為元素提供額外說明信息的,它可以用在除了<base>,<basefont>,<head>,<html>,<meta>, <param>,<script>和<title>之外的所有標簽。alt屬性為不能顯示圖像、窗體或applets的用戶代理(UA),指定替換文字。 alt屬性對圖片優化的功能是毋庸置疑的,而且這也是SEO所提倡的,如果你非要在HTML里面使用圖片,最好把圖片加上alt屬性,而且可以將關鍵詞適 當的放到里面去。半年前看到一位博友說title屬性(不是title標簽)可以增加網站的關鍵詞密度,在這里持有不同的觀點,因為現在ALT屬性里的值 都已經被搜索引擎輕視了,title里面的內容對關鍵詞密度的影響也會被搜索引擎放低。同時,title屬性里的內容并不一定能夠增加關鍵詞的密度,如果 大量使用,里面的內容不含關鍵詞,相反會削弱關鍵詞密度。

  這篇文章更適合SEO初學者來看,但是對于很多只懂鏈接和內容操作的SEO來說,WEB標準化還是應該引起大家的注意。同時,對于WEB設計者來說,考慮HTML對網站SEO的影響,更應該正確的使用你手下的HTML標記。


廣告投放問題
網站建設問題
小程序設計問題

以信載商,良心建站。遨游始終秉承“一次建站、終身維護”的宗旨,竭誠為客戶提供最優質的互聯網服務。遨游建站率先植入seo優化理念,讓你的網頁更利于搜索引擎抓取,關鍵詞排名更靠前。可仿站、可定制。無論是傳統型企業官網、集團型品牌官網,還是營銷型網站、電商型網站、定制型網站、特殊行業網站(醫療、教育),全部搞定。

公司:網站建設_小程序設計_競價托管代運營公司;郵箱:1013601535@qq.com

手機:17073547034;QQ: 1013601535

在線留言咨詢,24小時內回復
我想咨詢
*
企業名稱
手機號碼
*
您的姓名
所在城市
提交
最新發布
我們是中小企業可信賴的合作伙伴!始終專注一件事,一站式互聯網信息技術服務商
19240102767
全國統一服務熱線
遨游建站是全國高端網站建設公司,提供廣州企業網站建設/小程序開發/購物網站設計制作與競價托管代運營服務;秉承“一次建站,終身維護”的宗旨,有償提供互聯網技術支持。
本站部分圖片、音頻、視頻來源于網絡,版權歸原作者,如有侵權請聯系我們刪除。
主站蜘蛛池模板: 五月天婷五月天综合网在线| 亚洲国产精品综合久久2007| 亚洲av日韩综合一区久热| 久久综合亚洲色HEZYO社区| 国产成人久久精品77777综合| 婷婷丁香五月天综合东京热| 久久久久国产综合AV天堂| 亚洲国产欧洲综合997久久| 亚洲综合色婷婷七月丁香| 97se亚洲国产综合自在线| 热久久综合这里只有精品电影 | 热综合一本伊人久久精品 | 国产精品天天影视久久综合网| 欧洲亚洲综合一区二区三区| 亚洲av综合avav中文| 天天做天天爱天天综合网2021| 色狠狠久久AV五月综合| 一本色道久久综合狠狠躁| 丁香亚洲综合五月天婷婷| 亚洲综合无码一区二区痴汉| 久久久综合九色合综国产精品 | 激情综合亚洲色婷婷五月| 色综合婷婷在线观看66| 亚洲综合中文字幕无线码| 色欲综合久久躁天天躁蜜桃| 伊人久久综合影院| 国产成人综合久久精品尤物| 国产精品成人免费综合| 亚洲色偷偷综合亚洲AV伊人蜜桃| 久久综合九九亚洲一区| 在线综合亚洲欧洲综合网站| 五月天婷五月天综合网站| 无码专区久久综合久中文字幕| 天天综合久久一二三区| 色婷婷久久综合中文久久一本` | 色天使久久综合网天天| 青青草原综合久久大伊人导航| 亚洲色偷偷综合亚洲AV伊人蜜桃| 久久综合综合久久97色| 亚洲AV综合色区无码一区爱AV| 国产婷婷色综合AV蜜臀AV|