什么是搜索关键词及其展现量、点击量、点击率、网页链接举例？网页代码有什么规范

本文目录

• 什么是搜索关键词及其展现量、点击量、点击率、网页链接举例
• 网页代码有什么规范
• 有关网页编码
• web制作网页代码样例
• 每人设计一个网站，网站的网页不能少于十页要求页面统一布局、具有相近的风格，包含以下技术：

什么是搜索关键词及其展现量、点击量、点击率、网页链接举例

展现量：用户查询某一关键词时搜索结果中展现您的网站的次数；
点击量：某一关键词下，用户点击进入您网站的次数；
点击率：上述的点击量与展现量比值；
网页链接举例：用户选择点击进入的您网站链接的举例，选取的是在该关键词下用户点击量TOP3的网页链接。
热门关键词：针对您的网站，用户查询时搜索结果中展现您的网站次数较多的关键词。
定制关键词：除了我们给您推送的热门关键词，您还可以个性化设置自己所关注的关键词。点击定制关键词页面的右上角按钮“设置关键词”进行设置，最多可设置50个。
使用关键词查询工具可帮助站长查询其站点的热门关键词的来源，以及关键词在搜索结果中的展现次数，每个关键词下点击进入您网站次数的点击次数，点击次数/展现次数得到的点击率，并给出网页链接举例。
比如，热门关键词中出现点击率较低的情况，可查看是否标题设置或搜索结果页的展示有优化的空间，进行重点优化，提高网站热门关键词所带来的流量，给网站运营提供重要参考。
再如，您可以通过查看网页链接举例，看到在某个关键词下，用户点击量TOP3的网页链接，表示用户在某关键词下关于页面的喜欢和投票，TOP3的网页链接样例给运营带来重点优化指导。

网页代码有什么规范

(一)xhtml的规范：
1、所有的xhtml代码英文小写
2、属性的值一定要用双引号("")括起来，且一定要有值
3、每个标签都要有开始和结束，且要有正确的层次
4、表现与结构完全分离，代码中尽量不涉及任何的表现元素，如style、font、bgColor、border等
5、《h1》到《h5》的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询
6、给重要的区块加上注释
7、图片要加alt注释
(二)CSS的规范：
1、id和class命名采用该版块的英文单词或组合命名，并第一个单词小写，第二个单词首个字母大写，如:newRelease（最新产品/new+Release) ,或者用下划线链接new_Release.
2、CSS样式表各区块用注释说明
注释的写法:
/* Footer */
内容区
/* End Footer */
3、尽量使用英文命名原则，尽量不缩写，除非一看就明白的单词
class的命名:
(1)颜色:使用颜色的名称或者16进制代码,如
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }
(2)字体大小,直接使用"font+字体大小"作为名称,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }
(3)对齐样式,使用对齐目标的英文名称,如
.left { float:left; }
.bottom { float:bottom; }
(4)标题栏样式,使用"类别+功能"的方式命名,如
.barnews { }
.barproduct { }
(5)页面结构
容器：#container
布局：#layout
头部：#head、#header
尾部：#foot、#footer
侧栏：#sidebar
左边栏：#sidebarLeft
右边栏：#sidebarRight
页面主体：#main
栏目：#column
包装/外套：#wrapper、wrap
内容：#content
(6)导航
导航：#nav
主导航：#mainNav
顶导航：#topNav
左导航：leftNav
右导航：rightNav
下导航：bottomNav
二级导航：#subNav
菜单：#menu
二级菜单：#subMenu
下拉：.drop
下拉菜单：.dropMenu
(7)功能
标签：.tab、.tag
提示信息：.msg、.message
小技巧：.tips
注释：.note
热点：.hot
摘要：.summary
帮助：.help
投票：.vote
指南：.guild
商标：.branding
标签：.label
工具条：.tool、.toolBar
标题：.title
LOGO：.logo
搜索：.search
搜索条：.searchBar
搜索框：.searchBox
搜索输入框：.search_input
搜索输出框：.search_output
搜索结果：.search_results
注册：.register
登录：.login
登录条：.loginBar
登录框：.loginBox
友情链接：.friendLink、.link
广告/标语：.banner
版权信息：.copyright
加入我们：.joinUs
合作伙伴：.partner
服务：.service
网站地图：.siteMap、.map
缩略图：.screenShot
产品：products
产品价格：products_prices
产品描述：products_description
产品评论：products_review
最新产品：new_products
生产商：suppliers、publisher
：editor
评论：editor_review
博客：blog
论坛：forum
新闻：news
下载：download
网站信息：.siteinfo
法律声明：.legal
信誉：.credits
列表：.list
(8)其他
左中右：left、center、right
上中下：top、middle、bottom
按钮：btn
面包屑：breadcrumb(即页面所处位置导航提示)
滚动：scroll
当前：current
图标：icon
箭头：arrow
首页：homePage、home
二级页面：subPage
状态：status
常见问题：faqs、questions
关键词：keyword
(三)CSS文件名称
顶部：top.css
底部：bottom.css
共享 share.css
基本共用 base.css
布局，版面 layout.css
主要的 master.css
模块 module.css
主题 themes.css
专栏 columns.css
文字 font.css
表单 forms.css
补丁 mend.css
打印 print.css
行或排：row1th,row2th,row3th,row4th...
列或纵：col1th,col2th,col3th,col4th...
(四)页面图片等的遵循以下几条规范
页面图片用gif和jpg，在不失真前提下，越小越好。
名称分为头尾两部分，用下划线隔开。头部分表示此图片的大类性质，例如广告、标志、菜单、按钮等等。
一般来说:
放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner/icon
标志性的图片我们取名为：logo
在页面上位置不固定并且带有链接的小图片我们取名为button
在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu
装饰用的照片我们取名：pic
不带链接表示标题的图片我们取名：title
依照此原则类推，尾部分用来表示图片的具体含义。
下面是几个样例，大家应该能够一眼看明白图片的意义：
banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg
(五)SEO相关
1 允许全文检索的页面，为了使Internet 上的搜索引擎能够有效检索，在频道的首页的html的《head》《/head》之间应该加入Keywords 和Description 元标记，例如 ：
《meta name=”keywords” content=”东方新干线，汽车，买车”》
《meta name=”description” content=”东方新干劲线，全球中文汽车信息第一站”》.
2.添加搜索引擎引导代码：
《meta name="robots" content="index, follow" /》
《meta name="googlebot" content="index, follow" /》
附：雅虎优化：13条技巧提高网页速度
***隐藏网址***
具体内容如下：
***隐藏网址***
2.减少多媒体，图片，声音的使用，传输以文字内容为先
***隐藏网址***
4.支持Gzip
5.把CSS放在网页的顶部
6.活动的脚本文件放在底部
7.避免用CSS Expressions
8.把JavaScript和CSS单独化，与网页分离
9.减小DNS查表时间
10.最小化JavaScript
11.避免网页的转向
12.删除重复的脚本

