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

SEO在网页制作中的应用

格格 Web前端工程师
难度初级
时长39分
学习人数
综合评分9.63
423人评价 查看评价
9.7 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 创建table时,用caption表示标题。
    查看全部
    0 采集 收起 来源:代码SEO优化

    2015-01-19

  • 语义化代码
    查看全部
    0 采集 收起 来源:代码SEO优化

    2015-01-19

  • 首页链接<=100
    查看全部
  • 慕课网SEO样例
    查看全部
    0 采集 收起 来源:代码SEO优化

    2015-01-16

  • 网站结构优化: ——扁平化结构(目录层次越少越容易被搜索,因为层次结构超过三层小蜘蛛就不愿意爬了 1、控制首页链接数量,中小型网站首页链接控制100个以内 2、扁平化的目录层次:顶多跳三层进入内容页 3、导航SEO优化:导航尽量用文字,如果为了用户体验或整体风格而用图片,则图片代码一定要优化,必要的title、alt要添加;面包屑导航:用户体验,让用户知道当前所处位置以及当前页面在整个网站中的位置,了解网站的组织形式,也可方便用户随时进行跳转 4、细节:1)见图片,右边的相关文章的好处——1.留住访客 2.对于SEO,这些文章对于正文来说属于相关链接,增强了页面相关性,也会增强页面的权重;2)分页:1.首页-上页-下页-尾页,小蜘蛛要抓取到第九页,需要9次下一页才能抓到;2.首页 1 2 3 4 5 6 下一页;3.首页 1 2 3 4 5 6 下拉选择,小蜘蛛最喜欢第3种(因为可以直接进入每一页);3)网页加载速度,过慢小蜘蛛不会等待,一个页面最好不要超过100k
    查看全部
  • <title>标题 <meta keywords>关键词,针对每个页面的关键词 <meta description>针对每个页面的描述 语义化代码,html代码有一定的语义。 H1~H6用于标题 ul无序列表 ol有序列表 dl定义列表 em strong用于强调 div和span是html中最没有语义的标签。比如导航可以用ul和li,然后用css调整显示效果。 <a> : title, rel=no-follow, 主标题用h1, 副标题用h2,正文用<p>,<br>只用于文本换行。 在table用,用caption定义表格标题 <img>: alt说明 重要内容的html代码放在最前 重要内容不要用js输出 少用iframe 少用display:none,可以用z-index或者将其显示在内容之外 精简代码。能使用一个标签,就不用使用两个标签。
    查看全部
    0 采集 收起 来源:代码SEO优化

    2018-03-22

  • 一、结构: 1. 扁平化,减少层级。最多三层。 2. 控制首页链接数量。不宜太多,也不宜太少。 3. 导航SEO优化。 4. 面包屑导航,使得搜索引擎能够了解网站结构,增加了内部链接,方便抓取。 5. 分页显示要有:上页、下页、分页数目,最好有下拉选择。
    查看全部
  • SEO,重要的内容往前放,正文图片要加上title,不然小蜘蛛不知道这个图片了。 p 标签包含 br 标签 , a标签尽量加上 title 标签。
    查看全部
    1 采集 收起 来源:SEO实战分析

    2015-03-30

  • 1.<p><br/></p>很赞的写法 <br/>写在p内部 2.外链 要加上 rel=“nofollow” 避免搜索引擎爬网爬跑掉其他网页去了 3.<a>标签加title描述 4.<img>标签加alt描述
    查看全部
    2 采集 收起 来源:SEO实战分析

    2018-03-22

  • <title>标题; <meta keywords>关键词; <meta description>网页描述; 网站代码优化: <img>标签应使用alt说明; <strong><em>与<b><i>标签; 重要内容HTML代码放在最前面; 重要内容不要用JS输出; 尽少使用iframe框架; 谨慎使用display:none; 不断精简代码;
    查看全部
    2 采集 收起 来源:代码SEO优化

    2018-03-22

  • 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 这类的标签描述导航 6.细节 <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.不断精简代码
    查看全部
    0 采集 收起 来源:代码SEO优化

    2018-03-22

  • http://img1.sycdn.imooc.com//54b4961e000108fe12000530-120-68.jpg 网站优化:布局优化、代码优化. 布局优化:控制首页链接数量、扁平化的目录层次、导航SEO优化 面包屑导航:让用户了解当前所处位置、使用户可以了解网站组织形式 不可忽略的细节:LOGO及导航条 面包屑导航:网站名称》栏目名称 正文标题 热门文章 正文 相关文章 版权信息及链接
    查看全部
  • 搜索引擎工作原理 白帽SEO 网站标题、关键字、描述 网站内容优化 Robot.txt文件 网站地图 增加外连接引用
    查看全部
  • 这是什么情况?
    查看全部
  • 代码优化: <title>标题 <meta name="Keywords" content="关键字,关键词"> <meta name="Description" content="对关键字的扩展性描述,网页描述,高度概括网页"> 原则:语义化代码 <a>加上title,对于外链,加上rel=nofollow,告诉搜索引擎该页面无需跟踪 <h1>正文标题 <br>只用于文本内容换行 <table><caption>表格标题</caption></table> <img alt="图片注释说明"> <strong><em>SEO能识别 <b><i>SEO不识别 小贴士: robots读取内容从上到下,所以: 1)重要内容HTML代码放在最前面 2)重要内容不用js输出 3)尽量少使用iframe框架 4)谨慎使用display:none 5)精简代码
    查看全部
    0 采集 收起 来源:代码SEO优化

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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