学会基本网页代码标签，玩转代码优化

阅读：2320 添加日期：2021/3/27 23:29:11 原文链接：https://www.toutiao.com/item/6297790038738469377/

一个网页是由很多代码组成，而搜索引擎看不到网页效果图，只能识别其代码。所以站长人员，不仅要学会优化知识，同时也要理解一些简单的网页代码标签。首先，大家来认识一下，网页的基本结构。

网页的基本结构

<html>

</html>

一个网页所有的内容是包括在<html></html>这对标签内，里面包括头部<head>和身体<body>这两对标签。头部里的内容用户是看不到的，用户看到的只是身体<body>里面的内容。头部里面包括一些<meta>和<title>标签，<meta>标签里分为<description>和<keywords>，而标题标签<title>和描述标签<description>以及关键词标签<keywords>构成网站三大标签。

学会基本网页代码标签，玩转代码优化如上图：为今日头条的三大标签。

01标题标签<title>

标题标签非常重要，不仅参与网站排名，同时也是网站优化的重点。用户搜索关键词时，展现给用户第一印象的就是标题和描述。

02描述标签<description>

描述标签是不参与排名的，但是它有什么作用呢？一般描述写的好会吸引用户点击，从而增加网站点击率，以间接地方式提升网站排名。

03关键词标签<keywords>

对于关键词标签，很多站长都存在着误区，所以导致很多站长在关键词标签中堆积大量的关键词，认为关键词是参与网站排名的，其实不然。关键词标签的作用一般是用在第三方平台做统计关键词排名以及其他方面才有用的，这点大家一定要了解。

其他代码标签

css+js标签

头部中除了这些标签之外，还包括<link>标签，主要是放置css样式表。<script>标签主要是放置一些js脚本。

脚本和样式表，在优化的时候尽量放到一起然后使用代码调用（如果你不会要程序员操作），还有在页面中可以把脚本的一些代码放到页面后面。

div标签

身体中<div>称为区隔标记，简单的说就是框框。div中包括一些class和id标签，这指的是命令选择器，大家认识下即可。

inframe标签

<inframe>框架标签，建议最好不要使用，不利于网站排名；

alt属性

alt标签是图片属性，由于搜索引擎不能很好的识别图片表达的意思，这时候就需要其对图片进行解释。

h标题标签

标题标签分为h1~h6，权重依次递减。标题标签的优化对于一个页面来说也同样重要，首先一个页面不要出现两对以及两对以上的h1标签，这会使得一个页面没有主题性。但是h2~h6标签可以出现多次。但是想要出现h4，必须得出现h1、h2、h3，权重依次递减。