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

SEO在网页制作中的应用

格格 Web前端工程师
难度初级
时长39分
学习人数
综合评分9.63
423人评价 查看评价
9.7 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 利于seo的布局
    查看全部
  • 多用面包屑导航
    查看全部
  • 3层网络结构 点击三次链接都没找到想找到的内容会减少用户体验。
    查看全部
  • 白帽seo的概念
    查看全部
  • <a>标签要尽量加上title属性,有利于SEO
    查看全部
    0 采集 收起 来源:SEO实战分析

    2018-03-22

  • 谨慎使用display:none,暂时不想显示的内容可以放到浏览器显示区域外或者用z-index让它不显示
    查看全部
    0 采集 收起 来源:代码SEO优化

    2016-11-13

  • 把重要的html内容放在最前面,再利用float来排位置
    查看全部
    0 采集 收起 来源:代码SEO优化

    2016-11-13

  • <strong>标签突出关键词,SEO效果较好
    查看全部
    0 采集 收起 来源:代码SEO优化

    2018-03-22

  • 正文标题用h1,搜索小蜘蛛认为h1是最重要的,副标题用h2,其他h标签不要滥用
    查看全部
    0 采集 收起 来源:代码SEO优化

    2016-11-13

  • 面包屑导航的优点: SEO:让搜索引擎的爬取程序清楚了解网站结构,增加内部链接,降低跳出率
    查看全部
  • 面板屑导航的优点: 用户体验:让用户了解当前所处位置和网站组织形式
    查看全部
  • 网站结构布局优化 * 扁平化的目录结构 * 页面上方面包屑导航 * 分页更细致
    查看全部
  • 白帽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.精简代码
    查看全部
    1 采集 收起 来源:SEO实战分析

    2018-03-22

  • 网页代码优化(语义化代码) A、title标题:强调重点 B、meta keywords关键词:列举几个关键词 C、meta description网页描述:高度概括网页的内容 以上信息不要堆积、重复 语义话代码(HTML 标签有自己的意义,在适当的位置用适当的标签) 1、h1~h6 多用于标题 2、ul 多用于无序列表 3、ol 多用于有序列表 4、dl 用于定义数据列表 5、em、strong 表示强调 div、span 是 html 标签中最没有语义的 有利搜索引擎 1、a:访问外部链接时要加上 rel="nofollow",告诉搜索引擎外部链接无需追踪,加上 title 说明 2、h1:搜索引擎外认为 h1 最重要,使用 css 调整,网页正文标题用 h1,副标题用 h2,其他不要乱用 h 标签 3、br 用于文本间的换行,用在 p 内,也可以用 <p><br/></p> 表示空行 4、caption:表格标题 5、img:使用 title、alt 说明 6、<strong><em>表示强调,<em>的权重仅次于<strong>,如果只想表示加粗斜体,建议使用<b><i>,表示强调则使用<strong><i> 7、重要内容 HTML 代码放在最前面(使用 css 改变布局) 8、重要内容不要用 JS 输出(搜索引擎看不懂 JS) 9、尽量少使用 iframe 框架(搜索引擎不喜欢) 10、谨慎使用 display:none(搜索引擎会过滤掉其内容,设置 z-index或text-index:"-999em"; 代替) 11、精简代码
    查看全部
    0 采集 收起 来源:代码SEO优化

    2018-03-22

  • 网站结构布局优化 避免使用table布局——1)不利于后期维护 2)不利于SEO(小蜘蛛不喜欢table布局) ——扁平化结构(目录层次越少越容易被搜索,因为层次结构超过三层小蜘蛛就不愿意爬了) 1.控制首页链接数量(中小网站100以内,页面导航、底部导航、锚文字链接等有实质性的链接) 2.扁平化的目录层次(顶多跳转三次进入内容页) 3.导航seo优化(导航尽量用文字,如果为了用户体验或整体风格而用图片,则图片代码一定要优化,必要的title、alt要添加;面包屑导航:用户体验,让用户知道当前所处位置以及当前页面在整个网站中的位置,了解网站的组织形式) 4.细节:1)见图片,右边的相关文章——1.留住访客2.对于SEO,这些文章对于正文来说属于相关链接,增强了页面相关性,也会增强页面的权重;2)分页:1.首页-上页-下页-尾页;2.首页 1 2 3 4 5 6 下一页;3.首页 1 2 3 4 5 6 下拉选择,小蜘蛛最喜欢第3种(可以直接进入每一页);3)网页加载速度,过慢小蜘蛛不会等待,一个页面最好不要超过100k
    查看全部

举报

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

微信扫码,参与3人拼团

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

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