jjzjj

ajax - SEO - 幻灯片的隐藏内容

coder 2024-02-27 原文

我正在尝试针对以下类型的页面优化我们的 SEO: http://www.skynet.be/actu-sports/dossier/1549514/ces-acteurs-morts-sur-le-tournage#slide=5

这些基本上是幻灯片放映，其中所有内容都在同一页面上可用以避免页面重新加载，但只有事件幻灯片对用户可见。 Google 已将这些页面的所有内容编入索引，甚至包括隐藏的内容，但我们有两个问题:

  1. 我们可以通过在 url 中使用 #slide=x 来访问任何幻灯片，但 Google 不理解。结果是 Google 搜索页面中显示的结果始终采用第一张幻灯片中的标题和描述。

    Would it solve the problem if we used the ajax solution with !#slideX instead? We want to avoid having page reloads so using ? + parameters doesn't look like the best option.

  2. 看起来隐藏选项卡中的内容的优先级较低。在实现那些所有内容都在同一页面上的幻灯片之前，我们为每张幻灯片提供单独的页面。由于我们将所有内容都置于同一页面下，因此 SEO 流量严重下降。

    Any idea of what we could do to improve the visibility of hidden content for Google?

每张幻灯片都“存储”在以下结构中:

<section class="info">
<div class="adv-copyright-bar"></div>
<h3 class="slide-title">SLIDESHOW TITLE</h3>
<div class="slide-description">SLIDESHOW DESCRIPTION</div>
</section>

事件幻灯片设置为 display:block 而非事件幻灯片设置为 display:none。 JS 控制行为(隐藏/显示)但是 JS 被缩小了，我真的不能把它从全局 JS 文件中取出。

谢谢! 洛朗

最佳答案

SEO 建议很难给出，而且会不断变化，因此请持保留态度。

一个不错的选择可能是切换到纯 CSS 幻灯片 (example)。这将使谷歌更容易识别内容和 anchor 链接。也许您可以将您的 JS 与纯 CSS 幻灯片相结合来重现您当前的布局。很大程度上取决于您可以并愿意为此付出多少努力。

下面是我的想法的概念验证、样式糟糕的示例。它使用 srcset 属性和 Picturefill作为获取响应图像的 polyfill(仅适用于“壮志凌云”)。另一个好处是( anchor )URL 包含几乎任意的 SEO 优化字符串。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Slideshow test</title>
<style type="text/css">
  .slide-image {
    display: inline;
  }
  .slide {
    display: none;
  }
  .slide:target {
    display: block;
  }
  .slide:target ~ section.slide {
    display: none;
  }
  .slide:last-of-type {
    display: block;
  }
</style>
<body>
<ul class="thumbnails">
  <li class="slide-image">
    <a href="#Brandon-Lee">
      <img alt="Brandon Lee"
           title="Brandon Lee"
           class="preview"
           src="http://images-mds.staticskynet.be/NewsFolder/w-132_h-75/37268_155.jpg">
    </a>
  </li>
  <li class="slide-image">
    <a href="#Tel-père,-tel-fils">
      <img alt="Tel père, tel fils"
           title="Tel père, tel fils"
           class="preview"
           src="http://images-mds.staticskynet.be/NewsFolder/w-132_h-75/37269_155.jpg">
    </a>
  </li>
  <li class="slide-image">
    <a href="#Top-Gun">
      <img alt="Top Gun"
           title="Top Gun"
           class="preview"
           src="http://images-mds.staticskynet.be/NewsFolder/w-132_h-75/37270_155.jpg">
    </a>
  </li>
</ul>

<div class="slides">
  <section id="Brandon-Lee" class="slide info">
    <img src="http://images-mds.staticskynet.be/NewsFolder/w-600_h-450_s-1/37268_155.jpg"/>
    <div class="adv-copyright-bar">
      <span class="copyright">&copy; Miramax Films</span>
    </div>
    <h3 class="slide-title">Brandon Lee</h3>
    <div class="slide-description">Le fils de Bruce Lee a été abattu sur le
    plateau de « The Crow »…</div>
  </section>
  <section id="Tel-père,-tel-fils" class="slide info">
    <img src="http://images-mds.staticskynet.be/NewsFolder/w-600_h-450_s-1/37269_155.jpg"/>
    <div class="adv-copyright-bar">
      <span class="copyright">&copy; Giga Paitchadze</span>
    </div>
    <h3 class="slide-title">Tel père, tel fils</h3>
    <div class="slide-description">Le destin n'a pas été plus souriant pour
    Bruce Lee.Le 10 mai 1973, il perd …</div>
  </section>
  <section id="Top-Gun" class="slide info">
    <img src="http://images-mds.staticskynet.be/NewsFolder/w-260_h-260_s-1/37270_155.jpg"
         srcset="http://images-mds.staticskynet.be/NewsFolder/w-335_h-335_s-1/37270_155.jpg 400w,
                 http://images-mds.staticskynet.be/NewsFolder/w-600_h-450_s-1/37270_155.jpg 600w"
         sizes="(min-width: 600px) 600px,
                (min-width: 400px) 400px,
                80vw"/>
    <div class="adv-copyright-bar">
      <span class="copyright">&copy; Paramount Pictures</span>
    </div>
    <h3 class="slide-title">Top Gun</h3>
    <div class="slide-description">Ce n'est pas un hasard si le célèbre « Top
    Gun » est dédié à Art Scholl.</div>
  </section>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/picturefill/2.3.1/picturefill.min.js"
        type="text/javascript">
</script>

关于ajax - SEO - 幻灯片的隐藏内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31020830/

幻灯ajax34gtltseohidden

