u1jodi1q 发表于 2024-11-7 15:40:04

SEO-搜索引擎优化


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">1- 什么是SEO（搜索引擎优化）？<span style="color: black;">为何</span>SEO<span style="color: black;">针对</span>⼀个⽹站⾄关重要？</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">SEO是搜索引擎优化，它的英⽂全<span style="color: black;">叫作</span>是Search Engine Optimization</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-axegupay5k/99663d0086c74f75bc808b35bf865143~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1730039609&amp;x-signature=dlkB%2BWIhj6zVkouOX9I8c2H8gZ4%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">由于</span><span style="color: black;">此刻</span><span style="color: black;">非常多</span><span style="color: black;">咱们</span><span style="color: black;">研发</span>的⽹站，类似于⻔户⽹站<span style="color: black;">或</span>功能⽹站，⼀⽅⾯<span style="color: black;">咱们</span>需要<span style="color: black;">经过</span>营销宣传来<span style="color: black;">提高</span><span style="color: black;">咱们</span><span style="color: black;">制品</span>的知名度，另⼀⽅⾯靠⾃然搜索结果获取流量<span style="color: black;">亦</span>是一个非常重要的过程。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <span style="color: black;">因此</span><span style="color: black;">咱们</span>需要在<span style="color: black;">认识</span>⼀定的搜索引擎⾃然排名机制的<span style="color: black;">基本</span>上，对<span style="color: black;">咱们</span>的⽹站进行内部和<span style="color: black;">外边</span>的<span style="color: black;">调节</span>优化，让⽤ 户在使⽤关键字搜索时<span style="color: black;">咱们</span>的⽹站<span style="color: black;">能够</span><span style="color: black;">尽可能</span>⾼的<span style="color: black;">提高</span>⾃然排名，获取<span style="color: black;">更加多</span>的流量，从⽽达到<span style="color: black;">咱们</span>预期的销量以 及品牌的知名度。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2 - SEO有<span style="color: black;">那些</span>关键点？你在⽇常<span style="color: black;">研发</span>中，都采取了<span style="color: black;">那些</span><span style="color: black;">办法</span>来进⾏SEO 呢？</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 当然<span style="color: black;">日前</span>在国内针对百度有⼀个很直接的SEO⽅式<span style="color: black;">便是</span>充钱，其实有<span style="color: black;">能够</span><span style="color: black;">经过</span>不给钱的方式来<span style="color: black;">提高</span>⽹站关键字排名的答案。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">方法</span>一：SSR服务器端渲染</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">此刻</span>的项目大都是基于现代主流的框架，⽐如Vue、React来<span style="color: black;">研发</span>的，⼤部分⻚⾯元素<span style="color: black;">是由于</span>客户端JavaScript动态⽣成的。<span style="color: black;">非常多</span>的搜索引擎，在爬⾍时只能抓取静态的HTML源代码，⽽不会执⾏ JavaScript，<span style="color: black;">因此呢</span>动态⽣成的内容⽆法被爬⾍索引。<span style="color: black;">另一</span><span style="color: black;">非常多</span>的搜索<span style="color: black;">状况</span>不会等待部分数据加载完成后再进⾏抓取，<span style="color: black;">亦</span>会<span style="color: black;">引起</span><span style="color: black;">咱们</span>⽹站的<span style="color: black;">非常多</span>关键信息<span style="color: black;">不可</span>被完整的收录。为了<span style="color: black;">保证</span>⽹站的SEO优化，<span style="color: black;">咱们</span>的项⽬需要SEO优化的都采用了SSR技术。SSR能够在服务器上执⾏JavaScript 并渲染出完整的HTML⻚⾯，<span style="color: black;">而后</span>将其发送到客户端。<span style="color: black;">这般</span>，爬⾍在抓取⽹站时就能获取到完整的⻚⾯内容，从而<span style="color: black;">提高</span>SEO效果。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 当然<span style="color: black;">倘若</span>是<span style="color: black;">研发</span>初期就打算进⾏SEO优化的话，<span style="color: black;">亦</span><span style="color: black;">能够</span>一<span style="color: black;">起始</span>就<span style="color: black;">选取</span>⼀些⽐较成熟的SSR框架，⽐如<span style="color: black;">针对</span>Vue<span style="color: black;">来讲</span><span style="color: black;">选取</span> Nuxt.js，<span style="color: black;">针对</span>React<span style="color: black;">来讲</span><span style="color: black;">选取</span>Next.js。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">方法</span>二：准确的TDK描述</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">TDK<span style="color: black;">便是</span><span style="color: black;">咱们</span>常说的 title、description、keywords</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Title（标题）：<span style="color: black;">亦</span><span style="color: black;">便是</span>⽹站<span style="color: black;">表示</span>的标题，<span style="color: black;">不仅</span>⽤户会看到，搜索引擎<span style="color: black;">一般</span>会⾸先检索和收录title信息，<span style="color: black;">因此</span> title至关重要。title⼀般不需要过⻓，多个关键词之间使⽤“|”<span style="color: black;">或</span>“-”分割，会被搜索引擎提取和收录。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> Description（描述）：这是对⽹⻚内容的简短描述，<span style="color: black;">一般</span>在搜索引擎结果⻚中标题下⽅<span style="color: black;">表示</span>。描述应概述⻚ ⾯内容，<span style="color: black;">包括</span><span style="color: black;">关联</span>关键词，并吸引用户点击。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Keywords（关键词）：这是⽹⻚内容中重要的词汇，反映了⻚⾯的主题和内容，<span style="color: black;">每一个</span>关键字都要有对应的内 容匹配。虽然现代搜索引擎（如Google）对关键词标签的<span style="color: black;">注重</span>程度<span style="color: black;">已然</span>降低，但在某些<span style="color: black;">状况</span>下，<span style="color: black;">恰当</span>使⽤关 键词仍然有助于SEO。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">⽅式三：语义化的 HTML元素、图⽚alt、h1、h2的<span style="color: black;">恰当</span>使⽤</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">语义化的HTML代码和符合W3C规范是SEO的关键要素之⼀。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">语义化<span style="color: black;">指的是</span>使⽤<span style="color: black;">拥有</span><span style="color: black;">知道</span>含义的HTML元素，搜索引擎在爬取⽹站时，<span style="color: black;">亦</span>会<span style="color: black;">更易</span>理解⽹站的内容以便进⾏收 录，从侧⾯<span style="color: black;">亦</span>能印证<span style="color: black;">咱们</span>的⽹⻚更加的规范。⽽且这不仅有助于搜索引擎理解⽹⻚内容，还能提⾼⽹⻚的可读 性和可<span style="color: black;">守护</span>性。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">包含</span>Header, Nav，Aside，Article，Footer元素，这些都能<span style="color: black;">帮忙</span>爬⾍更好的获取⻚⾯内容，理解⽹⻚。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">图⽚<span style="color: black;">需求</span>必须加alt规范</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">咱们</span><span style="color: black;">需求</span><span style="color: black;">每一个</span>前端在使⽤图⽚时，必须加上和图⽚<span style="color: black;">关联</span>的alt，⼀⽅⾯是图⽚⽆法<span style="color: black;">表示</span>时⽤户<span style="color: black;">能够</span>看到提示， 另⼀⽅⾯<span style="color: black;">亦</span>有利于SEO优化。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">重要的标签h1/h2/h3等的使⽤</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">H1、H2、H3等HTML标题标签在SEO中起着⾮常重要的作⽤。这些标签有助于搜索引擎理解⽹⻚内容的结构 和层次，从⽽更准确地索引和<span style="color: black;">评定</span>⻚⾯的<span style="color: black;">关联</span>性。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">方式四：HTTPS</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> ⾃2014年<span style="color: black;">败兴</span>，Google已将HTTPS<span style="color: black;">做为</span>其搜索排名的信号之⼀。这<span style="color: black;">寓意</span>着，使⽤HTTPS的⽹站在搜索结果中可能 会<span style="color: black;">得到</span>⽐⾮HTTPS⽹站更好的排名。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">⽽且HTTPS<span style="color: black;">亦</span>有利于⽤户的安全，在⽤户使⽤⽹站时<span style="color: black;">亦</span>会<span style="color: black;">增多</span>信任度。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/1b0f4bfc1504493bb1b8a0aaf7533999~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1730039609&amp;x-signature=8yEqFWf4XouPlPoU%2F%2FZfInNuPks%3D" style="width: 50%; margin-bottom: 20px;"></div>




页: [1]
查看完整版本: SEO-搜索引擎优化