最新公告
  • 欢迎您光临苏果儿博客资源站,本站QQ/微博注册登陆即送SVIP果帝会员 立即加入我们
  • 如何从前端优化SEO 在网页制作中的应用_蜘蛛技巧_超级蜘蛛池

    1、提高页面加载速度。 能用css解决的不用背景图片,背景图片也尽量压缩大小,可以几个icons放在一个图片上,采用css精灵(css sprite),使用background-position找到需要的图片位置。减少HTTP请求数,提高网页加载速度。 

    1.jpg

    2、 结构、表现和行为的分离。另外一个重要的拖慢网页加载速度的原因就是将css和JS都堆积在HTML页面上,每次看到有人直接在页面上编写CSS和JS我都很痛心疾首。通过外链的方式能大大加快网页加载速度的,css文件可以放在head里,JS文件可以放置在body的最下方,在不影响阅读的情况下再去加载JS文件。 

    3、 优化网站分级结构。在每个内页加面包屑导航是很有必要的,可以让蜘蛛进入页面之后不至于迷路,有条件的话,最好能单独加个Sitemap页面,将网站结构一目了然地展示在蜘蛛面前,更有利于蜘蛛抓取信息。 

    4、 集中网站权重。由于蜘蛛分配到每个页面的权重是一定的,这些权重也将平均分配到每个a链接上,那么为了集中网站权重,可以使用”rel=nofollow”属性,它告诉蜘蛛无需抓取目标页,可以将权重分给其他的链接。 

    5、 文本强调标签的使用。当着重强调某个关键词需要加粗表示,选用strong标签比使用b标签要更有强调作用。 

    6、 a标签的title属性的使用。在不影响页面功能的情况下,可以尽量给a标签加上title属性,可以更有利于蜘蛛抓取信息。 

    7、 图片alt属性的使用。这个属性可以在图片加载不出来的时候显示在页面上相关的文字信息,作用同上。 

    8、 H标签的使用。主要是H1标签的使用需要特别注意,因为它自带权重,一个页面有且最多只能有一个H1标签,放在该页面最重要的标题上面,如首页的logo上可以加H1标签。 

    9、图片大小声明。如果图片大小不做定义的话,页面需要重新渲染,就会影响到加载速度。 

    10、页面布局调整。页面内容尽量不要做成flash、视频,这些东西蜘蛛是抓不到的,就算是必须的,也要生成相应的静态页面。 

    11、网站结构呈扁平状树型,目录结构不宜过深。每个页面离首页最多点击不超过3次,过深不利于搜索引擎的抓取。

    3.jpg

    SEO在网页制作中的应用

    一、网站结构优化

    2.jpg

    • a. 合理规划站点结构 [扁平化:中小型目录不超过3层]:3次即可跳转到网站内任何一个页面(主页-栏目-内容)

    • b. 控制首页链接数量(首页链接100内:页面导航、底部导航、锚文字,建立在引导用户,良好用户体验);
      c. 导航(文字为主;图片需要写alt):增加左上角-面包屑导航(让用户了解所处位置、使用户了解网站组织形式)
      d. 细节:
      aa.内容页:结构应为:上面 Logo&导航 ;左下 面包屑导航+正文 ;

       右下 热门文章 相关文章 栏目信息(留住访客;增强页面相关性、权重);最下面 版权信息及链接。

    如何从前端优化SEO 在网页制作中的应用_蜘蛛技巧_超级蜘蛛池插图6

    • bb.分页形式:首页-上页-下页-尾页 (不推荐)
      首页 1 2 3 4 5 6..10 下一页 (不知道总页面多少)
      首页 1 2 3 4 5 6..10 下拉链表 (最优)

    • e: 加载速度不能太慢:页面大小(100K内)

    二、代码SEO优化

    1 标签:title,rel

    2

    标签:正文用

    ,二级标题用

    ,其他不重要的标题不用h
    3

    标签与
    标签:
    标签只用于文本内容的换行
    4

    标签:使用

    5 标签:使用alt说明
    6 标签:strong>加粗,斜体,标签是权重标签的代表,

    在搜索引擎中能够得到高度重视,能突出关键词,表现重要的内容,标签在浏览器中显示效果和相同,

    但在SEO中不会起到很好的效果,所以不推荐使用。标签表现为斜体,意为强调主体内容,吸引用户关注,

    在权重标签中的重要度仅次于标签,若仅仅为了表现出加粗、斜体的效果,

    建议使用标签,如果使用,会影响到SEO的效果;

    如果是为了强调文字内容,则建议使用标签。
    7 重要内容HTML代码放在最前面。
    8 重要内容不要用js输出。
    9 尽少使用iframe框架。
    10 谨慎使用display:none;(可以使用z-index,或者设置让其显示在浏览器以外)
    11 不断精简代码。

    三、其他规范

    1.

    很赞的写法,
    写在

    内部
    2.外链 要加上 rel=“nofollow” 避免搜索引擎小蜘蛛爬网爬跑掉其他网页去了
    3.标签加title描述有利于seo
    4.标签加alt描述
    5.标签中的内容就是内容,不要加的代码,&nbsp尽量设置padding/margin/缩进来实现效果
    6.js代码最好放在最后,以免小蜘蛛犯迷糊。

    1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长![email protected]
    2. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!
    3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 本站不保证所提供下载的资源的准确性、安全性和完整性,源码仅供下载学习之用!
    8. 如用于商业或者违法用途,与本站无关,一切后果请用户自负!

    苏果儿博客 » 如何从前端优化SEO 在网页制作中的应用_蜘蛛技巧_超级蜘蛛池

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    苏果儿资源博客
    一个高级程序员模板开发平台

    发表评论

  • © 2020 苏果儿博客 - SUGUOER.COM & WordPress Theme. All rights reserved 渝ICP备20003272号-2号 备案中...

  • XML地图 | 网站导航
         
    升级SVIP果帝尊享更多特权立即升级