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

SEO在网页制作中的应用

格格 Web前端工程师
难度初级
时长39分
学习人数
综合评分9.63
423人评价 查看评价
9.7 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 白帽SEO 网站标题、关键字、描述 网站内容优化 Robot.txt文件 网站地图 增加外链引用 网站结构布局优化 扁平化结构 1、控制首页链接数量(中小型企业控制在100个以内,链接的性质包括页面导航、底部导航、盲文字链接) 2、扁平化的目录层次(三层) 3、导航SEO优化(主导航、副导航、分类导航、面包屑导航、细节) 4、页面大小、加载速度 网页代码优化 1.语义化代码 <div><span>(无语义)\ <h1>~<h6>(标题)\(正文标题用h1,副标题用h2) <ul>(无序列表)\ <ol>(有序列表)\ <dl>(定义数据列表)\ <strong><em>(强调内容)| <b><i>(体现外观效果) <p>段落 <a>标签加title 指向外连接要加rel="nofollow" <br>用在文本内容的换行(<p><br/></p>) /* <table border="1" cellspacing="0" cellpadding="0" width="100%"> <caption>表格标题</caption> <thead> <tr> <th>header</th> </tr> </thead> <tbody> <tr> <td>data</td> </tr> </tbody> </table> */ <img>标签 alt 2.重要内容HTML代码放在最前面 3.重要内容不要用js输出(小蜘蛛看不懂) 4.尽量少用iframe框架(小蜘蛛不喜欢爬) 5.对不显示的文字谨慎使用display:none;(小蜘蛛会过滤)可以用text-indent="-999em;"或者z-index 6.精简代码
    查看全部
    0 采集 收起 来源:SEO实战分析

    2018-03-22

  • 网站扁平化结构: 1.控制首页链接数量。(中小型网站建议一百个左右) 2.扁平化的目录层次。(尽量三次就能到达目的地) 3.导航SEO优化。(主导航、副导航、分类导航(导航尽量用文字表示)) -面包式导航: 优势:用户体验-》可以了解当前所在位置,以及页面在当前网站的位置,能帮助用户快速学习和了解网站内容组织方式。 网站结构布局优化 避免使用table布局——1)不利于后期维护 2)不利于SEO(小蜘蛛不喜欢table布局) ——扁平化结构(目录层次越少越容易被搜索,因为层次结构超过三层小蜘蛛就不愿意爬了) 1.控制首页链接数量(中小网站100以内,页面导航、底部导航、锚文字链接等有实质性的链接) 2.扁平化的目录层次(顶多跳转三次进入内容页) 3.导航seo优化(导航尽量用文字,如果为了用户体验或整体风格而用图片,则图片代码一定要优化,必要的title、alt要添加;面包屑导航:用户体验,让用户知道当前所处位置以及当前页面在整个网站中的位置,了解网站的组织形式) 4.细节: 1)见图片1.留住访客2.对于SEO,这些文章对于正文来说属于相关链接,增强了页面相关性,也会增强页面的权重; 2)在栏目内有很多记录时,会按20/50个每页来分页 分页: 1.首页-上页-下页-尾页(不易收入); 2.首页 1 2 3 4 5 6 下一页(更有利于小蜘蛛抓取内页,如果抓取第101页,直接进入第10页进行抓取); 3.首页 1 2 3 4 5 6 下拉选择,小蜘蛛最喜欢第3种(可以直接进入每一页); 3)网页加载速度,过慢小蜘蛛不会等待,一个页面最好不要超过100k
    查看全部
  • SEO 搜索引擎优化 Search Engine Optimization 白帽SEO -网站标题、关键字、描述(精心设计,反映网站定位) -网站内容(增加关键字密度,增加长尾关键字...) -合理设置Robot.txt文件 -网站地图 -增加外链引用 前端工程师能干啥? -网站结构布局优化 -网页代码优化
    查看全部
  • 2.网页代码优化 2.1<title> 标题 强调重点即可,重要的关键词放在前面,不要重复出现,每个页面的title不要相同 2.2<meta keywords>关键词 列举几个关键词即可,不要过分堆积 2.3<meta description>网页描述 要高度概括网页的内容,不要过长,也不要过分堆积关键词,每个页面的description要不同 2.4语义化代码(html标签都有自己的意义,在适当的位置用适当的标签) 包括 1).H1—H6标签多用于标题 2).UL标签多用于无序列表 3).OL标签多用于有序列表 4).DL标签用于定义数据列表 5).em、strong表示强调 div、span是html标签中最没有语义的(导航栏的代码比较,见课件,尽量用css表现样式,避免用html标签来表现样式) 尽量用ul li 这类的标签描述导航 2.5 细节 标签详解 ①超链接<a>标签.要写title这样,小蜘蛛能更好读懂。对于外链,要加上"rel=nofollow"属性,让小蜘蛛不要爬,一爬出去就不回来了。 ②h标签:正文标题,一定要用<h1>.副标题用 <h2>,这个小蜘蛛很喜欢 <br>标签只用于文本内容换行。 ③table标签。子元素要习惯加入<caption>表格标题</caption> ④img标签。加入alt,alt起到对图片的注释作用,让小蜘蛛读得懂。因为它对图片的读取有限。 <a>标签 <h1> 标签正文标题 推荐用 注意<br >只用于文本格式的换行 用<caption>第一表格标题 1.<img> 标签应使用alt说明 2.<strong><em>与 <b><i> strong权重最大 b、i 权重小 em群众仅次于strong 3.重要内容HTML代码放在最前面 4.重要内容不要用JS输出 5.尽量不要使用iframe框架 6.谨慎使用display:none;(小蜘蛛会过滤掉的) ( 使用Z-Index使暂时不显示的代码隐藏,或者设置为浏览器显示范围外) 7.不断精简代码
    查看全部
    3 采集 收起 来源:代码SEO优化

    2018-03-22

  • 网站扁平化结构: 1.控制首页链接数量。(中小型网站建议一百个左右) 2.扁平化的目录层次。(尽量三次就能到达目的地) 3.导航SEO优化。(主导航、副导航、分类导航(导航尽量用文字表示)) -面包式导航: 优势:用户体验-》可以了解当前所在位置,以及页面在当前网站的位置,能帮助用户快速学习和了解网站内容组织方式。 网站结构布局优化 避免使用table布局——1)不利于后期维护 2)不利于SEO(小蜘蛛不喜欢table布局) ——扁平化结构(目录层次越少越容易被搜索,因为层次结构超过三层小蜘蛛就不愿意爬了) 1.控制首页链接数量(中小网站100以内,页面导航、底部导航、锚文字链接等有实质性的链接) 2.扁平化的目录层次(顶多跳转三次进入内容页) 3.导航seo优化(导航尽量用文字,如果为了用户体验或整体风格而用图片,则图片代码一定要优化,必要的title、alt要添加;面包屑导航:用户体验,让用户知道当前所处位置以及当前页面在整个网站中的位置,了解网站的组织形式) 4.细节: 1)见图片1.留住访客2.对于SEO,这些文章对于正文来说属于相关链接,增强了页面相关性,也会增强页面的权重; 2)在栏目内有很多记录时,会按20/50个每页来分页 分页: 1.首页-上页-下页-尾页(不易收入); 2.首页 1 2 3 4 5 6 下一页(更有利于小蜘蛛抓取内页,如果抓取第101页,直接进入第10页进行抓取); 3.首页 1 2 3 4 5 6 下拉选择,小蜘蛛最喜欢第3种(可以直接进入每一页); 3)网页加载速度,过慢小蜘蛛不会等待,一个页面最好不要超过100k
    查看全部
  • SEO 搜索引擎优化 Search Engine Optimization 白帽SEO -网站标题、关键字、描述(精心设计,反映网站定位) -网站内容(增加关键字密度,增加长尾关键字...) -合理设置Robot.txt文件 -网站地图 -增加外链引用 前端工程师能干啥? -网站结构布局优化 -网页代码优化 注释 01.长尾 http://faq.seowhy.com/2_76_zh.html http://bbs.28tui.com/thread-8287316-1-1.html 02.Robot.txt http://baike.baidu.com/view/933207.htm?fr=aladdin http://baike.baidu.com/view/9274458.htm?fromtitle=robots.txt&fr=aladdin
    查看全部
  • 网站扁平化结构: 1.控制首页链接数量。(中小型网站建议一百个左右) 2.扁平化的目录层次。(尽量三次就能到达目的地) 3.导航SEO优化。(主导航、副导航、分类导航(导航尽量用文字表示)) -面包式导航: 优势:用户体验-》可以了解当前所在位置,以及页面在当前网站的位置,能帮助用户快速学习和了解网站内容组织方式。 网站结构布局优化 避免使用table布局——1)不利于后期维护 2)不利于SEO(小蜘蛛不喜欢table布局) ——扁平化结构(目录层次越少越容易被搜索,因为层次结构超过三层小蜘蛛就不愿意爬了) 1.控制首页链接数量(中小网站100以内,页面导航、底部导航、锚文字链接等有实质性的链接) 2.扁平化的目录层次(顶多跳转三次进入内容页) 3.导航seo优化(导航尽量用文字,如果为了用户体验或整体风格而用图片,则图片代码一定要优化,必要的title、alt要添加;面包屑导航:用户体验,让用户知道当前所处位置以及当前页面在整个网站中的位置,了解网站的组织形式) 4.细节: 1)见图片1.留住访客2.对于SEO,这些文章对于正文来说属于相关链接,增强了页面相关性,也会增强页面的权重; 分页: 1.首页-上页-下页-尾页(不易收入); 2.首页 1 2 3 4 5 6 下一页(更有利于小蜘蛛抓取内页,如果抓取第101页,直接进入第10页进行抓取); 3.首页 1 2 3 4 5 6 下拉选择,小蜘蛛最喜欢第3种(可以直接进入每一页); 3)网页加载速度,过慢小蜘蛛不会等待,一个页面最好不要超过100k
    查看全部
  • 1.标签语义化
    查看全部
    0 采集 收起 来源:代码SEO优化

    2016-03-18

  • SEO=Search Engine Optimization搜索引擎优化 白帽SEO: 网站标题、关键字、描述 网站内容优化 Robot.txt文件 网站地图 增加外链引用 前端工程师:网站结构布局优化、网页代码优化 二、前端工程师与SEO 网站结构布局优化: 扁平化结构: 控制首页链接数量:中小型企业100个以内,页面导航、底部导航、锚文字链接等 扁平化的目录层次:尽量让小蜘蛛跳转三次即可到达网站任何一个内页 导航SEO优化:面包屑导航(让用户了解当前所处位置,使用户了解网站组织形式) 不可忽略的细节:网络布局结构 不可忽略的细节:分页 首页-上页-下页-尾页 首页 1 2 3 4 5 6 7 8 9 10 下一页 首页1 2 3 4 5 6 7 8 9 10 下拉选择 其他: 控制网页加载速度 一个网页大小不超过100k 网页代码优化: <title>标题:强调重点,关键词放在前面,各个网页标题不要重复 <meta keywords>关键词 <meta description>w网页描述 <body>:语义化标签->h1~h6多用于标题 ul标签用于无序列表 ol标签用于有序列表 dl标签用于定义数据列表 em、strong表示强调 <a>标签:加title,指向其他网站的链接加rel="nofollow" <h1>标签:正文标题用h1,副标题用h2,其他地方不要乱用h,可以css自定义标签样式 <p>标签与<br>标签:正文内容用p标签,p标签内可用br标签换行 <table>标签:加<caption>定义表格标题 <img>标签:应使用alt说明 <strong><em>与<b><i>标签:前两者搜索权重高,后两者只改变样式,不影响搜索 重要内容HTML代码放在最前面 重要内容不要用JS输出 尽量少用iframe框架 谨慎使用display:none;如果要隐藏文字,应使用z-index属性,或将其设置到浏览器外 不断精简代码
    查看全部
    0 采集 收起 来源:代码SEO优化

    2018-03-22

  • 网站扁平化结构:<br> 1.控制首页链接数量。(中小型网站建议一百个左右)<br> 2.扁平化的目录层次。(尽量三次就能到达目的地)<br> 3.导航SEO优化。(主导航、副导航、分类导航(导航尽量用文字表示))<br> -面包式导航:<br> 优势:用户体验-》可以了解当前所在位置,以及页面在当前网站的位置,能帮助用户快速学习和了解网站内容组织方式。<br> 网站结构布局优化<br> 避免使用table布局——1)不利于后期维护 2)不利于SEO(小蜘蛛不喜欢table布局)<br> ——扁平化结构(目录层次越少越容易被搜索,因为层次结构超过三层小蜘蛛就不愿意爬了)<br> 1.控制首页链接数量(中小网站100以内,页面导航、底部导航、锚文字链接等有实质性的链接)<br> 2.扁平化的目录层次(顶多跳转三次进入内容页)<br> 3.导航seo优化(导航尽量用文字,如果为了用户体验或整体风格而用图片,则图片代码一定要优化,必要的title、alt要添加;面包屑导航:用户体验,让用户知道当前所处位置以及当前页面在整个网站中的位置,了解网站的组织形式)<br> 4.细节:<br> 1)见图片1.留住访客2.对于SEO,这些文章对于正文来说属于相关链接,增强了页面相关性,也会增强页面的权重;<br> <br> 分页:<br> 1.首页-上页-下页-尾页(不易收入);<br> 2.首页 1 2 3 4 5 6 下一页(更有利于小蜘蛛抓取内页,如果抓取第101页,直接进入第10页进行抓取);<br> 3.首页 1 2 3 4 5 6 下拉选择,小蜘蛛最喜欢第3种(可以直接进入每一页);<br> <br> 3)网页加载速度,过慢小蜘蛛不会等待,一个页面最好不要超过100k
    查看全部
  • 首页不要太大,扁平化目录,面包屑导航,增多站内链接,减少跳出率,细节的处理,比如分页要 首页上页 下页 最后一页 没有首页2345678910下一页
    查看全部
    0 采集 收起 来源:代码SEO优化

    2016-03-15

  • 1.<p><br/></p>很赞的写法 <br/>写在p内部 2.外链 要加上 rel=“nofollow” 避免搜索引擎爬网爬跑掉其他网页去了 3.<a>标签加title描述 4.<img>标签加alt描述 5.标签中的内容就是内容,不要加的代码,&nbsp尽量设置padding/margin/缩进来实现效果 外站链接应在a标签内写 rel="nofollow"
    查看全部
    0 采集 收起 来源:SEO实战分析

    2018-03-22

  • 表现文本 <strong> <em> 标签 表现斜体加粗 用 <b> <i>标签
    查看全部
    0 采集 收起 来源:代码SEO优化

    2018-03-22

  • 外部链接 <a>标签内 添加 rel="nofollow" ,不让蜘蛛爬取,防止一去不回。
    查看全部
    0 采集 收起 来源:SEO实战分析

    2018-03-22

  • <a> 标签内要加 title说明,有利于优化。
    查看全部
    0 采集 收起 来源:SEO实战分析

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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