有关ajax - SEO - 幻灯片的隐藏内容的更多相关文章

  1. ruby - 将数组的内容转换为 int - 2

    我需要读入一个包含数字列表的文件。此代码读取文件并将其放入二维数组中。现在我需要获取数组中所有数字的平均值，但我需要将数组的内容更改为int。有什么想法可以将to_i方法放在哪里吗？ClassTerraindefinitializefile_name@input=IO.readlines(file_name)#readinfile@size=@input[0].to_i@land=[@size]x=1whilex 最佳答案 只需将数组映射为整数:@land边注如果你想得到一条线的平均值，你可以这样做:values=@input[x]

  2. ruby-on-rails - 如何在我的 Rails 应用程序 View 中打印 ruby​​ 变量的内容？ - 2

    我是一个Rails初学者，但我想从我的RailsView(html.haml文件)中查看Ruby变量的内容。我试图在ruby​​中打印出变量(认为它会在终端中出现)，但没有得到任何结果。有什么建议吗？我知道Rails调试器，但更喜欢使用inspect来打印我的变量。 最佳答案 您可以在View中使用puts方法将信息输出到服务器控制台。您应该能够在View中的任何位置使用Haml执行以下操作:-puts@my_variable.inspect 关于ruby-on-rails-如何在我的R

  3. ruby - 查找字符串中的内容类型(数字、日期、时间、字符串等) - 2

    我正在尝试解析一个CSV文件并使用SQL命令自动为其创建一个表。CSV中的第一行给出了列标题。但我需要推断每个列的类型。Ruby中是否有任何函数可以找到每个字段中内容的类型。例如，CSV行:"12012","Test","1233.22","12:21:22","10/10/2009"应该产生像这样的类型['integer','string','float','time','date']谢谢! 最佳答案 require'time'defto_something(str)if(num=Integer(str)rescueFloat(s

  4. jquery - 我的 jquery AJAX POST 请求无需发送 Authenticity Token (Rails) - 2

    rails中是否有任何规定允许站点的所有AJAXPOST请求在没有authenticity_token的情况下通过？我有一个调用Controller方法的JqueryPOSTajax调用，但我没有在其中放置任何真实性代码，但调用成功。我的ApplicationController确实有'request_forgery_protection'并且我已经改变了config.action_controller.consider_all_requests_local在我的environments/development.rb中为false我还搜索了我的代码以确保我没有重载ajaxSend来发送

  5. ruby - 如何使用 Selenium Webdriver 根据 div 的内容执行操作？ - 2

    我有一个使用SeleniumWebdriver和Nokogiri的Ruby应用程序。我想选择一个类，然后对于那个类对应的每个div，我想根据div的内容执行一个Action。例如，我正在解析以下页面:https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=puppies这是一个搜索结果页面，我正在寻找描述中包含“Adoption”一词的第一个结果。因此机器人应该寻找带有className:"result"的div，对于每个检查它的.descriptiondiv是否包含单词“adoption

  6. jquery - 如何将 AJAX 变量从 jQuery 传递到他们的 Controller ？ - 2

    我有一个电子邮件表格。但是我正在制作一个测试电子邮件表单，用户可以在其中添加一个唯一的电子邮件，并让电子邮件测试将其发送到该特定电子邮件。为了简单起见，我决定让测试电子邮件通过ajax执行，并将整个内容粘贴到另一个电子邮件表单中。我不知道如何将变量从我的HAML发送到我的Controllernew.html.haml-form_tagadmin_email_blast_pathdoSubject%br=text_field_tag'subject',:class=>"mass_email_subject"%brBody%br=text_area_tag'message','',:nam

  7. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法？ - 2

    我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  8. Ruby隐藏与覆盖 - 2

    我刚刚了解到，在Java中，覆盖和隐藏之间是有区别的(静态方法是隐藏的，而不是覆盖)，这意味着Java使用早期绑定(bind)和后期绑定(bind)。是否有与方法隐藏类似的东西，或者它只是具有方法重写？ 最佳答案 Java具有三种不同的“方法”:实例方法，静态方法和构造函数。Ruby只有一个:实例方法。在Java中，静态方法的行为必须不同于实例方法，因为类不是对象。它们没有类，因此也没有父类(superclass)，因此没有要覆盖的内容。在Ruby中，类与其他任何对象一样都是对象，它们具有一个类，该类可以具有父类(superclas

  9. ruby - 如何在ruby中提取方括号内的内容 - 2

    我正在尝试提取方括号内的内容。到目前为止，我一直在使用它，它有效，但我想知道我是否可以直接在正则表达式中使用某些东西，而不是使用这个删除功能。a="Thisissuchagreatday[coolawesome]"a[/\[.*?\]/].delete('[]')#=>"coolawesome" 最佳答案 差不多。a="Thisissuchagreatday[coolawesome]"a[/\[(.*?)\]/,1]#=>"coolawesome"a[/(?"coolawesome"第一个依赖于提取组而不是完全匹配；第二个利用前瞻和

  10. ruby-on-rails - 如何找出拦截 'method_missing' 的内容 - 2

    使用Ruby1.8.6/Rails2.3.2我注意到在我的任何ActiveRecord模型类上调用的任何方法都返回nil而不是NoMethodError。除了烦人之外，这还破坏了动态查找器(find_by_name、find_by_id等)，因为即使存在记录，它们也总是返回nil。不从ActiveRecord::Base派生的标准类不受影响。有没有办法追踪在ActiveRecord::Base之前拦截method_missing的是什么？更新:切换到1.8.7后，我发现(感谢@MichaelKohl)will_paginate插件首先处理method_missing。但是will_pa

随机推荐