2010-06-18 47 views
6

我真的不喜欢的链接使用选择/选项元素:正在使用选择列表进行导航SEO友好?

enter image description here

但他们已经找到自己的方式进入设计师组合作为一个选项,并尝试,因为我可能从劝阻使用它们,我知道我将失去没有Google的力量和“对SEO不利”的战斗。

我找遍了网,并能找到什么具体的支持或揭穿我的想法。

我编写的选择列表最终将具有完整的可访问性和后端脚本来跟随链接,但确实有人知道搜索引擎是否会遵循或忽略这些URL吗?

<form action="/redirect-script" method="post"> 
    <label for="url-selection">Redirect to: </label> 
    <select id="url-selection" name="url_redirect"> 
    <option value="http://example.com/" >Example.COM</option> 
    <option value="http://example.net/" >Example.NET</option> 
    <option value="http://example.org/" >Example.ORG</option> 
    </select> 
    <input type="submit" value="Go to URL" /> 
</form> 
+2

您也可能想查看UXExchange.com,并询问它们是否适用于此目的。给你更多的弹药。 – 2010-06-18 17:44:03

+0

谢谢Charles。我认为我目前在这个主题上查找了所有的信息。 – 2010-06-23 19:57:38

回答

5

它可能不是搜索引擎友好的

如果这是赞助商链接的列表:

因为这些都不是实际的链接和重定向的处理无论是服务器端脚本或客户端脚本,然后谷歌将不会对您重定向到的网站给予功劳。

我可以指出这一点:为什么有链接的下拉列表?确定它可以节省一些空间,但它需要用户点击两次以选择,然后再次点击转到链接页面。在我看来,从可用性的角度来看,您可能需要考虑一组简单的<a>标签。

+1

我完全同意理由(并且在问题之前达成一致)。真相是,我对这里的正确答案有点慷慨,但考虑到可能没有可用于反对外行的事实,这些都是我必须使用的答案... 谢谢 – 2010-06-23 20:32:36

2

select元素是一种形式的一部分,因此没有搜索引擎将看看它(因为它认为这是一种形式,没有理由)。您也将它发送到重定向脚本,所以它绝对没有办法直接告诉您网页上的网址是什么。

6

那么,超级搜索引擎如谷歌,雅虎,Bing和这样也许能最终弄明白。然而...

搜索引擎不喜欢跟着POST请求,因为他们经常做的非常特别的东西重新导向,处理身份验证(该搜索引擎无法做到),等等......所以,他们要么完全忽略他们或者也许过了一段时间后,他们会抓住一对夫妇(记住,它也必须尝试FORM中的所有可能字段的每个组合)。

大多数肯定的锚标签是要走的路。你的设计师应该担心用户的可用性,因为用户无法看到他/她可以在你的网站上进入的所有地方,这意味着他们会错过几个可能的重要链接到你的网站。当他们想要在某处导航时,着名的着名的蓝色下划线文本ng选择使用户查看其他未知事物。

+0

蓝色并加下划线的文字已经很长时间了,我知道你在2010年回答了,但我永远不会指望链接的颜色或风格。 – Dementic 2013-06-24 09:23:01

2

回答我的问题(不是实际的问题,但我认为答案)。

设计者想要一个下拉选择元素,但在语义上它是一个链接列表,所以我利用JavaScript来使链接列表的行为像可怕的select元素一样使用onClick。

$('#block-menu-menu-sites ul').append('<li id="other-sites"><span>select a site</span></li>'); 
    $('#other-sites span').click(function() { 
    $(this).parent().parent().toggleClass('open'); 
    }); 

然后用一个小小的CSS让它看起来像一个选择。这里唯一的问题是select类看起来不像浏览器的默认类。