seo必须会的html基础

发布时间: 2013-09-10 10:00 分类: SEO优化分享 作者: 夏涛 ė 浏览数 6没有评论 百度已收录

一、什么是 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、绝对地址用于网址规范化以及首选域问题的考虑。

本文出自 夏涛博客,转载时请注明出处及相应链接。

本文永久链接: http://www.xiataoseo.com/94.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Ɣ回顶部