5.1.3 优化网站meta三要素（教案）-高二《网络营销》同步教学（高等教育出版社）

项目五 SEO与SEM 任务一 搜索引擎优化 活动3 优化网站meta三要素 一、教材名称 《网络营销》（高等教育出版社）。 项目五任务一 搜索引擎优化 活动3 优化网站meta三要素 二、课时 1课时（45分钟）。 三、学情分析 本课程授课对象为电子商务专业高二的学生,他们在一年级阶段学习了《走进电商》等电子商务基础课程，具备一定的电子商务专业理论知识。学生学习态度端正，上课认真，积极参与。在对网站SEO优化的过程中，除了网站主机与网站域名外，网页代码中的Meta标签对网站在搜索引擎中的排名也有着举足轻重的作用。针对本班学生的特点，本节课的SEO主要从网站meta三要素入手，引导学生撰写适合搜索引擎抓取模式的Meta标签，帮助网站提升搜索排名。 四、教学目标分析 1．知识目标 了解Meta标签的概念；了解Meta三要素。 2． 能力目标 掌握网站Meta三要素的优化方法。 3． 情感目标 在网站Meta三要素的优化过程中引导学生培养创新意识。 五、教学重点与难点分析 教学重点：了解Meta标签的概念；了解Meta三要素。 教学难点：掌握网站Meta三要素的优化方法，能利于网站的内容被搜索引擎所收录。 教学突出“做中学”理念，利用新媒体元素等多种学习途径，激发学生的学习兴趣。学生在网站Meta三要素的优化过程中理解关键词不是简单的罗列或堆彻，需要有设计意识、创新意识。 六、教学方法 1．教学方法 任务驱动法、讲授法、情境创设法、案例分析法。 2．学习方法 自主学习法、小组合作法。 七、教学准备 多媒体课件、手机。 八、教学过程 （一）利用课前学习导入新课 利用课前预习让学生自主学习。 课件内容：META标签的HTTP使用方法 （1）<meta http-equiv="Content-Language" content="zh-CN">用于说明网页制作时所使用的文字以及语言； （2）<meta http-equiv="Refresh" content="n;url=http://yourlink">用于定时让网页在指定的时间n内，跳转到你的页面； （3）<meta http-equiv="Expires" content="Mon,12 May 2001 00:20:00 GMT">用于设定网页的到期时间，规定使用GMT时间格式； （4）<meta http-equiv="Pragma" content="no-cache">是用于设定禁止浏览器从本地电脑的缓存中调阅网页内容； （5）<meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT">用于网页中cookie的设定，如果网页过期则存盘的cookie将被删除，使用GMT时间格式； （6）<meta http-equiv="Pics-label" content="">用于设置网页等级的评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的； （7）<meta http-equiv="windows-Target" content="_top">用于设置网页页面在当前窗口中显示，防止网页被当作frame页调用。 学生活动：自主学习，带着问题听课。 设计意图：通过课前预习，吸引学生注意力，让学生对本课程有大概的认识，然后自然地导入新课。 （二）学习新知 教师活动：任务导入一。 任务描述：META标签是HTML标记HEAD区的一个关键标签，它位于HTML文档的<head>标签与<title>标签之间。META标签中有三大标签：标题（title）标签、描述（description）标签、关键词（keywords）标签，一般也称为META三要素。META标签所提供的信息虽然用户看不见，但是搜索引擎却能抓取到META标签中最基本的元信息，这对于搜索引擎优化而言是至关重要的一个因素。请大家一起帮小王对网站META三要素进行优化。 学生活动：聆听任务，积极思考，分析任务。 设计意图：通过任务布置，吸引学生注意力，让学生在问题中进行学习。 教学内容： 1.META标签的概念 META标签是HTML标记HEAD区的一个关键标签，它位于HTML文档的<head>标签与<title>标签之间。META标签中有三大标签：标题（title）标签、描述（description）标签、关键词（keywords）标签，一般也称为META三要素。META标签所提供的信息虽然用户看不见，但是搜索引擎却能抓取到META标签中最基本的元信息。 2.优化title标签 在写代码时将其放在description