整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML 之简介

TML 实例

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body></html>

实例解析

  • DOCTYPE 声明了文档类型

  • 位于标签 <html> 与 </html> 描述了文档类型

  • 位于标签 <body> 与 </body> 为可视化网页内容

  • 位于标签 <h1> 与 </h1> 作为一个标题使用

  • 位于标签 <p> 与 </p> 作为一个段落显示

<!DOCTYPE html> 在HTML5中也是描述了文档类型。

什么是HTML?

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言: HyperText Markup Language

  • HTML 不是一种编程语言,而是一种标记语言

  • 标记语言是一套标记标签 (markup tag)

  • HTML 使用标记标签来描述网页

  • HTML 文档包含了HTML 标签文本内容

  • HTML文档也叫做 web 页面

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如 <html>

  • HTML 标签通常是成对出现的,比如 <b> 和 </b>

  • 标签对中的第一个标签是开始标签,第二个标签是结束标签

  • 开始和结束标签也被称为开放标签和闭合标签

<标签>内容</标签>

HTML 元素

"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.

但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:

HTML 元素:

<p>这是一个段落。</p>

Web 浏览器

Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。

浏览器并不是直接显示的HTML标签,但可以使用标签来决定如何展现HTML页面的内容给用户:

HTML 网页结构

下面是一个可视化的HTML页面结构:

<html>

<head>

<title>页面标题</title>

</head>

<body>

<h1>这是一个标题</h1>

<p>这是一个段落。</p>

<p>这是另外一个段落。</p>

</body>

</html>

只有 <body> 区域 (白色部分) 才会在浏览器中显示。

HTML版本

从初期的网络诞生后,已经出现了许多HTML版本:

版本发布时间
HTML1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013

<!DOCTYPE> 声明

<!DOCTYPE>声明有助于浏览器中正确显示网页。

网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。

doctype 声明是不区分大小写的,以下方式均可:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

通用声明

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

查看完整网页声明类型 DOCTYPE 参考手册。

中文编码

目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8。

HTML 实例

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>页面标题</title></head><body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body></html>

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

置网站关键词的方法看似很简单,但实际上设置好还是很难的一件事情,就拿我的SEO博客的标题,一个20多字的标题就能覆盖上百个关键词,这种效果和方法你会吗?



关键词是SEO的根,是开展一切SEO工作的源头。而网站是承载关键词的载体。我们将关键词与网站中的不同网页融合。从而被搜索引擎收录,参与排名。最终我们获得了通过我们的SEO技术拿到的搜索引擎来源流量,也就是SEO流量。

但设置网站关键词的方法表面来看是简单的,但实际上这里面大有学问,下面赵彦刚一起来看下网站设置关键词的方法。

网站都可以在哪里设置关键词?

设置关键词,我们要先说meta标签的keywords。这个标签是在html代码中的head部分。这个标签的作用就是用来设置关键词的。写法如下示例:

<html lang="zh-CN">
<head>
 <meta name="keywords" content="SEO,SEO培训,SEO教程,SEO顾问,SEO博客,SEO技术,赵彦刚博客" />
</head>
</html> 

如上,红色字体部分就是写关键词的位置,中间用英文的逗号隔开,设置的数量建议在3~5个,不宜过多。

下面要说的就是网页其他能出现文本的地方,其实关键词也是文字,我们在任何可以写文字的地方都可以设置关键词。比如:

  • html代码head标签包含的title标签。这个是搜索引擎展示的标题位置,在这里设置,是最为重要的,可以说是寸土寸金的位置。设置的逻辑中,越重要的关键词越要靠左展示。标题应该连贯,不能有堆砌关键词的行为。
  • 另外就是描述,head标签包含的meta标签的description属性,这里的设置是展示在搜索引擎搜索结果中的描述文字,字数建议80个汉字。出现关键词后虽然对排名本身没有帮助,但用户搜索的关键词如果在描述中有的话会被搜索引擎标记为红色。这样吸引用户眼球,获得更多的点击。
  • 网站内所有的标题也是可以出现关键词的,比如我的关键词是SEO培训,我的一个课程介绍页面有几个大的板块,分别为课程介绍、课程评价、课程概括、授课讲师。我完全可以改写为:SEO培训课程介绍,SEO培训课程评价、SEO培训概括、SEO授课培训讲师。意思本没有变化,我只是把你的简化词汇变得更加的具体。这样做不存在过度优化的问题。但你不能在正文中也真么做。
  • 正文,就是我们的文章、大段文字的描述内容中。这里面不建议刻意的出现关键词,按照本意适当书写,这里最好忘记你是SEO,只记得自己是个编辑,再写一篇能够解决用户需求的文章即可。
  • 列表页中,我们要是想突出关键词的话,可以增设一个新的板块叫:“xx页面介绍”。例如我的tag标签列表页,我就可以增加一个区块来介绍这个页面是干嘛的。一大段介绍文字,从能出现一两个关键词吧?

