2010-06-18 17 views
6

Realmente no me gusta el uso de elementos de selección/opción para los enlaces:¿Está utilizando una lista de selección para la navegación SEO Friendly?

enter image description here

pero han encontrado su lugar en la cartera de diseñadores como una opción y por más que trataba de disuadirlos de usándolos, sé que voy a perder la batalla sin el poder de Google y "es malo para SEO".

He buscado en toda la red, y no puedo encontrar nada específico para apoyar o desacreditar mis pensamientos.

La lista de selección que escribo terminará teniendo accesibilidad completa con un script de back-end para seguir el enlace, pero ¿alguien sabe con certeza si los motores de búsqueda seguirán o ignorarán las 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

Es posible que también desee consultar UXExchange.com y preguntar sobre la usabilidad de los mismos para tal fin. Darte más municiones para trabajar. –

+0

Gracias Charles. Creo que tengo toda la información que estaba buscando en este hilo por el momento. –

Respuesta

5

quizás no sea SEO Friendly

Si se trata de una lista de enlaces patrocinados:

Dado que estos son los enlaces no reales y la redirección se maneja bien script del lado del servidor o script del lado del cliente entonces Google no dará crédito al sitio al que está redirigiendo.

¿Puedo señalar esto: por qué tener una lista desplegable de enlaces? Claro que puede ahorrar algo de espacio, pero requerirá que el usuario haga clic dos veces una vez para seleccionar y luego otra vez para hacer clic en la página Ir a enlace. Me parece que, desde el punto de vista de la usabilidad, es posible que desee considerar un conjunto simple de etiquetas <a>.

+1

Estoy completamente de acuerdo con el razonamiento (y estoy de acuerdo antes de la pregunta). La verdad es que estoy siendo un poco generoso con la respuesta correcta aquí, pero considerando que probablemente no haya datos disponibles que pueda usar contra un lego, estas son las respuestas que tengo que usar ... Gracias –

2

Un elemento seleccionado es parte de un formulario y, por lo tanto, ningún motor de búsqueda lo verá (porque piensa que es un formulario y no tiene ninguna razón para hacerlo). También lo está enviando a un script de redireccionamiento, por lo que no tiene forma de saber cuál es la URL directamente desde su página.

6

Bueno, los súper motores de búsqueda como Google, Yahoo, Bing y tal vez puedan resolverlo eventualmente. Sin embargo ...

A los motores de búsqueda no les gusta seguir solicitudes POST ya que a menudo hacen cosas muy especiales como redireccionamientos, manejo de autenticación (que los motores de búsqueda no pueden hacer), etc. Así que o bien los ignoran por completo o tal vez después de bastante tiempo, tomarán un par (recuerde, también debería probar cada combinación de todos los campos posibles en el FORMULARIO.

Lo más seguro es que las etiquetas de anclaje sean el camino a seguir. sus diseñadores, que deberían estar preocupados por la usabilidad del usuario. Los SELECT son terribles ya que el usuario no puede ver todos los lugares a los que puede acceder en su sitio, lo que significa que perderá varios enlaces posiblemente importantes a su sitio. Además, los usuarios están buscando por el famoso y bien conocido texto de subrayado azul cuando quieren navegar en algún lugar. Usi ng selecciona hace que el usuario vea otras cosas desconocidas.

+0

azul y el texto subrayado está muerto hace mucho tiempo, sé que respondiste en 2010, pero nunca contaría por los colores o el estilo de los enlaces. – Dementic

2

Respondiendo a mi propia pregunta (no la pregunta real, pero lo que considero la respuesta).

Los diseñadores querían un elemento de selección desplegable, pero semánticamente es una lista de enlaces, así que utilicé JavaScript para hacer que una lista de enlaces se comportara como lo hace el temido elemento de selección con 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'); 
    }); 

Luego, con un poco de CSS, todo es bonito para que parezca una selección. El único problema aquí es que la clase seleccionada no se verá como la predeterminada de un navegador.

Cuestiones relacionadas