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

SEO在网页制作中的应用

格格 Web前端工程师
难度初级
时长39分
学习人数
综合评分9.63
423人评价 查看评价
9.7 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 网站结构布局优化 避免使用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
    查看全部
  • SEO(Search Engine Optimization)搜索引擎优化 1、搜索引擎工作原理 2、分为白帽SEO和黑猫SEO (1)白帽SEO:其改良和规范网站设计的作用,是网站获取合理的流量;乱加关键字,乱加外链; (2)黒帽SEO:这类行为利用搜索引擎政策缺陷来获取更多用户的访问量,属于欺骗搜索引擎的 3、如何做白帽SEO: (1)对网站标题,关键字,描述精心设计,反映网站定位,让搜索引擎知道网站是做什么的; (2)网站内容优化;(增加关键字密度,增加长尾关键字...) (3)合理设置Robot.txt文件 (4)网站地图; (5)增加外链; (6)网站结构优化;(前端攻城狮的分内事!) (7)页面代码优化。(前端攻城狮的职责所在!)
    查看全部
  • 小贴士: 1、重要内容的HTML代码放在最前面:搜索引擎从上而下、从左往右抓取HTML,可以使用float改变栏目展现位置。 2、重要内容不要用JS输出:搜索引擎看不懂JS。 3、尽量少使用iframe框架:搜索引擎讨厌iframe,一般不读取iframe中内容。 4、谨慎使用display:none:搜索引擎会过滤其中内容;如果需要隐藏又想被抓取,可以给元素设置z-index、text-indent或margin为极大负值。 5、精简代码:能用一个标签解决的事,就不要用两个标签。
    查看全部
    0 采集 收起 来源:代码SEO优化

    2017-09-06

  • 注意标签语义化: 1、<a>标签:加上title属性;指向其他网站时,加上rel="nofollow"属性表示不要跟踪链接(因为搜索引擎跳到其他网站就不一定返回了)。 2、<img>标签:加上alt属性。 3、<h1>标签:标题最好用h1,因为搜索引擎认为h1标签的内容最重要;可以用CSS样式修饰;副标题用h2。 4、<br>标签:只用于文本内容的换行,不用于元素的换行。 5、<table>标签:用<caption>标签写上表格标题。 6、<strong>、<em>、<b>、<i>标签:<strong>在搜索引擎中能得到高度重视,能突出关键词;<em>强调主体内容,吸引用户关注,权重仅次于<strong>;<b>和<i>仅加粗/斜体,属于没有其他选择的最后选择;现在也有用<i>表示图标的。
    查看全部
    1 采集 收起 来源:代码SEO优化

    2018-03-22

  • 1、<title>标题:强调重点,每个页面不要相同。 2、<meta keywords>关键词:几个足以,不要太多。 3、<meta description>网页描述:高度概括网页内容,不要太长,每个页面不要相同。
    查看全部
    1 采集 收起 来源:代码SEO优化

    2018-03-22

  • 内容页细节优化: 1、布局:典型的内容页包括logo和导航条、正文、侧栏以及底部版权。 2、侧栏一般放相关文章、链接等,可以留住访客。,对于SEO来说增强了页面相关性和权重。 3、分页:“首页 - 1~N - 下拉选择”优于“首页 - 1~N - 下一页”优于“首页 - 上页 - 下页 - 尾页”。 网页加载速度优化:页面大小最好不超过100k。
    查看全部
  • 整体设计的优化: 1、控制首页链接数量:建议中小网站的链接控制在100个以内,链接性质包括页面导航、底部导航、锚文字链接等,链接要注意良好体验和引导用户。 2、扁平化的目录层次:尽量跳转三次就能到达网站内任何一个内页,比如网站的设计可以是主页、栏目、内容页,不要纵深结构。 3、导航SEO优化:导航一般分为主导航、副导航、分类导航;应尽量采用文字(如果一定要用图片就一定要优化代码),alt、title等属性一定要添加;建议面包屑导航,在每个网站上留下面包屑,使用户了解当前所处的位置以及当前页面在整个网站中的位置。
    查看全部
  • 作为前端工程师,我们应从网站结构、布局和代码上进行优化。 内容上的白帽SEO:
    查看全部
  • SEO:Search Engine Optimization,搜索引擎优化 白帽SEO:改良和规范网站设计,使之对搜索引擎和用户更加友好,网站能获取合理的流量。 黑帽SEO:搜索和放大搜索引擎缺陷来获取更多的用户访问量,属于欺骗搜索引擎。 【自觉使用白帽SEO,做个好网民】
    查看全部
  • >关键词 meta标签 description keywords >语义化 h1标题 h2副标题 strong强调 em强调 >提示 img设置alt a设置title >技巧 1.br换行写在文体内部es:<p><br/></p> 2.rel="nofollow"高速爬虫不用继续往下抓取 3.name="robots" content="nofollow"不用在页面抓取链接 4.script写在最后面 5.不要使用iframe js控制 flash,同时友好使用css代码。
    查看全部
    0 采集 收起 来源:SEO实战分析

    2018-03-22

  • Search Engine Optimization:搜索引擎优化 白帽SEO—>其改良和规范网站设计的作用,是网站获取合理的流量 前端页面的SEO:通过网站结构布局优化、网页代码优化 黑帽SEO—>这类行为利用搜索引擎政策缺陷来获取更多用户的访问量,属于欺骗搜索引擎
    查看全部
  • 1.<p><br/></p>很赞的写法, <br/>写在文本内部(正确的<br>用法) 2.外链 要加上 rel=“nofollow” 避免搜索引擎爬网爬跑其他网页去了 3.<a>标签加title描述 4.<img>标签加alt描述 5.标签中的内容就是内容,不要加的代码, 尽量设置padding/margin/缩进来实现效果
    查看全部
    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

  • 网页代码优化 *title:只强调重点,不要重复出现;每个页面不设置相同的title *meta keywords:不要堆砌 *meta description:每个页面都要不同 *body:语义化代码 常用标签 <a> 加上title <h1>正文标题用h1 副表情用h2 <p><br> <table>用caption <img>用alt说明 强调文字用<strong><em> 优化SEO推荐用<b><i> 重要内容HTML代码放在最前面。 重要内容不要用JS输出。 少使用Iframe框架。 谨慎使用display:none; 不断精简代码。
    查看全部
    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下载
官方微信
友情提示:

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