关于关键词的完全匹配和模糊匹配

你给同一个网页设置的关键词可能会很多,例如我的SEO博客首页,我的标题是这么这是的:

SEO培训教程-SEO技术视频课程-网站优化顾问服务-赵彦刚博客

这个标题中,涵盖的关键词就很多:SEO、SEO培训、SEO培训教程、SEO教程、SEO技术、SEO培训视频、SEO培训课程、SEO技术培训、网站优化、SEO优化、SEO顾问、SEO顾问服务、SEO服务。。。。通过完全匹配和模糊匹配我能写出上百个来,那这就是写标题的技巧。

标题本身不显的那么生硬,但又能融入很多的关键词。如果首页权重达到一定成都的话,光着一个首页获得的流量就相当的惊人。

那我这样的标题是怎么想出来的呢?有什么逻辑规则吗?答案是有的。其实很简单,你先把一个网页想设置的关键词全都列出来,然后将意思相近的组合成一个词语。几个词语组合之后一定会出现重复的词组,然后看几个词语中,哪个词语中可以删除这个重复的词组。

举个例子,我在想我这个标题时,第一个词组:“SEO培训视频教程”和“SEO技术视频课程”就重复了“视频这个词组”。所以我综合考虑下,将第一个词语中的视频删除了。

站内的逻辑也是一样的,关键词不一定要完全的匹配,因为搜索引擎本身处理文本时还是会把你这些词语拆分的。所以保证但个词组的出现就不错。

着互联网的不断发展,搜索引擎的算法也在不断的更新,搜索引擎越来越重视网站的用户体验度了,尤其是网站关键词布局的情况,这会影响网站的排名。

合理的关键词布局可以提升网站的相关性,并且有利于搜索引擎蜘蛛抓取网站的核心,从而也能提升网站权重。

那么,网站关键词如何布局,它对SEO排名的作用很大吗?

1、核心关键词布局在网站首页

很多SEO新手会把大量的关键词分布在网站的TDK中,这样做不仅没有太大的效果,

而且搜索引擎从目前来看,并不是特别在乎keyword这个标签,对于描述标签如title标签,还是颇为看重。

在做网站首页关键词布局的时候,一定要选择核心关键词,这样可以保证网站首页可能会得到有效的排名,获得一些高指数搜索量的关键词排名,同时,我们需要注意,避免关键词过度的堆积,不要进行简单的罗列。

最好是可以利用一句话的形式,进行有效的描述,通常而言,我们建议尽量让核心关键词出现在标题的最左侧。

而描述中的关键词只要让语句读起来清晰、自然合理就可以了,最好也可以布局一些相关关键词。

2、栏目中布局关键词

对于网站栏目中关键词的布局,我们经常会考虑一个企业特别容易犯的错误,那就是你的栏目关键词,同样出现在首页关键词。

这就造成首页排名与栏目排名,实际上是存在一个冲突的过程,而产生站内竞争,这大大浪费自己站内资源的利用。

因此,我们在做关键词布局的时候,尽量要让首页的核心词和栏目列表页的关键词,有一定的区分。

3、文章内布局关键词

早期,我们在做文章关键词布局的时候,经常会强调一个名词:五处一词,而随着机器算法的不断提高。

我们在做页面关键词布局的时候,不管是要看这个关键词的密度,还是需要看这个文章内容,与特定目标关键词,是否存在较高的相关性。

我们应该不断的优化一个页面的相关关键词,是的文章页面,更加具有主题性,这样我们获得的搜索引擎预期排名,可能就会相对靠前。

4、TAG标签关键词

在很长一段时间内,有很多企业网站运营人员,并不专注于TAG标签的关键词匹配,而却采用大量这样的标签。

这很明显是一个严重资源的浪费,通常我们建议使用长尾关键词来布局聚合页面的关键词,这样我们就可以快速的的关键词的排名展现。

5、HTML版网站地图

这是一个经常被忽略的问题,实际上对于大型网站而言,对方经常会建立HTML版本的网站地图,它理论上是可以参与到网站排名的过程中。

这个时候,我们就有必要给这个页面做一个相关性的关键词布局,通常我们会选择一些竞争度适中的词,做这样的页面。

总之,网站关键词分布一定要合理,这样才有利于网站的未来发展,而上述内容,仅供参考!