对于来自谷歌/宾馆的访问者，主页无法正确呈现

Question

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

首先，我认为这是Google缓存问题，下次抓取工具访问主页时，它也会更新缓存的网页。

但是当我看到来自Bing的访客发生同样的事情时，我开始认为这不是与搜索引擎相关的，而且当我编写网站时，我做错了。

主页应如下所示：http://melisayavas.com/

来自Google或Bing：https://www.google.com/search?q=melisayavas

有谁知道问题是什么？

Answer 1

您的网站在Google Chrome 18中已损坏。我建议您先使用此浏览器进行修复，这可能会解决与搜索引擎相关的更多问题。

修改

我刚刚看到了您的屏幕截图，这正是我在Chrome中看到的内容。

编辑2

我可能完全错了，但是当我点击初始帖子http://melisayavas.com/中的链接时，该网站已损坏。如果重新加载页面，它也会被破坏。如果我转到浏览器的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 **

当来自引用网址时，会添加一段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>

我不熟悉Wordpress，我相信这必须来自一个名为Highlight Search Terms的插件，禁用它会修复你的网站。

Answer 2

你有一些代码错误，比如一个重复的导航div和一个丢失的结束div等。修复它们并看看它是如何显示的。

[Invalid] Markup Validation of melisayavas.com - W3C Markup Validator。在验证报告中向下滚动以查看行号和源代码。