为了账号安全,请及时绑定邮箱和手机立即绑定

SEO在网页制作中的应用

格格 Web前端工程师
难度初级
时长39分
学习人数
综合评分9.63
423人评价 查看评价
9.7 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 代码优化SEO: 1、title标题、<meta keywords>关键词、<meta description>简介 2、body中语义化代码。h1~h6, ul, ol, li之类的。用好标签。 3、标签详解 ①<a>标签.要写title这样,小蜘蛛能更好读懂。对于外链,要加上"rel=nofollow"属性,让小蜘蛛不要爬,一爬就出去了。 ②h标签。正文标题,一定要用h1.这个小蜘蛛很喜欢。分级的标题,也要用h2~hx ③table标签。子元素加入<caption>表格标题</caption> ④img标签。加入alt,让小蜘蛛读得懂。因为它对图片的读取有限。 ⑤<strong><em>会让SEO看重,<b><i>只是效果。看情况选择。 4、重要内容HTML代码放在最前面。 5、重要内容不要用JS输出 6、尽量少使用iframe框架。 7、谨慎使用display:none; 这个,小蜘蛛会过滤掉。 8、精简页面标签层级数量。 网页代码优化: 1 <a>标签:title,rel 2 <h1>标签:正文用<h1>,二级标题用<h2>,其他不重要的标题不用h 3 <p>标签与<br>标签:<br>标签只用于文本内容的换行 4 <table>标签:使用<caption> 5 <img>标签:使用alt说明 6 <strong><em>与<b><i>标签:strong><b>加粗,<em><i>斜体,<strong>标签是权重标签的代表,在搜索引擎中能够得到高度重视,能突出关键词,表现重要的内容,<b>标签在浏览器中显示效果和<strong>相同,但在SEO中不会起到很好的效果,所以不推荐使用。<em>标签表现为斜体,意为强调主体内容,吸引用户关注,在权重标签中的重要度仅次于<strong>标签,若仅仅为了表现出加粗、斜体的效果,建议使用<b><i>标签,如果使用<strong><em>,会影响到SEO的效果;如果是为了强调文字内容,则建议使用<strong><em>标签。 7 重要内容HTML代码放在最前面。 8 重要内容不要用js输出。 9 尽少使用iframe框架。 10 谨慎使用display:none;(可以使用z-index,或者设置让其显示在浏览器以外) 11 不断精简代码。
    查看全部
    0 采集 收起 来源:代码SEO优化

    2018-03-22

  • 网站布局SEO: ①控制首页链接数量。 ②不超过三层目录。容易爬完网站。同时,对于用户来说,点击三次,还没找到自己想要的,一般都会选择离开。 ③导航SEO优化。导航尽量用文字,让蜘蛛看得懂。另外,一定要有面包屑导航。这能让用户知道自己在什么位置,方便跳转,也让SEO知道网站结构。
    查看全部
  • 网页代码优化 1、title标签\ meta keywords\ meta description 2、语义化代码 h1-h6 ul ol strong 3、 <a>加title 对于指向其他网站的链接加上rel=nofollow <h1>正文标题 副标题<h2>其他不重要的地方不用 <br>只用于文本内容进行换行 <table> 用caption定义表格标题 <img> alt注释 对图片读取 <strong> 会让seo看懂 i权重仅仅次于strong 重要内容html代码放最前面,让重要信息被优先读取。 总要内容不要用js输出 尽量少用iframe框架 谨慎使用display:none 蜘蛛会过滤掉none的内容 精简代码
    查看全部
    0 采集 收起 来源:代码SEO优化

    2018-03-22

  • 代码优化SEO: 1、title标题、<meta keywords>关键词、<meta description>简介 2、body中语义化代码。h1~h6, ul, ol, li之类的。用好标签。 3、标签详解 ①<a>标签.要写title这样,小蜘蛛能更好读懂。对于外链,要加上"rel=nofollow"属性,让小蜘蛛不要爬,一爬就出去了。 ②h标签。正文标题,一定要用h1.这个小蜘蛛很喜欢。分级的标题,也要用h2~hx ③table标签。子元素加入<caption>表格标题</caption> ④img标签。加入alt,让小蜘蛛读得懂。因为它对图片的读取有限。 ⑤<strong><em>会让SEO看重,<b><i>只是效果。看情况选择。 4、重要内容HTML代码放在最前面。 5、重要内容不要用JS输出 6、尽量少使用iframe框架。 7、谨慎使用display:none; 这个,小蜘蛛会过滤掉。 8、精简页面标签层级数量。 网页代码优化: 1 <a>标签:title,rel 2 <h1>标签:正文用<h1>,二级标题用<h2>,其他不重要的标题不用h 3 <p>标签与<br>标签:<br>标签只用于文本内容的换行 4 <table>标签:使用<caption> 5 <img>标签:使用alt说明 6 <strong><em>与<b><i>标签:strong><b>加粗,<em><i>斜体,<strong>标签是权重标签的代表,在搜索引擎中能够得到高度重视,能突出关键词,表现重要的内容,<b>标签在浏览器中显示效果和<strong>相同,但在SEO中不会起到很好的效果,所以不推荐使用。<em>标签表现为斜体,意为强调主体内容,吸引用户关注,在权重标签中的重要度仅次于<strong>标签,若仅仅为了表现出加粗、斜体的效果,建议使用<b><i>标签,如果使用<strong><em>,会影响到SEO的效果;如果是为了强调文字内容,则建议使用<strong><em>标签。 7 重要内容HTML代码放在最前面。 8 重要内容不要用js输出。 9 尽少使用iframe框架。 10 谨慎使用display:none;(可以使用z-index,或者设置让其显示在浏览器以外) 11 不断精简代码。
    查看全部
    0 采集 收起 来源:代码SEO优化

    2018-03-22

  • 网站结构布局优化: 1、控制首页链接数量,中小型企业100个以内链接 2、扁平化的目录层次,不超过3层目录 3、导航seo优化,主导航 副导航 (导航尽量使用文字 ,title 标签也要标注)加面包屑导航——》让用户知道自己的位置,并且知道网站组织结构。 4、http://img1.sycdn.imooc.com//55c84e2200016b3912800720-120-68.jpg 5、控制页面加载速度
    查看全部
  • 网站布局SEO: ①控制首页链接数量。 ②不超过三层目录。容易爬完网站。同时,对于用户来说,点击三次,还没找到自己想要的,一般都会选择离开。 ③导航SEO优化。导航尽量用文字,让蜘蛛看得懂。另外,一定要有面包屑导航。这能让用户知道自己在什么位置,方便跳转,也让SEO知道网站结构。 ④页面SEO:有相关文章、热门文章,增加网页相关性。分页导航中要,有首页1,2,3,4,5,还有下拉选择跳转,方便小蜘蛛跳转。 ⑤还要控制页面的加载速度。 扁平化结构: 1.控制首页链接数量 2.扁平化的目录层次 3.导航SEO优化 1、页面结构最多3层。 如,植物→树木→杨树、柳树;植物→水果→香蕉、苹果、梨子。 2、导航加title或者alt,页面需要加当前位置(面包屑原理)。 3、内容页布局(如图)。 4、翻页用数字来做,不用上一页下一页,最后用下拉框来选择具体的页数。 5、单个页面不要超过100k。 提倡扁平化结构,一般目录不要超过三层 控制首页链接数量,中小企业要在100个以内,页面导航,底部导航,锚文字 扁平化的目录层次,跳转三次之内,主页,栏目,内容 导航SEO优化 面包屑导航,让用户了解当前所处位置,使用户可以了解网站组织形式 1.LOGO及导航条 2.正文:面包屑导航,正文,热门文章,相关文章 3.版权信息和友情链接 细节:分页处理 首页-上页-下页-尾页 首页12345678910下一页 首页12345678910【下拉选择】 ****
    查看全部
  • 搜索引擎数据库——》搜索结果(排序:根据关键字) 白帽seo:网站标题、关键字、描述 网站内容优化,robot.txt文件,网站地图,增加外链引用 黑帽seo
    查看全部
  • SEO---- Search Engine Optimization(搜索引擎优化) 白帽SEO:这类起到了改良和规范网站设计的作用,使之对网站和用户更加友好,网站能从搜索引擎中获取更多的流量; 黑帽SEO:利用和放大搜索引擎政策缺陷获取更多用户的访问量,这类行为大多是欺骗搜索引擎。 白帽SEO对网站的标题、关键字、描述,网站内容优化,robot.txt文件,网站地图,增加外链引用 前端工程师:网站结构布局优化,网页代码优化
    查看全部
  • 代码优化SEO: 1、title标题、<meta keywords>关键词、<meta description>简介 2、body中语义化代码。h1~h6, ul, ol, li之类的。用好标签。 3、标签详解 ①<a>标签.要写title这样,小蜘蛛能更好读懂。对于外链,要加上"rel=nofollow"属性,让小蜘蛛不要爬,一爬就出去了。 ②h标签。正文标题,一定要用h1.这个小蜘蛛很喜欢。分级的标题,也要用h2~hx ③table标签。子元素加入<caption>表格标题</caption> ④img标签。加入alt,让小蜘蛛读得懂。因为它对图片的读取有限。 ⑤<strong><em>会让SEO看重,<b><i>只是效果。看情况选择。 4、重要内容HTML代码放在最前面。 5、重要内容不要用JS输出 6、尽量少使用iframe框架。 7、谨慎使用display:none; 这个,小蜘蛛会过滤掉。 8、精简页面标签层级数量。
    查看全部
    1 采集 收起 来源:SEO实战分析

    2018-03-22

  • 代码优化SEO: 1、title标题、<meta keywords>关键词、<meta description>简介 2、body中语义化代码。h1~h6, ul, ol, li之类的。用好标签。 3、标签详解 ①<a>标签.要写title这样,小蜘蛛能更好读懂。对于外链,要加上"rel=nofollow"属性,让小蜘蛛不要爬,一爬就出去了。 ②h标签。正文标题,一定要用h1.这个小蜘蛛很喜欢。分级的标题,也要用h2~hx ③table标签。子元素加入<caption>表格标题</caption> ④img标签。加入alt,让小蜘蛛读得懂。因为它对图片的读取有限。 ⑤<strong><em>会让SEO看重,<b><i>只是效果。看情况选择。 4、重要内容HTML代码放在最前面。 5、重要内容不要用JS输出 6、尽量少使用iframe框架。 7、谨慎使用display:none; 这个,小蜘蛛会过滤掉。 8、精简页面标签层级数量。 网页代码优化: 1 <a>标签:title,rel 2 <h1>标签:正文用<h1>,二级标题用<h2>,其他不重要的标题不用h 3 <p>标签与<br>标签:<br>标签只用于文本内容的换行 4 <table>标签:使用<caption> 5 <img>标签:使用alt说明 6 <strong><em>与<b><i>标签:strong><b>加粗,<em><i>斜体,<strong>标签是权重标签的代表,在搜索引擎中能够得到高度重视,能突出关键词,表现重要的内容,<b>标签在浏览器中显示效果和<strong>相同,但在SEO中不会起到很好的效果,所以不推荐使用。<em>标签表现为斜体,意为强调主体内容,吸引用户关注,在权重标签中的重要度仅次于<strong>标签,若仅仅为了表现出加粗、斜体的效果,建议使用<b><i>标签,如果使用<strong><em>,会影响到SEO的效果;如果是为了强调文字内容,则建议使用<strong><em>标签。 7 重要内容HTML代码放在最前面。 8 重要内容不要用js输出。 9 尽少使用iframe框架。 10 谨慎使用display:none;(可以使用z-index,或者设置让其显示在浏览器以外) 11 不断精简代码。
    查看全部
    0 采集 收起 来源:代码SEO优化

    2018-03-22

  • 网站布局SEO: ①控制首页链接数量。 ②不超过三层目录。容易爬完网站。同时,对于用户来说,点击三次,还没找到自己想要的,一般都会选择离开。 ③导航SEO优化。导航尽量用文字,让蜘蛛看得懂。另外,一定要有面包屑导航。这能让用户知道自己在什么位置,方便跳转,也让SEO知道网站结构。 ④页面SEO:有相关文章、热门文章,增加网页相关性。分页导航中要,有首页1,2,3,4,5,还有下拉选择跳转,方便小蜘蛛跳转。 ⑤还要控制页面的加载速度。 扁平化结构: 1.控制首页链接数量 2.扁平化的目录层次 3.导航SEO优化 1、页面结构最多3层。 如,植物→树木→杨树、柳树;植物→水果→香蕉、苹果、梨子。 2、导航加title或者alt,页面需要加当前位置(面包屑原理)。 3、内容页布局(如图)。 4、翻页用数字来做,不用上一页下一页,最后用下拉框来选择具体的页数。 5、单个页面不要超过100k。 提倡扁平化结构,一般目录不要超过三层 控制首页链接数量,中小企业要在100个以内,页面导航,底部导航,锚文字 扁平化的目录层次,跳转三次之内,主页,栏目,内容 导航SEO优化 面包屑导航,让用户了解当前所处位置,使用户可以了解网站组织形式 1.LOGO及导航条 2.正文:面包屑导航,正文,热门文章,相关文章 3.版权信息和友情链接 细节:分页处理 首页-上页-下页-尾页 首页12345678910下一页 首页12345678910【下拉选择】 ****
    查看全部
  • SEO---- Search Engine Optimization(搜索引擎优化) 白帽SEO:这类起到了改良和规范网站设计的作用,使之对网站和用户更加友好,网站能从搜索引擎中获取更多的流量; 黑帽SEO:利用和放大搜索引擎政策缺陷获取更多用户的访问量,这类行为大多是欺骗搜索引擎。 白帽SEO对网站的标题、关键字、描述,网站内容优化,robot.txt文件,网站地图,增加外链引用 前端工程师:网站结构布局优化,网页代码优化
    查看全部
  • 代码优化SEO: 1、title标题、<meta keywords>关键词、<meta description>简介 2、body中语义化代码。h1~h6, ul, ol, li之类的。用好标签。 3、标签详解 ①<a>标签.要写title这样,小蜘蛛能更好读懂。对于外链,要加上"rel=nofollow"属性,让小蜘蛛不要爬,一爬就出去了。 ②h标签。正文标题,一定要用h1.这个小蜘蛛很喜欢。分级的标题,也要用h2~hx ③table标签。子元素加入<caption>表格标题</caption> ④img标签。加入alt,让小蜘蛛读得懂。因为它对图片的读取有限。 ⑤<strong><em>会让SEO看重,<b><i>只是效果。看情况选择。 4、重要内容HTML代码放在最前面。 5、重要内容不要用JS输出 6、尽量少使用iframe框架。 7、谨慎使用display:none; 这个,小蜘蛛会过滤掉。 8、精简页面标签层级数量。
    查看全部
    0 采集 收起 来源:SEO实战分析

    2018-03-22

  • 代码优化SEO: 1、title标题、<meta keywords>关键词、<meta description>简介 2、body中语义化代码。h1~h6, ul, ol, li之类的。用好标签。 3、标签详解 ①<a>标签.要写title这样,小蜘蛛能更好读懂。对于外链,要加上"rel=nofollow"属性,让小蜘蛛不要爬,一爬就出去了。 ②h标签。正文标题,一定要用h1.这个小蜘蛛很喜欢。分级的标题,也要用h2~hx ③table标签。子元素加入<caption>表格标题</caption> ④img标签。加入alt,让小蜘蛛读得懂。因为它对图片的读取有限。 ⑤<strong><em>会让SEO看重,<b><i>只是效果。看情况选择。 4、重要内容HTML代码放在最前面。 5、重要内容不要用JS输出 6、尽量少使用iframe框架。 7、谨慎使用display:none; 这个,小蜘蛛会过滤掉。 8、精简页面标签层级数量。 网页代码优化: 1 <a>标签:title,rel 2 <h1>标签:正文用<h1>,二级标题用<h2>,其他不重要的标题不用h 3 <p>标签与<br>标签:<br>标签只用于文本内容的换行 4 <table>标签:使用<caption> 5 <img>标签:使用alt说明 6 <strong><em>与<b><i>标签:strong><b>加粗,<em><i>斜体,<strong>标签是权重标签的代表,在搜索引擎中能够得到高度重视,能突出关键词,表现重要的内容,<b>标签在浏览器中显示效果和<strong>相同,但在SEO中不会起到很好的效果,所以不推荐使用。<em>标签表现为斜体,意为强调主体内容,吸引用户关注,在权重标签中的重要度仅次于<strong>标签,若仅仅为了表现出加粗、斜体的效果,建议使用<b><i>标签,如果使用<strong><em>,会影响到SEO的效果;如果是为了强调文字内容,则建议使用<strong><em>标签。 7 重要内容HTML代码放在最前面。 8 重要内容不要用js输出。 9 尽少使用iframe框架。 10 谨慎使用display:none;(可以使用z-index,或者设置让其显示在浏览器以外) 11 不断精简代码。
    查看全部
    0 采集 收起 来源:代码SEO优化

    2018-03-22

  • SEO---- Search Engine Optimization(搜索引擎优化) 白帽SEO:这类起到了改良和规范网站设计的作用,使之对网站和用户更加友好,网站能从搜索引擎中获取更多的流量; 黑帽SEO:利用和放大搜索引擎政策缺陷获取更多用户的访问量,这类行为大多是欺骗搜索引擎。
    查看全部

举报

0/150
提交
取消
课程须知
学习本课程之前,您需要掌握HTML基本知识,对网站建设有所了解。如果您之前懂得一点SEO但没有系统地学习过,就来听这个课程吧!
老师告诉你能学到什么?
你能通过学习本课程了解到符合搜索引擎要求的SEO基础知识,我们将从网页结构设计方面和代码编写方面学习SEO方法。也许你打开一个网站,从未想过为什么导航在这里,标题这么大?本课程将让你面对茫茫互联网的万千网页,一眼看出个中的SEO奥秘。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!