Question

我想知道是否有人知道使用bootstraps Error: Bad access类创建响应式网站的SEO影响？我使用这些类创建了一个新的Bootstrap网站。在大多数页面上，主要内容位于左侧，然后页面右侧有许多链接。我的结构是这样的：

visible

所以我的问题是，这是不是一个坏主意？我担心Google / Bing / Yahoo会在我的网页上将其视为重复内容，并因此而对我进行处罚。这是一个我应该担心的问题吗？感谢。

Answer 1

您不需要为类似内容设置单独的div。下面的代码等同于您编写的内容，前提是内容与您代码中的注释中所写的内容相同，即//相同内容

use work.float_pkg.all;
use work.fixed_pkg.all;

对于向右拉，向左拉，你可以通过添加左拉和右拉类

来实现

   <div class="row">
       <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
          //Main content here on left of page
      </div>

<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
    //Content on right of page for large and medium devices
</div>
</div>

如果您希望右侧的内容不要丢弃，那么您必须明确指示它不要像这样掉落

     <div class="row">
       <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pull-left">
          //Main content here on left of page
      </div>

   <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pull-right">
    //Content on right of page for large and medium devices
     </div>
    </div>

我不会建议你复制你的div内容，因为你已经知道它对你的SEO不好并且不是维护友好的（每次更改都更新所有div而不只是一个div）

Answer 2

以这种方式使用隐藏/可见类会破坏使用引导类进行媒体大小中断的目的。虽然很难对潜在的SEO问题给出具体的答案，但重要的是要记住，即使内容设置为$.ajax({ type: "POST", url: "XMLFile1.xml", dataType: "xml", data: "<event><text>text</text> <date>date</date></event>", success: function () { alert("msg sent"); }, error: function() { alert("error"); } });，它仍然可以在源代码中看到。这是搜索引擎抓取并编入索引的内容。即使您的内容对用户不可见，搜索引擎也会看到该内容，因此仍然会“看到”您的重复内容。作为一般规则，重复的内容对于搜索引擎优化是不利的，尽管没有人能够确切地告诉你重复的内容有多么糟糕或在什么时候确切地对你的队伍造成伤害。

除了它是一个冒险的搜索引擎优化实践，它只是凌乱和难以维护，正如其他人提到的。以下标记完成同样的事情：

display: none;

Answer 3

尽量不要为每个设备公开div。可见类不适用于内容afaik，它用于设置特殊浮动，填充区域和断点。

结合使用col类来实现您的目标，而不会增加您的内容。因为你想向左/向右拉，你可能想看看.pull-left .pull-right。

Answer 4

Google将使用桌面显示的内容进行排名。这也意味着移动排名。其他内容将被忽略。我不认为Bing已经发布了有关他们进行方式的任何相关信息。

没有重复内容惩罚的事情。在你的情况下，你的SEO将不会受到任何影响。你不用担心。

建议为桌面和移动设备提供相同的主要内容（即网页内容减去菜单，广告，页脚和所有页面上显示的内容）。

我为移动搜索引擎优化维护summary以获取更多信息。

Answer 5

使用网格系统获取所需的响应结果。请记住适当调整视口。我可以推荐你here！

Bootstraps的SEO影响可见 - lg / md / sm / xs - 类

5 个答案: