Wordpress 对于来自google/bing的访问者，主页未正确呈现

我在一个网站上遇到了一个奇怪的问题。当有人直接访问网站时，一切正常，但如果访问者从谷歌搜索或必应进入网站，主页看起来很糟糕。我在Firefox、Chrome和Safari（最新版本）上注意到了这个问题

首先，我认为这是谷歌缓存的问题，下一次爬虫将访问主页，它也会更新缓存的网页

但是当我看到来自Bing的访问者也发生同样的事情时，我开始认为这与搜索引擎无关，这是我在编写网站代码时犯的错误

这是主页的外观：

来自谷歌或必应：

---

有人知道问题是什么吗

您的站点在Google Chrome 18中被破坏。我建议你先用这个浏览器修复它，这可能会修复更多与搜索引擎相关的问题

编辑

我刚刚看到了你的截图，这正是我在Chrome上看到的

编辑2

我可能完全错了，但当我点击最初帖子中的链接时，网站就坏了。如果重新加载页面，它也会被破坏。如果我进入浏览器的URL栏并点击“回车”，网站就可以了。 我认为如果客户端发送一个Referer头，那么该站点就被破坏了

编辑3

我用curl做了一些测试来确认我的结果。此测试将产生预期结果：

$ch = curl_init('http://www.melisayavas.com/');
curl_setopt($ch, CURLOPT_REFERER, 'http://stackoverflow.com/questions/10182482/homepage-not-rendered-correctly-for-visitors-coming-from-google-bing/10182607#comment13069478_10182607');
$data = curl_exec($ch);
echo $data;

这将导致站点断开：

$ch = curl_init('http://www.melisayavas.com/');
curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
curl_setopt($ch, CURLOPT_REFERER, 'http://stackoverflow.com/questions/10182482/homepage-not-rendered-correctly-for-visitors-coming-from-google-bing/10182607#comment13069478_10182607');
$data = curl_exec($ch);
echo $data;

在你的请求中有一个推荐人会破坏网站。您的源代码是否有任何部分以引用url为条件

**编辑4**

当来自引用url时，会添加一段HTML代码：

<!-- Highlight Search Terms 0.7 ( RavanH - http://4visions.nl/en/wordpress-plugins/highlight-search-terms/ ) -->
<script type="text/javascript">
var hlst_query = new Array("http://stackoverflow.com/questions/10182482/homepage-not-rendered-correctly-for-visitors-coming-from-google-bing/10182607#comment13069478_10182607");
var hlst_areas = new Array("div.hentry","#content","#main","div.content","#middle","#container","#wrapper","article");
</script>

var hlst_query=新数组（“http://stackoverflow.com/questions/10182482/homepage-not-rendered-correctly-for-visitors-coming-from-google-bing/10182607#comment13069478_10182607");
var hlst#u areas=新数组（“div.hentry”、“内容”、“主”、“div.content”、“中间”、“容器”、“包装器”、“文章”）；

---

我不熟悉Wordpress，因为我相信它一定来自一个名为Highlight Search Terms的插件，禁用它应该可以修复你的网站。

你的网站在谷歌Chrome 18中被破坏了。我建议你先用这个浏览器修复它，这可能会修复更多与搜索引擎相关的问题

编辑

我刚刚看到了你的截图，这正是我在Chrome上看到的

编辑2

我可能完全错了，但当我点击最初帖子中的链接时，网站就坏了。如果重新加载页面，它也会被破坏。如果我进入浏览器的URL栏并点击“回车”，网站就可以了。 我认为如果客户端发送一个Referer头，那么该站点就被破坏了

编辑3

我用curl做了一些测试来确认我的结果。此测试将产生预期结果：

$ch = curl_init('http://www.melisayavas.com/');
curl_setopt($ch, CURLOPT_REFERER, 'http://stackoverflow.com/questions/10182482/homepage-not-rendered-correctly-for-visitors-coming-from-google-bing/10182607#comment13069478_10182607');
$data = curl_exec($ch);
echo $data;

这将导致站点断开：

$ch = curl_init('http://www.melisayavas.com/');
curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
curl_setopt($ch, CURLOPT_REFERER, 'http://stackoverflow.com/questions/10182482/homepage-not-rendered-correctly-for-visitors-coming-from-google-bing/10182607#comment13069478_10182607');
$data = curl_exec($ch);
echo $data;

在你的请求中有一个推荐人会破坏网站。您的源代码是否有任何部分以引用url为条件

**编辑4**

当来自引用url时，会添加一段HTML代码：

<!-- Highlight Search Terms 0.7 ( RavanH - http://4visions.nl/en/wordpress-plugins/highlight-search-terms/ ) -->
<script type="text/javascript">
var hlst_query = new Array("http://stackoverflow.com/questions/10182482/homepage-not-rendered-correctly-for-visitors-coming-from-google-bing/10182607#comment13069478_10182607");
var hlst_areas = new Array("div.hentry","#content","#main","div.content","#middle","#container","#wrapper","article");
</script>

var hlst_query=新数组（“http://stackoverflow.com/questions/10182482/homepage-not-rendered-correctly-for-visitors-coming-from-google-bing/10182607#comment13069478_10182607");
var hlst#u areas=新数组（“div.hentry”、“内容”、“主”、“div.content”、“中间”、“容器”、“包装器”、“文章”）；

---

我不熟悉Wordpress，因为我相信这一定是来自一个名为Highlight Search Terms的插件，禁用它应该可以修复您的站点。

您有一些代码错误，例如重复的导航div和丢失的结束div等。修复这些错误并查看其显示方式

---

。在验证报告中向下滚动以查看行号和源代码。

您有一些代码错误，如重复的导航div和丢失的结束div等。修复这些错误并查看其显示方式

---

。在验证报告中向下滚动以查看行号和源代码。

我看不出有什么问题。请具体说明，到底出了什么问题？当我直接从谷歌serp访问该网站时，它看起来很好。请澄清两者的区别，以便我能尽力提供帮助。谢谢，我看到页面布局略有不同——我不会说它不好，但略有不同。HTML完全相同，因此它必须是CSS或Javascript问题。当我有更多的时间时，我将不得不在家里查看它-页面上有大量javascript。不确定这是否有帮助，但当我使用google链接时，控制台会给出这个输出是的，这是一个wordpress插件（slidedeck），它添加了所有的JS，并且没有为来自搜索引擎的访问者正确呈现幻灯片。我会在主帖子中添加一个截图。我看不出有什么不好。请具体说明，到底出了什么问题？当我直接从谷歌serp访问该网站时，它看起来很好。请澄清两者的区别，以便我能尽力提供帮助。谢谢，我看到页面布局略有不同——我不会说它不好，但略有不同。HTML完全相同，因此它必须是CSS或Javascript问题。当我有更多的时间时，我将不得不在家里查看它-页面上有大量javascript。不确定这是否有帮助，但当我使用google链接时，控制台会给出这个输出是的，这是一个wordpress插件（slidedeck），它添加了所有的JS，并且没有为来自搜索引擎的访问者正确呈现幻灯片。我会在主要帖子中添加一个截图。是的，问题是只有当你来自谷歌或任何其他外部推荐时才会出现这种情况。如果您直接访问网站，它将正确呈现。即使你来自外部推荐，如果你浏览一两页，然后回到主页，你会看到