项目五 任务1 活动3 优化网站meta三要素（课件）高教版

项目五 SEO与SEM 任务一 搜索引擎优化 活动3 优化mata三要素 任务一 搜索引擎优化 知识结构 学习目标 1．知识目标 了解Meta标签的概念；了解Meta三要素。 2．能力目标 掌握网站Meta三要素的优化方法。 3．情感目标 在网站Meta三要素的优化过程中引导学生培养创新意识。 环节一、优化title标签 META标签是HTML标记HEAD区的一个关键标签，它位于HTML文档的<head>标签与<title>标签之间。META标签中有三大标签：标题（title）标签、描述（description）标签、关键词（keywords）标签，一般也称为META三要素。META标签所提供的信息虽然用户看不见，但是搜索引擎却能抓取到META标签中最基本的元信息，这对于搜索引擎优化而言是至关重要的一个因素。请大家一起帮小王对网站META三要素进行优化。 任务描述 环节一、优化title标签 “浃江商务”主页代码页面 环节一、优化title标签 Title 标签是META标签中最重要的标签，在搜索引擎的排名规则中占有非常重要的地位。一般我们在写代码时将其放在description 标签与 keywords标签之前。title标签的书写格式为<meta name=“title” content=“你的标题内容”>，一般标题内容会写上网站的名称、网站的内容等。 “浃江商务”主页代码页面 环节一、优化title标签 【思考】很多网页设计者如今在写title 标签时会将其写成一句话，这其中包含了用户想要的内容，是一种新的形式，也往往更能吸引用户。你能为小王重新设计一下title 标签吗？ 环节二、优化description标签 Description标签就在title标签后面，该标签主要用于描述网站，可以是一个或者多个句子组成。与title标签一样，它的作用是让用户在搜索引擎中看到网站的相关描述，从而让用户点击我们的网站。 “浃江商务”主页代码页面 环节二、优化description标签 【思考】你能为“浃江商务”网站设计一个新的description标签吗？ 环节三、优化keywords标签 Keywords标签与META标签中的description标签类似，该标签主要用于描述网站，区别在于描述的过程中列出的内容是关键词，而不是网站的介绍。 【思考】你能为“浃江商务”网站设计一个keywords标签吗？ 课堂小结 1.Meta标签的概念。 2.Meta三要素的优化方法。 3.优化Meta三要素时需要注意的事项。 作业布置 1.查询学校校园网站的Meta三要素 2.按照下表完成学校校园网的Meta三要素优化。 优化内容 优化结果 优化title标签 优化description标签 优化keywords标签 感恩学习的路上，一路有你！ 高等教育出版社 Higher Education Press $$