铜陵网页设计-高端网站设计公司

铜陵网页设计-高端网站设计公司

4、网站建设的内容
与Yahoo和MSN相比，Google对内容的要求更“挑剔”，这也许正是常见的如“content is king”之类说法的由来。在某种意义上，网站内的网页越多，能够提供给用户所需内容的可能便越大，因此，网站具有足够多的网页，可以让Google在一定程度上认为搜索用户可以在该网站内找到搜索相关内容，从而在SERP排名中占据较靠前的位置。但是，这并不意味着为取得较好的优化效果，只需要给网站添加更多的页面即可，这些页面内容必须相关，并且在文字上符合正常的语法规则，尽管目前搜索引擎在语法及文笔上相应的判断技术还不太成熟。

5、关键词密度
同在MSN和Yahoo的优化文章中所谈到的那样，给出一个具体的数值化的最佳关键词密度是不现实的，因为最佳的关键词密度并非一成不变，其数值取决于网站类型、网站涉及主题，同时，几乎在Google每次算法更新中都有所调节。要找到最佳的关键词密度，需要至少每个月或至少每次算法调整后进行大量的分析，从这个角度说，SEO或网站优化在某种意义上繁琐多于技巧，更像是个苦力活。

从理论上讲，针对Google的网站优化方法，与针对其他搜索引擎的优化方法

Bootstrap 多媒体对象（Media Object）

本章我们将讲解 Bootstrap 中的多媒体对象（Media Object），如：图像、视频、音频等。 多媒体对象的样式可用于创建各种类型的组件（比如：博客评论），我们可以在组件中使用图文混排，图像可以左对齐或者右对齐。媒体对象可以用更少的代码来实现媒体对象与文字的混排。

接下来我们先来看个实例：

实例

<!-- 左对齐 -->

<div class="media">

  <div class="media-left">

    <img src="img_avatar1.png" class="media-object" style="width:60px">

  </div>

  <div class="media-body">

    <h4 class="media-heading">左对齐</h4>

    <p>这是一些示例文本...</p>

  </div>

</div>

<!-- 右对齐 -->

<div class="media">

  <div class="media-body">

    <h4 class="media-heading">左对齐</h4>

    <p>这是一些示例文本...</p>

  </div>

  <div class="media-right">

    <img src="img_avatar1.png" class="media-object" style="width:60px">

  </div>

</div>

尝试一下 »

结果如下所示：

默认的媒体对象

实例解析

在 <div> 元素上添加 .media 类来创建一个多媒体对象。

使用 .media-left 类让多媒体对象(图片)来实现左对齐，同样 .media-right 类实现了右对齐。

文本内容放在 class="media-body" 的 div 中，图片左对齐则放在 class="media-body" 之前，图片右对齐则放在 class="media-body" 之后。

此外，你还可以使用 .media-heading 类来设置标题。

让我们来看看下面这个有关媒体对象列表 .media-list 的实例：

顶部、底部、居中对齐

实例

<!-- 置顶 -->

<div class="media">

  <div class="media-left media-top">

    <img src="img_avatar1.png" class="media-object" style="width:60px">

  </div>

  <div class="media-body">

    <h4 class="media-heading">置顶</h4>

    <p>这是一些示例文本...</p>

  </div>

</div>

<!-- 居中对齐 -->

<div class="media">

  <div class="media-left media-middle">

    <img src="img_avatar1.png" class="media-object" style="width:60px">

  </div>

  <div class="media-body">

    <h4 class="media-heading">居中</h4>

    <p>这是一些示例文本...</p>

  </div>

</div>

<!-- 置底 -->

<div class="media">

  <div class="media-left media-bottom">

    <img src="img_avatar1.png" class="media-object" style="width:60px">

  </div>

  <div class="media-body">

    <h4 class="media-heading">置底</h4>

    <p>这是一些示例文本...</p>

  </div>

</div>

尝试一下 »

结果如下所示：

媒体对象列表

内嵌多媒体对象

一个多媒体对象内还可以包含多个多媒体对象：

实例

<div class="media">

  <div class="media-left">

    <img src="https://static.runoob.com/images/mix/img_avatar.png" class="media-object" style="width:45px">

  </div>

  <div class="media-body">

    <h4 class="media-heading">RUNOOB-1 <small><i>Posted on February 19, 2016</i></small></h4>

    <p>这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。</p>

    <!-- 内嵌多媒体对象 -->

    <div class="media">

      <div class="media-left">

        <img src="https://static.runoob.com/images/mix/img_avatar.png" class="media-object" style="width:45px">

      </div>

      <div class="media-body">

        <h4 class="media-heading">RUNOOB-2 <small><i>Posted on February 19, 2016</i></small></h4>

        <p>这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。</

铜陵网页设计-高端网站设计公司