岑輝宇SEO博客:分享搜索引擎優化的心得和經驗,充當新手SEO道路上的照明燈,讓SEO不再沒方向,歡迎加入SEO交流群:241865235,微信公眾號:qq945748441(每天前兩名關注公眾號的朋友,免費分析網站)

seo必須會的html基礎

seo視頻教程 貴陽SEO 1971℃ 0評論

seo必須會的html基礎

一、什么是 HTML?
HTML(Hypertext Markup Language) 是用來描述網頁的一種標記性語言,是一種規范,一種標準,它通過標記符號來顯示網頁中的各個部分。
①- HTML 指的是超文本標記語言 .
②- HTML 不是一種編程語言,而是一種簡單標記語言.
③- 利用一套標記符號(標簽),來描述網頁.
④- 組成的文件后綴為.html或.htm
語法規則
語法規則:
1- <元素名> 內容 </元素名>
<元素名>:開始標簽
</元素名>:結束標簽
常見標簽舉例:
段落標簽:<p>這還是個段落</p>
加粗標簽:<b></b>
2- <元素名 />
常見標簽舉例:
圖片標簽:<img />
折行標簽:<br />
網頁結構
網頁結構:
<!DOCTYPE>
<html>
<head>
<title>這里是網頁標題</title>
</head>
<body>
<p>簡單的一個段落</p>
</body>
</html>
常用工具
HTML書寫常見工具:
logo工具名稱及簡介
Dreamweaver,簡稱DW,可視化網頁編輯軟件.(推薦使用)
UltraEdit,簡稱UE.
Notepad++
記事本


 

二、常用標簽
部標簽:
HTML網頁標題標簽:
<title></title>
HTML描述和關鍵詞標簽:
<meta name=”description” content=” ***” />
<meta name=”keywords” content=” ***” />
主體標簽:
HTML文本標題標簽:
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
HTML段落標簽:
<p></p>
HTML超鏈接標簽:
<a href=”/”></a>


 

三、靜態化
1、概念
靜態網頁和動態網頁:
靜態網頁:服務器上真實存在的頁面,不需要編譯,用戶就可以直接訪問。頁面后綴為.html或.htm.
動態網頁:通過執行asp,php,jsp,.net等程序生成客戶端網頁代碼的網頁。
關鍵詞:框架與內容分離、模具、轉換生成.
靜態頁面和動態頁面的優劣:
靜態頁面
優勢:訪問速度快、可以跨平臺和服務器
劣勢:占用空間資源、頁面多,難管理,修改不方便
動態頁面
優勢:通過用戶請求返回數據庫頁面,網站易于維護,可以實現用戶注冊、登錄、在線調查等多種數據處理功能
劣勢:頁面不是真實存在,對搜索引擎(技術不成熟)不友好
2、靜態化的作用
靜態化的作用:
1- 有利于搜索引擎抓取;
因為現階段搜索引擎技術的限制,對于動態頁面和靜態頁面的抓取量的差別,所以需要動態網頁靜態化處理。
2- 提高程序性能。
靜態頁面打開速度快,一些大型網站平臺所必須要要采取的方式。
3、靜態化的設置方法
靜態化的方法:
1、插件靜態化:
例如windows下的IIS Rewrite模塊靜態化,Apache HTTP服務器的mod_rewrite.(參考資料:“win主機下設置偽靜態的方法”)
2、代碼靜態化;
3、HttpWebRequest 返回頁面重定向法.
總結:
靜態化處理和我們購買的空間有很大的關系,購買時注意選擇和咨詢。


 

四、Nofollow
1、概念或作用
nofollow的概念:
nofollow 是一個HTML標簽的屬性值。這個標簽的意義是告訴搜索引擎”不要追蹤此網頁上的鏈接”或”不要追蹤此特定鏈接。
nofollow的作用:
是站長管理者 和 搜索引擎 之間對待一個頁面中的鏈接或特定鏈接的方式。
解讀:比如A頁面中有一個接鏈向B頁面,如果我給這個鏈接加上nofollow這個屬性,那么A頁面的這個鏈接就不屬于B頁面的反向鏈接,并且也不會分散A頁面的權重。
2、添加演示
nofollow添加方式:
1、屏蔽整個頁面中的所有鏈接;
在網頁</head>之上添加以下代碼:
<meta name=”robots” content=”nofollow” />
2、屏蔽特定鏈接;例如:
<a href=”/index.html”></a>
<a rel=”nofollow” href=”/index.html”></a>


 

