zoukankan      html  css  js  c++  java
  • 前端开发与SEO

    前端开发中通过一些小习惯,可以有利于SEO,本着蚊子再小也是肉的原则,能抓住自然不能忽略。

    1.控制首页链接数量,不能过多,也不要太少。更不要为了凑数而添加

    2.扁平化层次,力争跳转三次可以到任何页面

    3.导航,面包屑导航,分页。  导航里一定要有文字描述,尽量不要使用  | 等无意义的字符。 分页最好是用  首页   1  2  3  4  5  6  7  8   下拉选择页数   下一页     这种模式。

    上述内容可以属于设计者,并不见得能被前端开发者操纵,所以能被操纵的部分要好好把握,那就是语义化,例如

    1.h1-h6标签

    页面内标题,最重要的内容,要使用h1标签,有且只有一个。过多使用会被搜索引擎厌恶,认为你是骗子,就不嬲你了。次标题h2,小标题h3.。。。

    2.表格标题,使用<caption>

    3.重要代码放在前面

    例如有个别网站是左边sidebar,右边main,但main里是重要内容,可以通过样式控制,让main代码写在前面

    4.<strong>  <em>  表示强调关键字

    5.重要内容不要使用JS输出

    6.尽少使用iframe

    7.谨慎使用display:none,隐藏的文字会被搜索引擎忽略。

    8.合作伙伴,外链的链接,添加属性 rel="nofloow" ,告知搜索引擎不要跟踪链接。

    9.dl,定义列表,在如文字解释时,电影内容简介列表时,都可以使用

    10.a标签,title一定要有,img标签,重要的图片alt要写清楚。

    11.精简代码,代码越多,搜索引擎越难以提炼关键的文字

    12.style代码,js代码,尽量不要出现在页面中,JS代码的引入位置,也尽量放在页面的最后,这样做,不仅仅利于SEO,还可以优化页面打开速度。

    东西不多,稍微注意点,就能提高代码被搜索引擎认知的程度了

  • 相关阅读:
    C语言基于单链表得学生成绩管理系统
    C语言实现扫雷小程序外挂,棒棒的
    小白学习C语言一定要掌握的那些知识点!
    C语言快速入门教程之10分钟快速掌握数据类型
    神奇的C语言,这才是C语言大牛操作,作为面试题,怕是秒杀众人
    多线程
    java基础- Collection和map
    String 和 new String
    idea快捷键
    用bootstrap 分页插件问题
  • 原文地址:https://www.cnblogs.com/liqingchang/p/4390119.html
Copyright © 2011-2022 走看看