• 前端seo基础规范


    基本规范

    TDK代码规范

    A: 关键词,一般3~4个最好,要与当前页面内容相关(根据实际情况,不适宜过多堆积关键词);

    B: 杜绝不同URL的页面标题重复现象,作为搜索结果摘要的重要选择目标之一,一定不要采用默认形式,用适当的语言对页面进行进一步描述,对title的进一步补充,能够使用户更进一步理解你页面的内容与其需求是否匹配,让你的目标用户更快找到你点击你。; 如下:

    1
    主题标题 - 产品中文全称官网 - 腾讯游戏

    网页标签的合理应用

    1):<h1><h2>等标签的使用应合理,<h1>整个页面只可出现一次 A: H标签相当于正文标题,是关键词优化的另一个页面元素,重要性仅次于页面title; B: H标签按重要性分为H1-H6,H1最重要,H6重要性最低; C: 在H1和H2融入关键词,有助于提高相关性,H3以下标签权重性很低了; 如下:H1----H2----H3----.依次至H6;

     1 <h1>标题1</h1>
     2 <p>内容1内容1内容1内容1内容1内容1内容1内容1</p>
     3 <h2>标题2</h2>
     4 <p>内容2内容2内容2内容2内容2内容2</p>
     5 <h2>标题2</h2>
     6 <p>内容2内容2内容2内容2内容2内容2</p>
     7 <h3>标题3</h3>
     8 <p>内容3内容3内容3内容3内容3内容3内容3内容3内容3内容3</p>
     9 <h3>标题3</h3>
    10 <p>内容3内容3内容3内容3内容3内容3内容3内容3内容3内容3</p>
    11 <p>....</p>

    应用H标签的时候避免出现,从H1直接跳过H2直接到H3的用法,这些都是不利于优化的做法; 如下:(不友好的方式)

    1 <h1>标题1</h1>
    2 <p>内容1内容1内容1内容1内容1内容1内容1内容1</p>
    3  
    4 <h3>标题3</h3>
    5 <p>内容3内容3内容3内容3内容3内容3内容3内容3内容3内容3</p>
    6 <h4>标题4</h4>
    7 <p>内容4内容4内容4内容4内容4内容4</p>
    8 <p>....</p>

    2):IMG和A标签应带上涵盖主旨的文字

    ①ALT文字

    A: ALT文字指图片的替换文字; B: 图片ALT文字中出现关键词对页面相关性也有一定影响,在图片ALT属性中以简要文字说明图片内容,同时包含关键词也是页面优化的一部分,与页面title一样,ALT文字中不要堆积关键词,只要出现一次即可; C: 描述性的替代文字能向用户提高重要信息; 如下:

    1 <img src="http://ossweb-img.qq.com/images/roco/my/img.jpg" alt="QQ炫舞  炫舞时代  舞蹈  跳舞">

    最差方案,要避免,可能会被视为垃圾网站;

    不太好;

    1 <img src="http://ossweb-img.qq.com/images/roco/my/img.jpg" alt="QQ炫舞">

    稍微好点;

    1 <img src="http://ossweb-img.qq.com/images/roco/my/img.jpg" alt="QQ炫舞是最时尚浪漫的舞蹈游戏">

    最佳方案,简要文字描述图片内容,而且还带有“QQ炫舞”关键词;

    总结:图片ALT属性不要留空,用描述性文字代替最佳:

    ①A标签(锚文字)

    锚文字是告诉搜索引擎被链接页面主题内容的重要依据之一,锚文字出现完全匹配的关键词,有助于提高链接目标页面的相关度,以及发出链接页面的相关度,在这方面要避免过度; 如下:

    1 <a title="QQ炫舞是最浪漫时尚的舞蹈游戏" href="http://x5.qq.com/" target="_blank">QQ炫舞</a>

    页面中A标签的title属性不要留空;

    3):重要的文字或关键词可用  标签包裹

    1 <p>这里是介绍类的说明文字,页面的<strong>关键词1</strong><em>关键词2</em>可以加相应的标签增加权重</p>

    4):善用有语义性的标签<dl></dl><ul></ul>

     1 <ul>
     2     <li>项目一</li>
     3      
     4     <li>项目二</li>
     5      
     6     <li>项目三</li>
     7      
     8 </ul>
     9 <dl>
    10     <dt>活动规则</dt>
    11     <dt></dt>
    12     <dd>活动规则的相关解释</dd>
    13     <dd></dd>
    14 </dl>

    5):少用例如iframe等标签引入内容,可以不用尽量不用,因为搜索引擎无法搜索到框架里面的内容;

    6):常用标签的语义:

     1 <table>
     2     <tbody><tr>
     3         <th>标签</th>
     4         <th>语义</th>
     5     </tr>
     6     <tr>
     7         <td>h1~h6</td>
     8         <td>table的header</td>
     9     </tr>
    10     <tr>
    11         <td>p</td>
    12         <td>段落</td>
    13     </tr>
    14     <tr>
    15         <td>ul</td>
    16         <td>无序列表</td>
    17     </tr>
    18     <tr>
    19         <td>ol</td>
    20         <td>排序列表</td>
    21     </tr>
    22     <tr>
    23         <td>dl</td>
    24         <td>definition list,定义列表</td>
    25     </tr>
    26     <tr>
    27         <td>dt</td>
    28         <td>definition title,定义名称</td>
    29     </tr>
    30     <tr>
    31         <td>dd</td>
    32         <td>definition description定义描述</td>
    33     </tr>
    34     <tr>
    35         <td>em</td>
    36         <td>emphasized,局部强调,段落内强调</td>
    37     </tr>
    38     <tr>
    39         <td>strong</td>
    40         <td>更强烈的强调,全文强调</td>
    41     </tr>
    42     </tbody>
    43 </table>

    PC端与移动端规范差异化

    移动端

    终端适配

    可在页面中中添加针对百度的meta标签来适配PC端页面和移动端页面的对应关系

    其中上述代码中的[wml|xhtml|html5]可根据手机页面的协议语言,选择其中的一种 同时如果该网页只适合在电脑上进行浏览,可添加如下meta标签

    同时如果该网页只适合在移动设备上进行浏览,可添加如下meta标签

    如果网页采用了响应式网页设计,例如(http://tgideas.qq.com/)不需要经过url自适配跳转就可以根据浏览器的屏幕大小自适应的展现合适的效果,同时适合在移动设备和电脑上进行浏览,在html中加入如下meta:

    网页可读性

    与PC spider一样,百度通过一个叫Baiduspider2.0的程序抓取移动互联网上的网页,经过处理后建入移动索引中。当前Baiduspider只能读懂文本内容,对flash、图片等非文本内容暂时支持的都不好,放置在flash、图片中的文字,百度只能简单识别。

    A: 页面的URL应具有可读性

    如:http://xxx.qq.com/mobile/ vs URL:http://xxx.qq.com/m/

    第一个URL无论是对于用户还是对于spider来说都明显更具备可读性。

    URL优化应具备以下几点:

    1):带有明显辨识读的英文作为关键词

    2):详情页的URL尽量短,减少无效参数,例如统计参数等,保证同一页面只有一套URL地址,不同形式的URL301跳转到正常URL上

    加载速度

    由于移动端网速相比PC端有较大的差距,如果用户在3秒内都没有打开页面,基本会直接流失,造成页面PV和UV的减少。 移动端页面如果做了预加载的,可以在预加载的页面提供用户一下良好的引导,良性的引导用户完成预加载过程 如果没有做预加载的页面,页面打开速度必须控制在3秒以内打开

    脚本放置

    由于搜索引擎对javascript脚本支持的非常不好,所以外链的脚本和写在页面中的脚本应放置在前

    1 <div>...</div>
    2 <div>...</div>
    3 <div>...</div>
    4 <script src="/wiki/xxx.js">
    5 <script>

    PC端

    合理应用flash

    页面上,因为在视觉上要求更高不得不用到flash,但又由于搜索引擎无法读取flash文件中的文字内容和链接,这就是这里要说的要合理应用flash;

    建议: A: 页面主要部分不建议用flash,如页面导航,左侧栏等页面主要框架部分; B: 页面上某一小部分使用flash(用于增强页面的视觉冲击力); C: 页面上链接尽量不要做在flash中; D: 通过脚本去插入标签;

    产品侧SEO要点

    网站规划

    理想的网站结构是树型扁平,从首页到内容页的层级尽量少,这样更有利于搜索引擎进行处理。同时,网站内的链接也应该采用网状结构,网站上每个网页都要有指向上、下级网页以及相关内容的链接,避免出现链接孤岛:首页有到频道页的链接,频道页有到首页和普通内容页的链接、普通内容页有到上级频道以及首页的链接、内容相关的网页间互相有链接。网站中每一个网页,都应该是网站结构的一部分,都应该能通过其他网页链接到,这样才能使baiduspider 尽可能全地遍历网站内容。同时,重要内容应该距离首页更近,有利于价值传递。

    理想的网站结构应如下图:

    F页面由于位于网站较深的层级,如果在首页有直接的链接可以链到F页面,F页面的权重将和B、C、D页面权重一样。

    内容更新

    A:建议产品侧的同事对移动官网内容的更新可以做到2-3天有一篇新的内容,网站长期没有更新内容,搜索引擎会降低对网站的抓取频率。如果官网长期未有更新,重构同学可以提醒一下产品侧的同事。

    B:更新内容以原创为主,同时应该在官网最先发布再给到媒体来推广。

    友情链接

    搜索引擎在判断一个网站的质量的时候要采纳友情链接信息,也就是你的友情链接站点都是什么档次的,那么你的权重很有可能也会被归在哪个档次,所以建议添加的友情链接PR值和百度权重不应低于官网域名的PR值和百度权重。

    移动端SEO常见Q&A

    Q:我的移动站内容和PC站是一样的,这样需不需要屏蔽百度的PC搜索蜘蛛?

    A:由于百度的PC搜索和移动搜索共用同一个spider,都带有baidu标示,不要进行屏蔽。Spider在抓取时会对页面进行识别,自动判断是PC页还是mobile页,因此建议站长使用规范的html5/xhtml协议语言来建设移动站。

    Q:百度移动搜索对我的移动站收录较少,该如何做?

    A:1. 如果您同时具有PC站,且PC与移动站是一一对应的关系,请利用开放适配工具进行提交,既可以帮助移动站的收录又可以帮助您将PC站的排名转移至移动搜 索;
    2.如果您只有移动站,也可以通过我们的移动sitemap工具向百度进行提交。

    SEO目的

    1. 更好的让百度搜索收录网站中的内容;
    2. 在搜索中获得更好的排名;
    3. 让用户从众多的搜索结果中快速地找到并点击你的网站;

    关键词密度

    定义:某个词在页面上出现的次数和页面其他内容的比例;

    关键词密度一般建议:2%-8%,出现在页面上方和左侧是最好的,不要通过堆积关键词的方式来强行让某个关键词在指定范围,应该通过勤快的站点内容更新而达到目的;

  • 相关阅读:
    网站架构探索(3)负载均衡的方式
    架构师之路(6)OOD的开闭原则
    也谈IT人员流失问题 王泽宾
    技术体系的选择之Java篇
    网站架构探索(2)CDN基本常识
    设计模式之单例模式
    网站架构探索(1)序言 王泽宾
    架构师之路(39)IoC框架
    发展之道:简单与专注
    修me30打印机
  • 原文地址:https://www.cnblogs.com/jsonYoung/p/9915150.html
Copyright © 2020-2023  润新知