2010-06-18 4 views
6

Ich mag es nicht wirklich die Verwendung von select/Option Elemente für Links:Verwendet eine Auswahlliste für die Navigation SEO Friendly?

enter image description here

Aber sie haben ihren Weg in die Designer-Portfolio als Option gefunden und versuchen, wie ich könnte sie davon abzubringen, Wenn ich sie verwende, weiß ich, dass ich den Kampf ohne die Macht Google verlieren werde und "es ist schlecht für SEO".

Ich suchte überall im Netz, und kann nichts spezifisch finden, um meine Gedanken zu stützen oder zu entlarven.

Die Select-Liste, die ich schreibe, wird am Ende volle Zugänglichkeit mit einem Back-End-Skript haben, um den Link zu folgen, aber weiß jemand sicher, ob Suchmaschinen folgen oder die URLs ignorieren?

<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

Sie können auch UXExchange.com auschecken und nach deren Verwendbarkeit für diesen Zweck fragen. Gib dir noch mehr Munition, um damit zu arbeiten. –

+0

Danke Charles. Ich denke, dass ich im Moment alle Informationen habe, nach denen ich in diesem Thread gesucht habe. –

Antwort

5

Sein vermutlich nicht SEO Friendly

Wenn dies eine Liste von Sponsored Links ist:

Da es sich um keine echten Links und Umleitung behandelt wird entweder Server-Side-Scripting oder Client-Side-Scripting dann Google wird der Seite, auf die Sie umleiten, keinen Kredit geben.

Kann ich darauf hinweisen: Warum haben Sie eine Dropdown-Liste mit Links? Sicher, es kann etwas Speicherplatz sparen, aber es wird erforderlich sein, dass der Benutzer zweimal zweimal klickt, um auszuwählen und dann erneut auf die Gehe zu Link-Seite zu klicken. Scheint mir, dass Sie von einem Usability-Standpunkt aus einen einfachen Satz von <a> Tags betrachten sollten.

+1

Ich bin voll und ganz einverstanden mit der Begründung (und vor der Frage vereinbart). Die Wahrheit ist, dass ich ein bisschen großzügig mit der richtigen Antwort hier bin, aber wenn man bedenkt, dass es wahrscheinlich keine Fakten gibt, die ich gegen einen Laien verwenden kann, sind das die Antworten, die ich verwenden muss ... Danke –

2

Ein ausgewähltes Element ist Teil eines Formulars und daher wird keine Suchmaschine es betrachten (weil es denkt, dass es ein Formular ist und keinen Grund hat). Sie senden es auch an ein Umleitungsskript, sodass es absolut nicht möglich ist zu sagen, welche URL direkt von Ihrer Seite stammt.

6

Nun, die Super-Suchmaschinen wie Google, Yahoo, Bing und so könnten in der Lage sein, es schließlich herauszufinden. Allerdings ...

Suchmaschinen nicht gerne POST-Anfragen zu folgen, da sie oft sehr spezielle Dinge wie Weiterleitungen tun, handhaben Authentifizierung (die Suchmaschinen nicht tun können), etc ... Also entweder sie ignorieren sie vollständig oder vielleicht nach einer Weile, sie werden ein paar greifen (denken Sie daran, es würde auch versuchen, jede Kombination aller möglichen Felder in der FORM selbst.

sicherlich Anker Tags sind der Weg zu gehen. Auch für Ihre Designer, die sich Sorgen um die Benutzerfreundlichkeit machen sollten: SELECTs sind schrecklich, da der Benutzer nicht alle Orte sehen kann, die er/sie auf Ihrer Website besuchen kann, was bedeutet, dass er mehrere möglicherweise wichtige Links zu Ihrer Website verpassen wird für den berühmten, bekannten blauen Unterstreichtext, wenn sie irgendwohin navigieren wollen ng selects lässt den Benutzer andere, unbekannte Dinge sehen.

+0

Danke und unterstrichener Text ist schon lange tot, ich weiß, dass du auf 2010 geantwortet hast, aber ich würde nie für die Farben oder den Stil für Links zählen. – Dementic

2

Beantworten meiner eigenen Frage (nicht die eigentliche Frage, aber was ich als die Antwort betrachte).

Die Designer wollten ein Dropdown-Element select, aber semantisch ist es eine Liste von Links, also habe ich JavaScript verwendet, um eine Liste von Links so zu machen, wie das gefürchtete select-Element mit 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'); 
    }); 

Dann mit ein wenig css machen es alles schön, wie ein auserlesenes auszusehen. Das einzige Problem hier ist, dass die Select-Klasse nicht wie der Standard eines Browsers aussehen wird.