• <legend id='oo97chzv'><style id='ggoq6fwt'><dir id='8m5e530k'><q id='9eufmkrg'></q></dir></style></legend>
    <i id='0ku57t6b'><tr id='tocyhm3o'><dt id='k4trjz8f'><q id='554d0grj'><span id='q7flo420'><b id='vcoj7ced'><form id='lpe1y8qw'><ins id='uqxj18fg'></ins><ul id='1ki64qih'></ul><sub id='iurn7xad'></sub></form><legend id='fyyd9oo5'></legend><bdo id='fl114ahm'><pre id='6k873c2c'><center id='tetdjh35'></center></pre></bdo></b><th id='s0vholn9'></th></span></q></dt></tr></i><div id='1ksmql0a'><tfoot id='r0qg8848'></tfoot><dl id='keeuhxc7'><fieldset id='hlkp0o06'></fieldset></dl></div>
        <tbody id='6c80fsj7'></tbody>

      <small id='da45p413'></small><noframes id='4agn1jq2'>

      <tfoot id='zzsewf9y'></tfoot>

        网站建设公司当前位置 : 网站建设公司 > 知识普及

        SEO网站优化1

        发布时间:2021-10-08 15:19   浏览次数:次   
        理解:SEO(Search Engine Optimization):汉译为搜索引擎优化。是一种方式:利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是让其在行业内占据领先地位,获得品牌收益。很大程度上是网站经营者的一种商业行为,将自己或自己公司的排名前移。
         
        搜索引擎优化的技术手段主要有黑帽(black hat)、白帽(white hat)两大类。
        黑帽:通过作弊手法欺骗搜索引擎和访问者,最终将遭到搜索引擎惩罚的手段
        白帽:比如隐藏关键字、制造大量的meta字、alt标签等。而通过正规技术和方式,且被搜索引擎所接受的SEO技术。
         
         
        1
        如何优化:
         
        1、meta标签设置
        如:
         
        <meta name="keywords" content="关键词1,关键词2,关键词3"/>
        <meta name="robots" content="index,follow"/>
        <meta name="description" content="不超过150个字符"/>
        1
        2
        3
         
        1
        2、网站内部跳转(网站地图/网站导航)
        网站地图可增加搜索引擎友好度,可让蜘蛛程序快速访问整个站点上的所有网页和栏目。
        (如:https://www.mofaboom.com/index.html改为https://www.mofaboom.com/ 也属于seo优化)
         
         
        1
        3、引出链接(外链优化)
        如:外网底部“相关链接”到本网站
        搜索引擎判断网站的好坏的一个标准是外部链接的多少以及所链接的网站质量,网站质量是通过PR值判定(PageRank:网站排名,等级0-10,一般到4就是一个不错的网站了)
        目的是提高搜索引擎的排名
         
         
        1
        4、关键字突出
        如在网页内容、图片的alt属性、meta标签(关键词5-10个为宜)等网页描述上均可不同的程度设置突出关键词。
         
         
        1
        5、网站层次架构清晰
        (1)一般将网站的首页文件放在网站的根目录下,因为根目录下的检索速度最快。
        (2)其次要注意网站的子目录不宜太多,一级目录不超过两个层次,详细目录也不要超过四个层次。
        (3)最后,网站的导航尽量使用纯文字进行导航,因为文本要比图片表达的信息更多。
         
         
        1
        6、页面合理规范
        (1)尽量遵从w3c编码规范原则,js、css代码分离
        (2)前后端http请求交互较少的页面更容易被引擎抓取(静态页面抓取效果最佳)
        (3)尽量精简html代码(15kb以内最佳)
         
         
        1
        7、网站发布定期更新
        一个网站如果能够进行有规律的更新,那么搜索引擎更容易收录。因而合理的更新网站也是搜索引擎优化的一个重要方法。
         
         
        1
        8、单页面存在一个h1标签(有且仅有一个最佳,最好放在页面上部)
        如:<h1> <img src="" alt="关键词" title="描述"> </h1>
         
         
        1
        9、添加robots.txt协议文本文件
        (1)什么是robots?
        网站robots文本,是放在网站空间根目录下的一个txt文本。
        是搜索引擎蜘蛛,在抓取网站前,先查看的一个文本,可以告诉蜘蛛,哪些可以抓,哪些不可以抓取。确定抓取范围,如果没有就按链接顺序抓取。
         
        (2)robots文本的作用是什么?
        告诉搜索机器人不要爬行我们的部分网页,比如:后台管理文件、程序脚本、附件、数据库文件、编码文件、样式表文件、模板文件、导航图片和背景图片等等。
        (2.1)用robots屏蔽网站重复页
        (2.2)用robots保护网站安全
        (2.3)防止盗链
        (2.4)提交网站地图
        (2.5)禁止某二级域名的抓取robot文件的一个指定用语。
         
        User-agent:控制各个搜索引擎蜘蛛
        Disallow:不允许抓取莫某
        allow:允许抓取某某
        *:星号代表所有
         
        robots的书写有以下几种:
          1:允许所有搜索引擎爬行,抓取的书写形式:
          User-agent: *
          Disallow:
          或者
          User-agent: *
          Allow:/
          建立一个空白的robots.txt放置在网站根目录下,同样也是起到允许所有搜索引擎爬行抓取的命令!
         
        2:禁止所有搜索引擎访问
          User-agent: *
          Disallow: /
          或者
          User-agent: *
          allow:
         
        3:禁止所有搜索引擎访问网站中的几个部分,这里以1,2,3代替目录名称
          User-agent: *
          Disallow: /1/
          Disallow: /2/
          Disallow: /3/
         
        4:禁止某个搜索引擎的访问
          User-agent: 某个搜索引擎名称
          Disallow: /
         
        5:只允许某个搜索引擎的访问
          User-agent: 某个搜索引擎名称
          Disallow:
         
         
        1
        10、vue中的seo优化-路由history
         
         
        1
        11、vue中的seo优化-预渲染插件 prerender-spa-plugin(seo优化,生成多页面)
        预渲染模式,这比服务端渲染要简单很多,而且可以配合 vue-meta-info 来生成title和meta标签,基本可以满足SEO的需求
        注意:
        1.使用预渲染vue-router必须使用history模式
        2.build生成的代码必须放在服务器根目录,否则会报错
        3.可参考官方Vue.js 2.0 + vue-router Prerender SPA示例
         
        安装
         
         npm install prerender-spa-plugin --save
        1
        然后在webpack.prod.conf.js里面添加:
         
        // 头部引入
        const PrerenderSPAPlugin = require('prerender-spa-plugin')
        const Renderer = PrerenderSPAPlugin.PuppeteerRenderer
        1
        2
        3
        在webpack.prod.conf.js的plugins里面添加:
         
        // 配置PrerenderSPAPlugin
        new PrerenderSPAPlugin({
                 // 生成文件的路径,也可以与webpakc打包的一致。
                 staticDir: path.join(__dirname, '../dist'),
                 
                 // 对应自己的路由文件,比如index有参数,就需要写成 /index/param1。
                 routes: ['/', '/product','/about','/contact','/join','/jzjh'],
                
                 // 这个很重要,如果没有配置这段,也不会进行预编译
                 renderer: new Renderer({
                     inject: {
                       foo: 'bar'
                     },
                     headless: false,
                     // 在 main.js 中 document.dispatchEvent(new Event('render-event')),两者的事件名称要对应上。
                     renderAfterDocumentEvent: 'render-event'
                 })
        })
        1
        2
        3
        4
        5
        6
        7
        8
        9
        10
        11
        12
        13
        14
        15
        16
        17
        18
        最后在main.js里面修改:
         
        new Vue({
          el: '#app',
          router,
          components: { App },
          template: '<App/>',
          // 添加mounted,不然不会执行预编译
          mounted () {
            document.dispatchEvent(new Event('render-event'))
          }
        })
        1
        2
        3
        4
        5
        6
        7
        8
        9
        10
        如需使用 vue-meta-info 配置title和meta按照以下步骤:
        安装:
         
        npm install vue-meta-info --save
        1
        在main.js引入:
         
        import MetaInfo from 'vue-meta-info'
        Vue.use(MetaInfo)
        1
        2
        在vue页面中配置:
         
        <script>
        export default {
          // 配置title和meta数据
          metaInfo: {
            title: '我是一个title',
            meta: [
              {
                name: 'keywords',
                content: '关键字1,关键字2,关键字3'
              },
              {
                name: 'description',
                content: '这是一段网页的描述'
              }
            ]
          },
          data () {
            return {}
          }
        }
        </script>
        1
        2
        3
        4
        5
        6
        7
            <tbody id='4k2ztttr'></tbody>
          <legend id='yrsmo30i'><style id='wuzucryv'><dir id='wza27hhz'><q id='dpah8uwa'></q></dir></style></legend>
        1. <i id='dwh9qj0c'><tr id='iiin3k1c'><dt id='i25cuerg'><q id='vbbziww0'><span id='3v6pk3wy'><b id='tjvssmms'><form id='vxcj67cv'><ins id='0yymrhby'></ins><ul id='32x90ssr'></ul><sub id='ru9qzmty'></sub></form><legend id='dbeadydq'></legend><bdo id='kg4u7xwz'><pre id='7okvkq2t'><center id='xlfdrhfc'></center></pre></bdo></b><th id='678o8jqe'></th></span></q></dt></tr></i><div id='3pfwni6z'><tfoot id='5geltpj6'></tfoot><dl id='5w1s2tz6'><fieldset id='9hxpwtne'></fieldset></dl></div>
          <tfoot id='vdezr7ul'></tfoot>

          • <small id='hawiq7cm'></small><noframes id='imrqs2ll'>

              本文来源于网络,若有侵权请联系3449817223#qq.com,将在第一时间删除。

              <legend id='1pd6qhef'><style id='awdpk7jc'><dir id='8bj2km8i'><q id='po797xym'></q></dir></style></legend>

              <tfoot id='hvt6zgh3'></tfoot>
              • <small id='5abxg39k'></small><noframes id='whz79n99'>

                  <tbody id='1xarfe0f'></tbody>
                <i id='9r6cjp0p'><tr id='ndxded6x'><dt id='nq4e7fwg'><q id='rlzgifr0'><span id='9u98qdgj'><b id='j1g4nfaz'><form id='d0gdyo2d'><ins id='coz4pdun'></ins><ul id='6kefbiml'></ul><sub id='sxo5c9pz'></sub></form><legend id='cdnqip2g'></legend><bdo id='uh4grexw'><pre id='jshe7bcs'><center id='tj1ksba1'></center></pre></bdo></b><th id='rgsjlalh'></th></span></q></dt></tr></i><div id='od4jrmk6'><tfoot id='riarkrix'></tfoot><dl id='vy9dwgpj'><fieldset id='ts9dj8li'></fieldset></dl></div>