javascript - 搜索引擎优化和显示 : none

标签 javascript jquery html css seo

<分区>

我知道类似的问题已被问过一百万次,但我有一个关于 SEO 和 CSS 显示的非常具体的问题:无。 我的理解是,从 SEO 的 Angular 来看,使用 display:none 隐藏元素是可以接受的,只要你不想偷偷摸摸并且有一些实际显示元素的东西,例如JavaScript/jQuery。 如果我的脚本没有具体显示这些元素怎么办? 我的意思是说我有以下内容:

<a class="pin" id="cont1"></a>
<a class="pin" id="cont2"></a>

<div class="container" id="container1">
   <p>Some text</p>
</div>
<div class="container" id="container2">
   <p>Some more text</p>
</div>

容器 div 是 display:none,点击 pin anchor 显示相关的 div,即 pin“cont1”显示“container1”,“cont2”显示“container2”等。 然而,执行此操作的脚本并未引用特定的 div。相反,它从 anchor ID 中提取数字以知道要显示哪个 div,即

$('.pin').each(function () {
    $(this).click(function () {
        var contId = $(this).attr('id').substr($(this).attr('id').length - 1);
        var container = document.getElementById('container' + contId);
        if ($(container).css('display') == 'none') {
            $(container).fadeIn();
        } else {
            $(container).fadeOut();
        }
    })
});

基本上,显示/隐藏的元素是在脚本中制定的,实际的 div id 没有直接引用。 您认为这种方法会受到 Google 的惩罚吗?这会被视为从未显示的隐藏内容吗? (即使它实际上是)

最佳答案

没有。自从使用 CSS/JS 隐藏内容可以欺骗他们的日子以来,谷歌已经发生了很大变化。只要您提供的内容(无论可见与否)不是垃圾邮件、无用链接或废话,您就可以在需要时隐藏内容。毕竟,如果内容在页面上,Google 可以读取它,那么您自己唯一能做的就是无意义的内容。

关于javascript - 搜索引擎优化和显示 : none,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22313672/

相关文章:

javascript - 使用 Nodejs 读取存储在 aws S3 中的 JSON 文件

javascript - 这是一个好的绑定(bind)方法吗?

html - &lt;script&gt; 标签是否需要 'type' 属性?

css - 为什么我的 RSS 提要在我向右浮动时显示在底部?

javascript - 用 PHP 数组填充 JQuery 自动完成

javascript - 引用范围之外的 Angular 函数

Firefox 中的 jQuery 和 CSS 动画断断续续

javascript - 在 jQuery 中,我应该选择 live()、delegate() 还是 on()?

javascript - 如何获取对象数组中最大值的索引?

html - 如何将图像始终保持在页面的 Angular 落,但向下滚动时不再可见?