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

SEO在网页制作中的应用

格格 Web前端工程师
难度初级
时长39分
学习人数
综合评分9.63
423人评价 查看评价
9.7 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 网页代码优化(语义化代码) 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 代替) 11、精简代码
    查看全部
    4 采集 收起 来源:代码SEO优化

    2018-03-22

  • 结构布局优化:用扁平化结构(层次结构超过三层小蜘蛛就不愿意爬了) 控制首页链接数量(中小网站100以内,页面导航、底部导航、锚文字链接等) 扁平化的目录层次(小蜘蛛跳转3次可以到达网站内任何一个内页,网站的设计主页、栏目、内容页,不要用纵线性的结构) 导航seo优化(头部、底部、内容部分,主导航、副导航、分类导航,尽量用文字,面包屑导航,在每个网站上留下面包屑,使用户可以了解网站组织形式,放于正文的左上方) 内容页面的布局细节 左面正文,右面热门文章、相关文章,下面是版权信息及链接,栏目排布:首页123456789下拉选择最赞) 网站的加载速度会影响小蜘蛛的爬行,页面最好不要超过100k
    查看全部
  • 注意提到的几条,对于暂时不想显示的内容尽量少使用display:none,尽量用z-index或者布局到页面外
    查看全部
    0 采集 收起 来源:代码SEO优化

    2016-07-26

  • img标签加说明
    查看全部
    0 采集 收起 来源:代码SEO优化

    2016-07-26

  • 标签尽量语义化(什么内容就用什么标签)
    查看全部
    0 采集 收起 来源:代码SEO优化

    2016-07-26

  • table的正确写法
    查看全部
    0 采集 收起 来源:代码SEO优化

    2016-07-26

  • span标签中尽量不要用<br>换行,调整margin进行换行
    查看全部
    0 采集 收起 来源:代码SEO优化

    2018-03-22

  • 标题用h1增加爬取权重
    查看全部
    0 采集 收起 来源:代码SEO优化

    2016-07-26

  • a标签中加上 rel="no follow"进行优化,表示不怕取这个外链
    查看全部
    0 采集 收起 来源:代码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 代替) 11、精简代码
    查看全部
    0 采集 收起 来源:代码SEO优化

    2018-03-22

  • 结构布局优化:用扁平化结构(层次结构超过三层小蜘蛛就不愿意爬了) 控制首页链接数量(中小网站100以内,页面导航、底部导航、锚文字链接等) 扁平化的目录层次(小蜘蛛跳转3次可以到达网站内任何一个内页,网站的设计主页、栏目、内容页,不要用纵线性的结构) 导航seo优化(头部、底部、内容部分,主导航、副导航、分类导航,尽量用文字,面包屑导航,在每个网站上留下面包屑,使用户可以了解网站组织形式,放于正文的左上方) 内容页面的布局细节 左面正文,右面热门文章、相关文章,下面是版权信息及链接,栏目排布:首页123456789下拉选择最赞) 网站的加载速度会影响小蜘蛛的爬行,页面最好不要超过100k
    查看全部
  • 内容页分页用下拉框
    查看全部
  • nofollow的使用 nofollow有两种用法: 1.用于meta元标签:<meta name="robots" content="nofollow" />,告诉爬虫该页面上所有链接都无需追踪。 2.用于a标签:<a href="login.aspx" rel="nofollow">登录</a>,告诉爬虫该页面无需追踪。
    查看全部
    0 采集 收起 来源:SEO实战分析

    2018-03-22

  • <br>标签的正确用法是在文本中间,其它地方可以使用<p><br></p> 引入外部网站时可以在a标签中加入rel="nofollow",避免小蜘蛛爬走
    查看全部
    0 采集 收起 来源:SEO实战分析

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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