• 《SEO在网页制作中的应用》视频笔记


    学习了慕课网《SEO在网页制作中的应用》视频,今天将里面的知识整理一下。

    一、SEO介绍

      1.  搜索引擎工作原理

      搜索引擎现在主流有百度、谷歌、360,他们都有庞大的搜索引擎数据库,每个关键字对应很多网址,搜索引擎爬虫从一个链接到另一个链接,分析提炼其中的内容,找到关键字,如果是重要的或是首次出现的内容,就会添加到搜索引擎数据库,如果是垃圾内容或是重复内日你给,爬虫就会略过。当用户(比如在百度)搜索信息时,搜索引擎就从数据库检索出与之相关的网址,然后展示给用户,因为一个关键字可以对应很多网址,所以就会出现排序的问题。如果是爬虫看得懂的语言,爬虫可以准确理解网页的内容,就会被爬虫收录。怎样使用爬虫看得懂的语言,就是今天要讲的SEO。

      2.  SEO简介

      SEO是由英文Search Engine Optimization缩写而来, 中文意译为“搜索引擎优化”。

      SEO是为了提升网页在搜索引擎中的收录数量,以及排序位置而做的优化行为。其实就是让百度、谷歌等搜索引擎多多收录我们精心制作的网站,同时在用户搜索相关内容时,网站链接就排在搜索引擎的前面。

      3.  SEO分类

      白帽SEO。起到改良、规范网站设计的作用,使之对搜索引擎和用户更加友好,并且网站也可从搜索引擎中获取更多合理的流量,这是搜索引擎鼓励和支持的。我们说的SEO就是白帽SEO。

      黑帽SEO。利用、放大搜索引擎的缺陷,来获得更多用户的访问量。这类行为大都是欺骗搜索引擎。这是搜索引擎反对的。

    二、网站内容的SEO

    1. 对网站的标题、关键字、描述进行精心设计。反应网站定位,让搜索引擎明白网站是做什么的。
    2. 网站内容优化。增加关键字的密度,增加长尾关键字。
    3. 在网站合理设置Robot.txt文件。
    4. 生成针对搜索引擎友好的网站地图。
    5. 增加外链使用。

    三、前端攻城师与SEO

      网站结构布局优化

      合理规划站点结构。我们提倡扁平化结构。

    1. 控制首页链接数量。网站首页是权重最高的地方,太多或太少都不行,对于中小型企业,首页链接控制在100个以内,链接的性质可以包括页面导航、底部导航、锚文字链接等,前提要有良好的用户体验。
    2. 扁平化目录层次。尽量让小蜘蛛跳转三次就可到达网站内任何一页。
    3. 导航SEO优化。主要有主导航、副导航、面包屑导航,导航一般以文字方式为主,如果用img,要加title和alt属性。面包屑导航可以让用户知道当前所处的位置,以及当前页面在整个网站中的位置,有返回各个阶层的入口,方便用户操作。
    4. 注意网站加载速度,太慢的加载速度是留不住用户的。控制页面的大小,一个页面最好不大于100k,太大影响页面加载速度。

      网页代码优化

    1. <title>标题。强调重点即可,把重要的关键词放在前面,不要重复出现,每个页面的title不要设置相同的。
    2. <meta keywords>关键词。列举出几个重要关键词即可,不要过分堆砌。
    3. <meta description>网页描述。要高度概括网页的内容,不要太长,也不要过分堆砌关键词。每个页面description也要有所不同。

      网页代码提倡语义化代码。html每个标签都有它的意义,在适当的位置用适当的标签,更好的让用户和搜索引擎都一目了然。

    1. <ul>标签多用于无序列表。
    2. <ol>标签多用于有序列表。
    3. <dl>标签多用于定义数据列表。
    4. <em>、<strong>标签表示强调。
    5. <a>标签。要加title说明,对于指向其它网站的链接,要加上rel="nofollow",表示告诉小蜘蛛不要爬向这个链接,如果爬向这个链接,就不一定能回来了。
    6. <h1>标签。标题要用<h1>标签,因为小蜘蛛认为h1的内容是最重要的,正文标题肯定要用h1,字体大小用css调整。副标题用<h2>,其它不重要的地方就不要用h标签了。
    7. <p>标签用于正文段落。
    8. <br>标签。只能用于文本内容的换行,不能直接用于标签的换行。比如下面这样:
      <div>
      <span>title</span><br>
      <span>item1</span><br>
      <span>item2</span>
      </div>
      
      上面这么用<br>标签是不对的,要这样用:
      
      <p>
      文本第一行<br>
      文本第二行<br>
      文本第三行
      </p>
      
      或是:
      
      <p>文本第一行</p>
      <p><br></p>
      <p>文本第二行</p>
    9. <table>标签。要用<caption>定义表格名称。
    10. <img>标签。要加alt属性。
    11. <strong><em>和<b><i>标签。

      <strong>标签是权重标签的代表,在搜索引擎中能够得到高度重视,它能突出关键词,表现关键的内容。<b>标签在浏览器中显示效果和<strong>是一样的,但是在SEO中并不会起到很好的效果,所以还是推荐使用<strong>标签。

      <em>和<i>标签在浏览器中表现为斜体,意思也是强调主体内容,吸引用户关注,它们的权重仅次于<strong>。

      如果在网页上仅仅表现为加粗斜体的效果,建议使用<b><i>标签,如果使用<strong><em>就会影响到SEO的效果。

      如果是为了强调文字内容,则建议使用<strong><em>标签。

      tips:

    1. 把重要内容的html代码放在最前面。小蜘蛛的抓取是从上到下,利用这一特点可以优先读取重要代码,将广告等不重要的代码放在下面。
    2. 重要内容不要用js输出。
    3. 尽少使用iframe框架。
    4. 谨慎使用display:none;。对于暂时不想显示的文字,可以用z-index等方法,将其设置在浏览器显示范围外,因为小蜘蛛会过滤掉display:none;里面的内容。
    5. 不断精简代码。能用一个标签完成的事就不要使用两个标签。
    6. 正文段落中尽量不用&nbsp;编码,可以使用margin、padding、text-indent。

    欢迎留言~

      

     

  • 相关阅读:
    touch创建文件
    excel如何冻结首行或首列及首行首列同时冻结
    cd mkdir mv cp rm 命令目录相关操作
    months_between()用法
    sysdate()简单用法
    round()和trunc()用法
    length() 用法
    replace 用法
    orcl 中upper()和lower()和initcap()的用法
    orcl 复杂查询
  • 原文地址:https://www.cnblogs.com/chenglu/p/7020335.html
Copyright © 2020-2023  润新知