html seo是什么意思

在html中，SEO的意思为“搜索引擎优化”，是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排名的方式；利用SEO对网站进行深度的优化，可帮助网站获取免费的流量，从而提高网站的知名度。

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

1. 什么是SEO？

SEO（Search Engine Optimization）：汉译为搜索引擎优化。是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。

搜索引擎大致的工作原理就是利用网络爬虫将各种网站发送请求，然后将得到的HTML页面存储起来，返回给我们搜索的用户，这样我们就能利用搜索引擎看到我们需要的东西了。

因此我们SEO的目的是对网站进行深度的优化，从而帮助网站获取免费的流量，进而在搜索引擎上提升网站的排名，提高网站的知名度。

2. 网站中TDK三大标签SEO优化

• title
• description
• keyword

2.1 title 网站标题

• title 具有不可替代性，是我们网站内的第一个重要的标签，是搜索引擎了解网页的入口和对网页的入口主题归属的最佳判断点。因此如果我们想我们的网站被搜索引擎搜索到我们的这个title就不能乱写了。

  • 建议格式这样写：网站名（产品名）- 网站介绍（尽量不要超过30个汉字）如下 是京东 和 小米官网的写法

  •   <title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>

  •  <title>小米商城 - 小米10 Pro、Redmi 10X、小米MIX Alpha，小米电视官方网站 </title>

2.2 description 网站说明

提倡：description 作为网站的总体业务和主题概括， 一般采用“我们是…”、“我们提供…”、“电话： xxx”，一般这个具体内容不需要我们考虑，是由专门的SEO人员来写的。

例如京东和小米的这个：

<meta name="description" 
 content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"/>

 <meta name="description" content="小米官网直营小米公司旗下所有产品，包括小米手机系列小米10 Pro 、小米9、小米MIX Alpha，Redmi 红米系列Redmi 10X、Redmi K30，小米电视、笔记本、米家智能家居等，同时提供小米客户服务及售后支持." />

2.3 keywords 关键字

• keywords是页面的关键词，也是搜索引擎关注点之一。

• keywords最好限制为6~ 8个关键词,关键词之间用英文逗号隔开,采用关键词1,关键词2的形式。

•  <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/>

•  <meta name="keywords" content="小米,redmi,小米10,Redmi 10X,小米MIX Alpha,小米商城" />

• 因为京东是这个电商网站，所以他的这个关键词就比较多，我们一般豆是6-8个的,小米的这个刚好8个

3. alt属性

• 网页中的ALT属性是用来对图片进行说明的，这里有两方面的作用，

  • 一个是告诉搜索引擎图片的信息。
  • 在图片加载不出来时，告诉我们这个图片大致时什么内容。

• 在网站中我们不能每个图片都加alt，最好的办法还是在网页中重点图片（logo等）使用ALT标识，这样对搜索引擎爬行网页重要图片很有帮助，对于提高网站关键词权重也会很有好处的。

4. Logo 优化

• logo里面首先放一个h1标签,目的是为了提权，告诉搜索引擎,这个地方很重要。

• h1 里面再放一一个链接,可以返回首页的,把logo的背景图片给链接即可

• 为了搜索引|擎收录我们,我们链接里面要放文字(网站名称) , 但是文字不要显示出来。

  • 方法1 : text-indent移到盒子外面( text-indent: -9999px) ,然后overflow:hidden ,淘宝的做法。
  • 方法2 :直接给font-size:0;就看不到文字了,京东的做法。

• 最后给链接- 个title属性,这样鼠标放到logo.上就可以看到提示文字了。

5. HTML 语义化

对于搜索引擎来说，最直接面对的就是网页HTML代码，如果代码写的语义化，搜索引擎就会很容易的读懂该网页要表达的意思。

• 我们的重要的文字使用strong突出
• 我们合理的使用h标签
• 使用我们H5 新增的section、article、nav等标签

相关推荐：《html视频教程》

以上是html seo是什么意思的详细内容。更多信息请关注PHP中文网其他相关文章！