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

SEO在网页制作中的应用

格格 Web前端工程师
难度初级
时长39分
学习人数
综合评分9.63
423人评价 查看评价
9.7 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 代码优化SEO: 1.title标题、<meta keywords>网页内容的关键词、<meta description>网页描述 2.body中语义化代码。h1~h6, ul, ol, li之类的在合适的位置用合适标签,用好标签。 3.标签详解 ①超链接<a>标签.要写title这样,小蜘蛛能更好读懂。对于外链,要加上"rel=nofollow"属性,让小蜘蛛不要爬,一爬就出去了。 ②h标签:正文标题,一定要用<h1>.副标题用 <h2>,这个小蜘蛛很喜欢 <br>标签只用于文本内容换行。 ③table标签。子元素要习惯加入<caption>表格标题</caption> ④img标签。加入alt,alt起到对图片的注释作用,让小蜘蛛读得懂。因为它对图片的读取有限。 ⑤<strong><em>会让SEO看重,<b><i>只是效果。看情况选择。 4、重要内容HTML代码放在最前面。 5、重要内容不要用JS输出 6、尽量少使用iframe框架。 7、谨慎使用display:none; 这个,小蜘蛛会过滤掉。
    查看全部
    0 采集 收起 来源:代码SEO优化

    2018-03-22

  • 导航SEO优化 面包屑导航,让用户了解当前所处位置,使用户可以了解网站组织形式 1.LOGO及导航条 2.正文:面包屑导航,正文,热门文章,相关文章 3.版权信息和友情链接 细节:分页处理 首页-上页-下页-尾页 首页12345678910下一页 首页12345678910【下拉选择】 ****
    查看全部
  • 前端网页SEO:网站结构布局优化(一般推荐扁平化结构): 1.控制首页链接数量(100以内; 2.扁平化目录层次,尽量让搜索引擎小蜘蛛跳转3次就可以把网站爬完 ; 3.导航SEO优化 (主导航、副导航(导航尽量使用文字 ,图片的话title 标签也要标注)、面包屑导航--让用户知道自己的位置,而且知道网站组织结构)--一般在标题正文的左上角。
    查看全部
  • UL标签多用于无序列表 OL标签多用于有序列表 DL标签用于定义数据列表
    查看全部
    0 采集 收起 来源:代码SEO优化

    2015-08-14

  • 代码优化SEO: 1.title标题、<meta keywords>网页内容的关键词、<meta description>网页描述 2.body中语义化代码。h1~h6, ul, ol, li之类的在合适的位置用合适标签,用好标签。 3.标签详解 ①超链接<a>标签.要写title这样,小蜘蛛能更好读懂。对于外链,要加上"rel=nofollow"属性,让小蜘蛛不要爬,一爬就出去了。 ②h标签:正文标题,一定要用<h1>.副标题用 <h2>,这个小蜘蛛很喜欢 <br>标签只用于文本内容换行。 ③table标签。子元素要习惯加入<caption>表格标题</caption> ④img标签。加入alt,alt起到对图片的注释作用,让小蜘蛛读得懂。因为它对图片的读取有限。 ⑤<strong><em>会让SEO看重,<b><i>只是效果。看情况选择。 4、重要内容HTML代码放在最前面。 5、重要内容不要用JS输出 6、尽量少使用iframe框架。 7、谨慎使用display:none; 这个,小蜘蛛会过滤掉。
    查看全部
    1 采集 收起 来源:代码SEO优化

    2018-03-22

  • 前端网页SEO:网站结构布局优化(一般推荐扁平化结构): 1.控制首页链接数量(100以内; 2.扁平化目录层次,尽量让搜索引擎小蜘蛛跳转3次就可以把网站爬完 ; 3.导航SEO优化 (主导航、副导航(导航尽量使用文字 ,图片的话title 标签也要标注)、面包屑导航--让用户知道自己的位置,而且知道网站组织结构)--一般在标题正文的左上角。 内容页面布局:最上面:logo及导航条; 正文区:面包屑导航、网站名称、栏目、正文; 右边区:热门文章 、相关文章; 最下面版权信息、友情链接 最下面的栏目页的分页:首页-上页-下页-尾页(页数相对较少) 首页1 2 3 4 5 6 7 8 9 10 下一页 首页 1 2 3 4 5 6 7 8 9 10 下拉框
    查看全部
  • SEO: Search Engine Optimization(搜索引擎优化) 白帽SEO:这类起到了改良和规范网站设计的作用,使之对网站和用户更加友好,网站能从搜索引擎中获取更多合理的流量; 黑帽SEO:利用和放大搜索引擎政策缺陷获取更多用户的访问量,这类行为大多是欺骗搜索引擎。一般为无良网站所为,一般都是恶意插件什么的。 搜索引擎工作原理:用户输入关键字->搜索引擎数据库(海量关键字)->搜索结果->返回给用户。 白帽SEO的作用:对网站的标题、关键字、描述,网站内容优化,robot.txt文件,网站地图,增加外链引用 web前端工程师:网站结构布局优化,网页代码优化
    查看全部
  • 代码优化SEO: 1、title标题、<meta keywords>关键词、<meta description>简介 2、body中语义化代码。h1~h6, ul, ol, li之类的。用好标签。 3、标签详解 ①<a>标签.要写title这样,小蜘蛛能更好读懂。对于外链,要加上"rel=nofollow"属性,让小蜘蛛不要爬,一爬就出去了。 ②h标签。正文标题,一定要用h1.这个小蜘蛛很喜欢。分级的标题,也要用h2~hx ③table标签。子元素加入<caption>表格标题</caption> ④img标签。加入alt,让小蜘蛛读得懂。因为它对图片的读取有限。 ⑤<strong><em>会让SEO看重,<b><i>只是效果。看情况选择。 4、重要内容HTML代码放在最前面。 5、重要内容不要用JS输出 6、尽量少使用iframe框架。 7、谨慎使用display:none; 这个,小蜘蛛会过滤掉。 8、精简页面标签层级数量。 网页代码优化: 1 <a>标签:title,rel 2 <h1>标签:正文用<h1>,二级标题用<h2>,其他不重要的标题不用h 3 <p>标签与<br>标签:<br>标签只用于文本内容的换行 4 <table>标签:使用<caption> 5 <img>标签:使用alt说明 6 <strong><em>与<b><i>标签:strong><b>加粗,<em><i>斜体,<strong>标签是权重标签的代表,在搜索引擎中能够得到高度重视,能突出关键词,表现重要的内容,<b>标签在浏览器中显示效果和<strong>相同,但在SEO中不会起到很好的效果,所以不推荐使用。<em>标签表现为斜体,意为强调主体内容,吸引用户关注,在权重标签中的重要度仅次于<strong>标签,若仅仅为了表现出加粗、斜体的效果,建议使用<b><i>标签,如果使用<strong><em>,会影响到SEO的效果;如果是为了强调文字内容,则建议使用<strong><em>标签。 7 重要内容HTML代码放在最前面。 8 重要内容不要用js输出。 9 尽少使用iframe框架。 10 谨慎使用display:none;(可以使用z-index,或者设置让其显示在浏览器以外) 11 不断精简代码。
    查看全部
    0 采集 收起 来源:代码SEO优化

    2018-03-22

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

    2015-08-12

  • 网站布局SEO: ①控制首页链接数量。 ②不超过三层目录。容易爬完网站。同时,对于用户来说,点击三次,还没找到自己想要的,一般都会选择离开。 ③导航SEO优化。导航尽量用文字,让蜘蛛看得懂。另外,一定要有面包屑导航。这能让用户知道自己在什么位置,方便跳转,也让SEO知道网站结构。 ④页面SEO:有相关文章、热门文章,增加网页相关性。分页导航中要,有首页1,2,3,4,5,还有下拉选择跳转,方便小蜘蛛跳转。 ⑤还要控制页面的加载速度。
    查看全部
  • 第三种比较好
    查看全部
  • 1、页面结构最多3层。 如,植物→树木→杨树、柳树;植物→水果→香蕉、苹果、梨子。 2、导航加title或者alt,页面需要加当前位置(面包屑原理)。 3、内容页布局(如图)。 4、翻页用数字来做,不用上一页下一页,最后用下拉框来选择具体的页数。 5、单个页面不要超过100k。
    查看全部
  • 网页代码优化
    查看全部
    0 采集 收起 来源:代码SEO优化

    2015-08-12

  • 网站布局SEO: ①控制首页链接数量。 ②不超过三层目录。容易爬完网站。同时,对于用户来说,点击三次,还没找到自己想要的,一般都会选择离开。 ③导航SEO优化。导航尽量用文字,让蜘蛛看得懂。另外,一定要有面包屑导航。这能让用户知道自己在什么位置,方便跳转,也让SEO知道网站结构。
    查看全部
  • SEO---- Search Engine Optimization(搜索引擎优化) 白帽SEO:这类起到了改良和规范网站设计的作用,使之对网站和用户更加友好,网站能从搜索引擎中获取更多的流量; 黑帽SEO:利用和放大搜索引擎政策缺陷获取更多用户的访问量,这类行为大多是欺骗搜索引擎。 白帽SEO对网站的标题、关键字、描述,网站内容优化,robot.txt文件,网站地图,增加外链引用 前端工程师:网站结构布局优化,网页代码优化
    查看全部

举报

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

微信扫码,参与3人拼团

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

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