五、DIV+CSS
1、DIV+CSS的認識
概念
DIV標簽
DIV是一個html布局標簽(虛容器),主要用來實現網頁布局和模塊添加。
例如:<div></div>
CSS 概述
CSS 指層疊樣式表 (Cascading Style Sheets)
樣式定義如何顯示 HTML 元素
樣式通常存儲在樣式表文件中
解決內容與表現分離的問題
外部樣式表可以極大提高工作效率
CSS產生的原因:
用來取代之前網頁中陳舊的表格(table)布局技術,提高網頁編輯和修改效率。
網頁采用CSS的優勢:
1、清晰網頁布局;
2、更精確的控制網頁模塊樣式;
3、簡化代碼,加速網頁訪問速度;
4、有利于搜索引擎優化.
網頁角色
網頁三大組成部分:
內容+結構+表現
內容:網頁中的文字、圖片、音樂、視頻等;
結構:網頁中段落、標題、列表等,是由HTML標簽完成的;
表現:控制網頁的結構布局、內容顯示樣式(例如:字體大小、粗細、顏色等)。
網頁的表現就是CSS在網頁中的角色.
語法結構
語法結構:
selector {property: value}
選擇器:施加樣式的對象;
屬性:施加什么樣的樣式,例如:顏色、大小等;
值:屬性的范圍,例如:紅色、14像素等.
舉例:人{身高:175cm;體重:75公斤}
提示:當對同一個對象施加多個聲明時,可以寫在一個大括號內。
2、屬性演示
文本修飾
文本修飾:
字體大小屬性:
font-size:12px;
字體顏色屬性:
color:red;
樣式屬性
網頁背景顏色屬性:
background-color:yellow;
background-image:url();


 

六、Alt屬性
1、概念
Alt屬性(替換文本)
當網頁圖片丟失或路徑錯誤的時候所顯示的圖片文字信息.
舉例:
<img src=”/” />
<img src=”/” alt=” ” />
對于SEO的作用:
搜索引擎無法識別圖片含義,然而會把Alt屬性的內容納入到頁面的文本分析中。靈活的在網頁圖片中插入Alt屬性(比如關鍵詞),可以提高網頁的關鍵詞密度。
2、添加演示
添加方法:
網頁插入圖片的時候,添加替換文本:
<img src=”” alt=”” width=”” hight=”” />


 

七、網頁地址
網頁地址的分類:
絕對地址:文件在網絡或本地的絕對位置,具有唯一性。
相對地址:就是被鏈接文件相對于當前頁面的地址。
SEO的考慮:
含有絕對地址的網頁對SEO優化更有利。
原因:
1、對于未作301重定向的網站,不利于搜素引擎確定主域名;
2、相對地址為他人鏡像網站提供方便;
3、絕對地址用于網址規范化以及首選域問題的考慮。

轉載請注明:岑輝宇SEO博客 » seo必須會的html基礎

喜歡 (2)or分享 (0)
發表我的評論
取消評論
表情
(34)個小伙伴在吐槽
  1. I usually dont post in Blogs but your blog forced me to, amazing work. beautiful.
    匿名2019-07-01 01:20 回復
  2. Muchos hombres experimentarán problemas de erección al menos una vez en su vida. éstos son causados, por ejemplo, por operaciones en la próstata y recto.
    匿名2019-06-22 12:04 回復
  3. Keep up the fantastic work, I read few articles on this web site and I conceive that your web site is real interesting and has got bands of excellent info.
    匿名2019-06-17 22:25 回復
  4. I have learned new things from the blog post. One other thing to I have seen is that in many instances, FSBO sellers will certainly reject a person. Remember, they might prefer to not use your companies. But if anyone maintain a comfortable, professional relationship, offering assistance and staying in contact for around four to five weeks, you will usually be capable to win a discussion. From there, a listing follows. Many thanks
    匿名2019-06-17 04:40 回復
  5. It’s occasional to discover an established using that you may possibly have a bunch of morals. All over the world recently, no really loves demonstrating to many others the reply this kind of scenario. Ways fortuitous My corporation is to produce so identified a great special web since this. It is definitely individuals like you create an authentic factor undoubtedly by means of the techniques customers get.
    匿名2019-06-16 19:04 回復
  6. I just want to say I am newbie to blogging and seriously enjoyed you're web-site. Most likely I’m planning to bookmark your website . You certainly have remarkable well written articles. Appreciate it for revealing your web site.
    Clicking Here2019-06-13 08:25 回復
  7. Sometimes, a blood test is necessary. Losing your hair isn't usually anything to be worried about, but it can be upsetting. It's important to emphasize that patients who have localized hair loss generally don't go on to lose hair all over the scalp.
    匿名2019-05-31 04:45 回復
  8. Es normal que un hombre tenga problemas ocasionales para lograr una erección o que ésta sea lo suficientemente firme o duradera como para tener relaciones sexuales.
    匿名2019-05-30 03:57 回復
  9. La obligación que la sociedad impone al hombre de siempre tener que estar listo para satisfacer a la mujer, transformando una falla en algo vergonzoso, acaba por crear demasiada presión en algunas personas.
    匿名2019-05-26 00:29 回復
  10. 可以學習!
    匿名2016-01-09 15:09 回復
1 2 3 4
福彩3d今日字谜