四、优化及调试--网站优化--SEO在网页制作中的应用

举报
hwJw19 发表于 2021/05/26 16:17:47 2021/05/26
【摘要】 SEO分类:白帽SEO、黑帽SEO 白帽SEO: 内容上的SEO:   网站标题、关键字、描述   网站内容优化   Robot.txt文件   网站地图   增加外链引用 前端SEO:   网站结构布局优化 扁平化结构(一般来说,建立的网站目录层次越少,越容易被收录,一般中小型网站,目录层次超过三层,网页爬虫就不太愿意爬行收录) 怎样做到扁平化布局结构: 控制首页链接...

SEO分类:白帽SEO、黑帽SEO

白帽SEO:

内容上的SEO:

  网站标题、关键字、描述

  网站内容优化

  Robot.txt文件

  网站地图

  增加外链引用

前端SEO:

  网站结构布局优化

扁平化结构(一般来说,建立的网站目录层次越少,越容易被收录,一般中小型网站,目录层次超过三层,网页爬虫就不太愿意爬行收录)

怎样做到扁平化布局结构:

控制首页链接数量(不能太多也不能太少,对于中小型网站,建议首页链接数量在100条左右,可以包括:页面导航,局部导航,锚链接等等)

扁平化目录层次(尽量要让小蜘蛛跳转3次,就可以进入到网站内页,比如网站的设计,可以定义为主页、栏目、内容页这样三级扁平铺开的结构)

导航SEO优化(一般可以有主导航、副导航、分类导航,导航设计应尽量采用文字方式,如果非要用图片的形式,要优化图片代码,加title和alt。其次,在每个网页上,我们要加上面包屑导航,面包屑导航可以让用户了解当前所在的位置,以及当前页面在整个网站中的位置,使用户可以了解网站组织形式,从而形成很好的位置感,并且提供返回各个阶层的快速入口,方便用户操作。)

不可忽略的细节:内容页布局

另外,当页面有很多内容时,要注意分页设置(向下优选):

控制页面大小:一个页面最好不要超过100K

  网页代码优化

<title>标题:在浏览器标题栏显示,把重要的关键词放在前面,不要重复出现,每个页面的title不要设置相同的

<meta keywords>关键词:列举出几个关键词即可,不要过分堆砌

<meta description>网页描述:高度概括网页内容,不要过分堆砌,每页都要不同

对于网页<body>中的代码,使用的原则:语义化代码(在适当的位置,用适当的标签)

H1~H6标签多用于标题

ul标签多用于无序列表

ol标签多用于有序列表

dl标签用于定义数据列表

em,strong表示强调

<a>标签 要加链接说明,即title,另外,对于指向其他网站的连接,要加上rel="nofollow",用于指定 Google 搜索引擎不要跟踪链接。  

<h1>标签 网页正文页标题,二级标题用<h2>,依次类推

<p>标签 用于段落

<br />标签 只用于文本内容的换行,最好不要用于其他位置换行

<table>标签 语义化要使用<caption>标签

<img>标签 应使用alt说明

<strong><em>和<b><i>标签 <strong>多用于强调关键字等,权重大于<b>,<em>标签用于斜体,权重仅次于<strong>,如果只是强调加粗和斜体样式,则使用<b><i>,如果强调内容,则使用<strong><em>  

代码中的小TIPS:

重要内容HTML代码放在最前面

重要内容不要用JS输出

尽少使用iframe框架

谨慎使用display:none 对于暂时不想显示的内容,要使用设置z-index,或者将其设置到浏览器显示的范围外(因为爬虫会过滤掉display:none的内容)

不断精简代码

文章来源: www.cnblogs.com,作者:姜腾腾,版权归原作者所有,如需转载,请联系作者。

原文链接:www.cnblogs.com/jiangtengteng/p/5436053.html

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。