个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
25
4
我正在尝试针对以下类型的页面优化我们的 SEO: http://www.skynet.be/actu-sports/dossier/1549514/ces-acteurs-morts-sur-le-tournage#slide=5
这些基本上是幻灯片放映，其中所有内容都在同一页面上可用以避免页面重新加载，但只有事件幻灯片对用户可见。 Google 已将这些页面的所有内容编入索引，甚至包括隐藏的内容，但我们有两个问题:
我们可以通过在 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.
看起来隐藏选项卡中的内容的优先级较低。在实现那些所有内容都在同一页面上的幻灯片之前，我们为每张幻灯片提供单独的页面。由于我们将所有内容都置于同一页面下，因此 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">© 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">© 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">© 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/
25
4
0
我已经阅读了一些相关内容，但无法在任何地方找到明确的答案。所以，我想在这里问这个问题。 我正在构建一个旅游指南，其中包含大量分为标签的信息。每个选项卡都有自己的内容和关键字，我想在 SEO 中对其进行
关闭。这个问题是off-topic .它目前不接受答案。 想改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。 关闭 9 年前。 Improve this
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 这个问题似乎与 help center 中定义的范围内的编程无关。 . 关闭 7 年前。 Improve
显然，来自具有高网页排名的网站的链接有助于根据 SEO 对网站进行定位。我想知道如果链接“链接”到将您重定向到目标网站的网站，是否也是如此？或者爬虫会忽略重定向(通过 javascript 还是 ph
关闭。这个问题是off-topic .它目前不接受答案。 想改善这个问题吗？ Update the question所以它是 on-topic对于堆栈溢出。 8 年前关闭。 Improve this
关闭。这个问题是off-topic .它目前不接受答案。 想改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。 关闭 9 年前。 Improve this
我们有一个网站 site.com，希望其他国家/地区的用户可以更快地访问该网站。想法是在每个大陆都有一个主机，并通过 GeoIP 重定向到该主机，例如:eu.site.com - 欧洲，us.site
我想将表格放在页面的页脚中，并使用主页面中的“联系”链接 作为 的 anchor . 从 SEO 的角度来看这是否合适，或者我应该放弃这个想法并坚持使用直接的联系页面？还是两者兼而有之？ 最佳答案
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 这个问题似乎与 help center 中定义的范围内的编程无关。 . 关闭 7 年前。 Improve
我想为不同的版本设计不同的 html，但内容相同。我计划通过在选择哪个页面模板作为响应返回之前以编程方式确定请求设备来实现这一点。 我知道那里有响应式模板开发框架，但我们有意识地对走那条路不感兴趣，因
现在什么被认为是 url 结构的最佳实践？ 出于某种原因，我认为在 url 末尾包含一个扩展名是一旦你进入层次结构的“最低”部分，例如 /category/sub-category/product.h
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。 关闭 5 年前。
我在同一页面 上创建了两种不同的布局(使用 Bootstrap )。一种用于移动设备，一种用于桌面设备。网站有不同的页面，结构复杂。一些 block 应该只在桌面上可见，反之亦然。 这是一个示例页面:
如果我有这样一个网站: google.com/index.html?c=123123&p=shoes SEO 将其设置为: google.com/index.html?code=123123&foot
我们有一个网站，它会向后端系统发出昂贵的调用以显示产品可用性。我想消除这些对非实际客户的页面浏览量的调用。我的第一个想法是过滤用户代理，如果请求者是蜘蛛/搜索引擎爬虫，则显示“请求可用性”或类似的消息
我的 Joomla 网站有问题。菜单项的 SEO 可以有效地工作。因此，如果我键入“www.example.com/about”之类的内容，它将起作用并显示相应的文章页面。所以这表明 SEF URL
我看了很多关于 seo 的网络教程，但我从来没有发现一些较大的网站在搜索时如何以及为什么会出现这种情况......我不知道在 quora 和 yahoo 旁边问这个问题，但没有人在那里回答......
关闭。这个问题是off-topic .它目前不接受答案。 想改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。 关闭 9 年前。 Improve this
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用，以及预
与其说是问题，倒不如说是问题。如果你能分辨出谷歌机器人和浏览你网站的其他用户之间的区别，然后你加载不同的内容取决于它是一个还是另一个，谷歌是否可以找到？毕竟，他们不会派人去目视检查。 最佳答案 你说的
我是一名优秀的程序员,十分优秀！