有关网页编码

meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码：
＜head＞
***隐藏网址***
＜/head＞
也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，例如加入关键字会自动被大型搜索网站自动搜集；可以设定页面格式及刷新等等。
一、meta标签的组成
***隐藏网址***
1、name属性
name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meta标签的name属性语法格式是：＜meta name="参数" content="具体的参数值"＞ 。
其中name属性主要有以下几种参数：
A、Keywords(关键字)
说明：keywords用来告诉搜索引擎你网页的关键字是什么。
举例：＜meta name ="keywords" content="science, education,culture,politics,ecnomics，relationships, entertaiment, human"＞
B、description(网站内容描述)
说明：description用来告诉搜索引擎你的网站主要内容。
举例：＜meta name="description" content="This page is about the meaning of science, education,culture."＞
C、robots(机器人向导)
说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
content的参数有all,none,index,noindex,follow,nofollow。默认是all。
举例：＜meta name="robots" content="none"＞
D、author(作者)
说明：标注网页的作者
举例：＜meta name="author" content"root,root@21cn.com"＞
***隐藏网址***
***隐藏网址***
***隐藏网址***
A、Expires(期限)
说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。
***隐藏网址***
注意：必须使用GMT的时间格式。
B、Pragma(cache模式)
说明：禁止浏览器从本地计算机的缓存中访问页面内容。
***隐藏网址***
注意：这样设定，访问者将无法脱机浏览。
C、Refresh(刷新)
说明：自动刷新并指向新页面。
***隐藏网址***
注意：其中的2是指停留2秒钟后自动刷新到URL网址。
D、Set-Cookie(cookie设定)
说明：如果网页过期，那么存盘的cookie将被删除。
***隐藏网址***
注意：必须使用GMT的时间格式。
E、Window-target(显示窗口的设定)
说明：强制页面在当前窗口以独立页面显示。
***隐藏网址***
注意：用来防止别人在框架里调用自己的页面。
F、content-Type(显示字符集的设定)
说明：设定页面使用的字符集。
***隐藏网址***
二、meta标签的功能
上面我们介绍了meta标签的一些基本组成，接着我们再来一起看看meta标签的常见功能：
1、帮助主页被各大搜索引擎登录
meta标签的一个很重要的功能就是设置关键字，来帮助你的主页被各大搜索引擎登录，提高网站的访问量。在这个功能中，最重要的就是对Keywords和description的设置。因为按照搜索引擎的工作原理,搜索引擎首先派出机器人自动检索页面中的keywords和decription，并将其加入到自己的数据库，然后再根据关键词的密度将网站排序。因此，我们必须设置好关键字，来提高页面的搜索点击率。下面我们来举一个例子供大家参考：
＜meta name="keywords" content="政治,经济, 科技,文化, 卫生, 情感，心灵，娱乐，生活，社会，企业，交通"＞
＜meta name="description" content="政治,经济, 科技,文化, 卫生, 情感，心灵，娱乐，生活，社会，企业，交通"＞
设置好这些关键字后，搜索引擎将会自动把这些关键字添加到数据库中，并根据这些关键字的密度来进行合适的排序。
2、定义页面的使用语言
这是meta标签最常见的功能,在制作网页时,我们在纯HTML代码下都会看到它,它起的作用是定义你网页的语言,当浏览者访问你的网页时,浏览器会自动识别并设置网页中的语言,如果你网页设置的是GB码,而浏览者没有安装GB码,这时网页只会呈现浏览者所设置的浏览器默认语言。同样的,如果该网页是英语,那么charset=en。下面就是一个具有代表性的例子：
***隐藏网址***
该代码就表示将网页的语言设置成国标码。
3、自动刷新并指向新的页面
如果你想使您的网页在无人控制的情况下，能自动在指定的时间内去访问指定的网页，就可以使用meta标签的自动刷新网页的功能。下面我们来看一段代码：
***隐藏网址***
***隐藏网址***
4、实现网页转换时的动画效果
使用meta标签，我们还可以在进入网页或者离开网页的一刹那实现动画效果，我们只要在页面的html代码中的＜head＞＜/head＞标签之间添加如下代码就可以了：
***隐藏网址***
***隐藏网址***
一旦上述代码被加到一个网页中后，我们再进出页面时就会看到一些特殊效果，这个功能其实与FrontPage2000中的Format/Page Transition一样，但我们要注意的是所加网页不能是一个Frame页;
5、网页定级评价
***隐藏网址***
***隐藏网址***
***隐藏网址***
l gen true comment 〃RSACi North America Server〃
***隐藏网址***
on 〃2001.08.16T08:15－0500〃
r (n 0 s 0 v 0 l 0))′〉
6、控制页面缓冲
meta标签可以设置网页到期的时间,也就是说,当你在Internet Explorer 浏览器中设置浏览网页时首先查看本地缓冲里的页面,那么当浏览某一网页,而本地缓冲又有时,那么浏览器会自动浏览缓冲区里的页面,直到meta中设置的时间到期,这时候,浏览器才会去取得新页面。例如下面这段代码就表示网页的到期时间是2001年1月12日18时18分18秒。
***隐藏网址***
7、控制网页显示的窗口
***隐藏网址***
8、Refresh (刷新)
说明：让网页多长时间（秒）刷新自己，或在多长时间后让网页自动链接到其它网页。
***隐藏网址***
***隐藏网址***
注意：其中的5是指停留5秒钟后自动刷新到URL网址。
9、Expires (期限)
说明：指定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅。
***隐藏网址***
***隐藏网址***
注意：必须使用GMT的时间格式，或直接设为0(数字表示多少时间后过期)。
10、Pragma (cach模式)
说明：禁止浏览器从本地机的缓存中调阅页面内容。
***隐藏网址***
注意：网页不保存在缓存中，每次访问都刷新页面。这样设定，访问者将无法脱机浏览。
11、Set-Cookie (cookie设定)
说明：浏览器访问某个页面时会将它存在缓存中，下次再次访问时就可从缓存中读取，以提高速度。当你希望访问者每次都刷新你广告的图标，或每次都刷新你的计数器，就要禁用缓存了。通常HTML文件没有必要禁用缓存，对于ASP等页面，就可以使用禁用缓存，因为每次看到的页面都是在服务器动态生成的，缓存就失去意义。如果网页过期，那么存盘的cookie将被删除。
***隐藏网址***
21-Oct-98 16:14:21 GMT; path=/"》
注意：必须使用GMT的时间格式。
12、Window-target (显示窗口的设定)
说明：强制页面在当前窗口以独立页面显示。
***隐藏网址***
注意：这个属性是用来防止别人在框架里调用你的页面。Content选项：_blank、_top、_self、_parent。
Head中的其它一些用法
1、scheme (方案)
说明：scheme can be used when name is used to specify how the value of content should
be interpreted.
用法：《meta scheme="ISBN" name="identifier" content="0-14-043205-1" /》
注意：
2、Link (链接)
说明：链接到文件
用法：《Link href="soim.ico" rel="Shortcut Icon"》
注意：很多网站如果你把她保存在收件夹中后，会发现它连带着一个小图标，如果再次点击进入之后还会发现地址栏中也有个小图标。现在只要在你的页头加上这段话，就能轻松实现这一功能。《LINK》 用来将目前文件与其它 URL 作连结，但不会有连结按钮，用於 《HEAD》 标记间， 格式如下：
《link href="URL" rel="relationship"》
《link href="URL" rev="relationship"》
3、Base (基链接)
说明：插入网页基链接属性
***隐藏网址***
***隐藏网址***
Meta的使用方法技巧：
Meta标签是用来描述网页属性的一种语言，标准的Meta标签可以便于搜索引擎排序，提高搜索引擎网站权重排名。要想网站做的更符合搜索引擎标准就必须了解meta标签，下面由Seoer惜缘于大家讲讲meta标签含义与使用方法：
1、META标签的keywords
写法为：《meta name="Keywords" content="信息参数" /》
meat标签的Keywords的的信息参数，代表说明网站的关键词是什么。
2、META标签的Description
《meta name="Description" content="信息参数" /》
meta标签的Description的信息参数，代表说明网站的主要内容，概况是什么。
***隐藏网址***
***隐藏网址***
***隐藏网址***
meta标签的Description的信息参数如GB2312时，代表说明网站是采用的编码是简体中文；
meta标签的Description的信息参数如BIG5时，代表说明网站是采用的编码是繁体中文；
meta标签的Description的信息参数如iso-2022-jp时，代表说明网站是采用的编码是日文；
meta标签的Description的信息参数如ks_c_5601时，代表说明网站是采用的编码是韩文；
meta标签的Description的信息参数如ISO-8859-1时，代表说明网站是采用的编码是英文；
meta标签的Description的信息参数如UTF-8时，代表世界通用的语言编码；
4、META标签的generator
《meta name="generator" content="信息参数" /》
meta标签的generator的信息参数，代表说明网站的采用的什么软件制作。
5、META标签的author
《meta name="author" content="信息参数"》
meta标签的author的信息参数，代表说明网页版权作者信息。
***隐藏网址***
***隐藏网址***
meta标签的Refresh代表多少时间网页自动刷新，加上Url中的网址参数就代表，多长时间自动链接其他网址。
7、META标签的HTTP-EQUIV="Pragma" CONTENT="no-cache"
《META HTTP-EQUIV="Pragma" CONTENT="no-cache"》代表禁止浏览器从本地计算机的缓存中访问页面内容,这样设定，访
问者将无法脱机浏览。
8、META标签的COPYRIGHT
《META NAME="COPYRIGHT" CONTENT="信息参数"》
meta标签的COPYRIGHT的信息参数，代表说明网站版权信息。
***隐藏网址***
***隐藏网址***
指定是否显示图片工具栏，当为false代表不显示，当为true代表显示。
10、META标签的Content-Script-Type
***隐藏网址***
W3C网页规范，指明页面中脚本的类型。
11、META标签的revisit-after
《META name="revisit-after" CONTENT="7 days" 》
revisit-after代表网站重访,7 days代表7天，依此类推。
12、META标签的Robots
《meta name="Robots" contect="信息参数"》
Robots代表告诉搜索引擎机器人抓取哪些页面
其中的属性说明如下：
信息参数为all：文件将被检索，且页面上的链接可以被查询；
信息参数为none：文件将不被检索，且页面上的链接不可以被查询；
信息参数为index：文件将被检索；
信息参数为follow：页面上的链接可以被查询；
信息参数为noindex：文件将不被检索，但页面上的链接可以被查询；
信息参数为nofollow：文件将被检索，但页面上的链接不可以被查询；
***隐藏网址***
代表页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用,设置有：_blank、_top、_self、_parent。
14、META标签的set-cookie
***隐藏网址***
代表Cookie设定，如果网页过期，存盘的cookie将被删除,需要注意的也是必须使用GMT时间格式

web制作网页代码样例

我是XXX，男，XX年X月X日出生，XX省XX市人，长得很帅！李嘉诚理财名言：世界上并非每一件事情，都是金钱可以解决的，但是确实有很多事情需要金钱才能解决。把上面的代码用记事本存为index.html文件打开就行。怎么样，这个够简单了吧。纯手工书写。如需更好的，可以说明具体要求。

每人设计一个网站，网站的网页不能少于十页要求页面统一布局、具有相近的风格，包含以下技术：

别人不会没事做这个东西，除非是他自己以前的毕业设计。
公司做的都会容易涉及版权，到时候会闹矛盾，所以，自己下载免费的吧。
既然你都懒到直接发你老师布置的题目上来了，真是令人吃惊啊