设计网页标题有以下几点原则:
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也要外部调用