- 1
- 2
- 3
设计网页标题有以下几点原则：
1、每个网页的标题都要不同，并且要与自身网页的内容相符合；
2、网页标题设计简洁明了，每个页面的标题最好只重点突出1－2个关键词，不要太多；
3、标题设计不要太长，最好不要超过30个汉字，60个英文字母。
4. 代码简洁,CSS不可过多
5. 无论是文章还是网站首页的内容布局，头部和底部的内容尽量要少
6. 网站内容的页面布局要尽量丰富添加 网站地图 入口
7.网站底部在此添加网站地图入口，或其它首页位置
meta标签的设计：
多个关键词，可以用逗号隔开，无关的关键词，最好不要写，不要重复关键词，关键词要用小写，不同网页的关键词不要重复，并确信这些关键词出现在网页文本中。
设计description标签的原则：
1、内容不要超过250个字符，包括空格；
2、要将网页内容合理的描述；
3、关键词合理的使用，出现1－3次就可以了，不要出现频率太高。
优秀的网页内容
1、原创的内容；
2、网站内容丰富；
3、用文本来表现内容。
网站关键词优化可以分为站内优化和站外优化:
何为站内优化：
1.网站首页关键词布局优化
2.网站内页关键词布局
3.文章标题关键词布局优化
4.文章内容关键词布局优化
何为站外优化：
1.链接包括锚文本链接、超链接、纯文本链接等
2.发布的链接要高质量，
3.不要发布垃圾链接，对网站造成负面影响，
网站结构布局
1.网站结构应选择对搜索引擎比较好的结构方式，
2.目前搜索引擎最欢迎的网站结构是F型树状结构和扁平树状结构的网站，
网站首页关键词布局优化具体操作
1.网站标题应尽量包含关键词，如不能包含，应尽量与关键词相关
2.网站logo的alt标签包含网站关键词
3.主导航包含网站关键词
4.分类目录包含网站关键词
网站文章的优化
1.文章标题应包含关键词，
2.选择能吸引人们眼球的标题或选择让人难忘的关键词，
3.次导航包含网站关键词
关键词密度和位置
关键词密度在3％－8％左右为宜；
利于排名的关键词位置：
1、网页标题中；
2、meta标签中，注意不要过密；
3、网页内容的大标题中；
4、网页文本中，要合理突出，一般用加粗来突出；
5、图片注释标签中，alt注释一定要简洁明了，如：alt="关键词"，千万不要太长，一个网页中不要有重复的alt描述；
6、超链接注释中，title="包含关键词的链接描述"。
标签优化标准
1. <title>页面标题</title>
2. <meta name="keywords" content="关键词“ />
3. <meta name="description" content="网站描述“ />
4.<h1>页面主题主题</h1>
5. <h2>页面相关性标题</h2>
6.<h3>页面相关性标题</h3> ......
7. <img src="xxx.jpg" alt="图片说明">
8.<a href="/" title="链接说明">链接词</a>
9.<strong>关键词强调</strong>
10.<u>关键词强调</u>
11.<em>关键词强调</em>
比较重要的标签有Title标签、H标签、强调标签
Ttile标签是所有网页里面最重要的标签，H标签次之，强调标签在三者最后。
<1> Title：标题的布局一般我们会采用完整匹配和分词匹配，很少用到绝对匹配的形式。
<2> Keywords：基本被大多数搜索引擎抛弃，已经不作为搜索排名的因素。
<3> Description：不仅是网站的一种简单自我介绍，还是给用户提供信息阅读的重要标签。用户关注的，搜索引擎不会抛弃。在用户搜索结果页面描述信息的关注度大约为30%。
<4> H标签：H标签当中数H1的权重最高，H1相当于我们一篇作文的标题，H2、H3等标签是属于页面的相关性主题标签。除了H1标签其他都可以多次使用。
<5> Strong Em U：这三个标签的作用差别不大，都是对于网页的关键词起到加强的作用，直至现在，仍然有很多人误以为<b>、<i>等标签的使用也可以达到同样的效果。
页面代码优化包括5大环节
1、 空格字符是网页中最常见的垃圾代码。但并不是指 标签，而是有代码编辑环境下敲击空格所产生的符号，每个空格相当一个字符，格字符最常出现 在代码的开始和结束处，还有就是空行中。这些都是容易产生垃圾代码的地方。消除这样的垃圾代码的方法就是选中代码然后按shift+tab键左对齐。
2、 尽量不让CSS分散在HTML标记里，尽量封装到外部调用文件
3、 CSS可以以调用的方式，避免同样的标签重复写样式，从而达到精简代码的效果。另外，CSS有3种调用方式
4、 《1》头部调用，也就是在<head>和</head>之间，这样是最不明智的，如果内容少则影响不大，否则大大增加页面的体积，还占用了顶部的重要位置。
《2》主体调用，例子如下：
<body>
<p tyle="font:Arial, helvetica,sans-serif; font-size:9px; line-height:12pt">我的网页</p>
</body>
这样的调用方式既不能发挥CSS的优势，又大大增加页面的代码量。
5、 《3》外部调用
也就是把CSS样式内容放到外部文件中，使CSS样式和页面分离，这样可以减少页面的代码量，而且还不会占用页面顶部的重要位置.
同理js也要外部调用