XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Dropdown-Menü ohne Skripte und Google-konform (http://xhtmlforum.de/showthread.php?t=61462)

rw1981 16.06.2010 11:12

Dropdown-Menü ohne Skripte und Google-konform
 
Hallo zusammen,

ehrlich gesagt bin ich ein wenig verwirrt.

Es geht um Dropdown-Menüs, die lediglich mit css und ohne JS auskommen sollen.
Und es geht um die Indexierung bei Google trotz Verwendung von display:none.

In unzähligen Blogs und anderen Hilfen wird die Möglichkeit vorgestellt Dropdown-Menüs ohne JS und mit Hilfe von display:none oder großem negativen margin zu erstellen.

Unzählige Threads beschwören, dass diese Methode zu einem Ausschluss bei Google führen wird.
Genauso viele Threads beschwören aber, dass dies keinen Einfluss auf die Indexierung bei Google hat.

Die Befürworter zitieren Google, die angeblich nur die Seiten ausschließen, die zudem z.B. mit einer hohen Keyword-Dichte im ausgeblendeten Bereich auffallen.
Außerdem geben Sie den Tipp display:none und Co lediglich in der css-Datei zu verwenden und diese für die robots zu sperren.



Ich kann das alles nicht beurteilen und würde von euch gerne folgendes wissen:


-Ist diese Diskussion heute noch aktuell – weiß man mittlerweile wie Google auf display:none im Zusammenhang mit Menüs reagiert?

-Wie kann man ein Drop-Down Menü ohne java script erstellen und dennoch Google-konformes css verwenden?





TAUSEND DANK für Eure Hilfe :mrgreen:

LG
Rene

hubspe 16.06.2010 11:38

Moin,

JS brauchst du eh nur für den IE 6, ist imho also zu verschmerzen.

Ich verwende diese Methode für Dropdowns.
Da brauche ich kein display:none;

Stu Nicholls hat eine Methode mit reinem CSS auch für den IE6 entwickelt. Da werden über Cond. Comments Tabellen für den IE6 eingefügt.
Da sollte man aber schon genau wissen was man tut.
Da bleibe ich lieber bei obiger Methode. ;)

rw1981 16.06.2010 11:47

Hey Klaus,

vielen lieben Dank für deine schnelle Antwort!

Also mir wäre es schon sehr wichtig, wenn das ganze ohne js im IE6 funktioeren würde.


Bei deinem Entwurf verwendest du auch "left:-9999px;".

Bekommst du hier keine Probleme mit Google?

Viele Grüße
Rene

fricca 16.06.2010 12:16

rw1981, was du in deinem Ausgangsposting schreibst, ist nur vage. Nenn doch mal deine Quellen.
Google schreibt zu verborgenen Links:
Hidden text and links - Webmaster Tools Help
Bist du der Ansicht, ein Dropdownmenü hat den Zweck, den Besucher zu täuschen oder ihm etwas vorzuenthalten?

JavaScript und display:none sind weniger ein Google-Problem als ein Besucher-Problem -- denn für manche Besucher ist derartiges nicht zugänglich.

Aus einem Thread im Sitepoint-Forum ist eine Technik für Dropdowns hervorgegangen, die ohne "offensichtliches" Ausblenden funktioniert -- und im IE6 ohne Script und ohne CC-Tabellen. Diese Technik findet man bei Stu Nicholls unter "All NEW menu system". Der Vorteil dieser Technik: auch ohne Script per Tastatur zugänglich (also wieder geht es nicht um die Suchmaschine ...)

Insgesamt würde ich sagen: Wenn du Angst davor hast, wegen verborgener Links von Google rausgekickt zu werden, dann darfst du eben kein Dropdownmenü verwenden. Es ist ja die Natur eines solchen Menüs, dass etwas Verborgenes erst auf "Anforderung" angezeigt wird.

Cocoon 16.06.2010 12:37

Zitat:

Zitat von hubspe (Beitrag 468203)
Ich verwende diese Methode für Dropdowns.

Ich weise vorsichtshalber darauf hin, dass der Beispielcode dieser Seite Fehler enthält:

Code:

<ul id="navi">
    <li><strong class="aktiv">Startseite</strong></li>
    <li><a href="#">Galerie</a><li>
        <ul>
            <li><a href="#">Fotos</a></li>
            <li><a href="#">Gemälde</a></li>
            <li><a href="#">Grafiken</a></li>
        </ul>
    </li>
    <li><a href="#">Kontakt</a></li>
    <li><a href="#">Links</a></li>
        <ul>
            <li><a href="#">Gute</a></li>
            <li><a href="#">Schlechte</a></li>
        </ul>
    </li>
    <li><a href="#">Impressum</a></li>
</ul>


rw1981 16.06.2010 12:39

Oh je, ich hoffe ich bekomme noch einige Quelle zusammen:

Oft zitiert und der Auslöser meiner Sorge ist diese Seite, auf der das Löschen vom Index durch die Nutzung von display:none beschrieben wird.


Aussage, dass display:none zu keinem Ausschluss aus dem google-Index führt
Hier ein Kommentar (ganz unten), der das bestätigt.


Mein Ziel ist eine Navi nach diesem Vorbild , welches dies hier als Quelle hat.


PS: Natürlich sind javascript und display:none ein "Besucherproblem". Es käme jedoch ein weiteres Problem hinzu, wenn die Seite nicht mehr bei google zu fidnen ist :)

Boris 16.06.2010 12:41

Anstelle von display: none kann man auch visibility: hidden setzen ;)

rw1981 16.06.2010 12:46

Zitat:

Zitat von fricca (Beitrag 468205)
Google schreibt zu verborgenen Links:
Hidden text and links - Webmaster Tools Help
Bist du der Ansicht, ein Dropdownmenü hat den Zweck, den Besucher zu täuschen oder ihm etwas vorzuenthalten?

Danke für den Link - dieser wirft ein paar Fragen auf :)

Habe ich es richtig verstanden, dass google nicht pauschal Seiten sperrt in denen display:none vorkommt?
Anscheinend wird hier manuell auf Bösartigkeit geprüft...

Zumindest müssten sie dann aber Möglichkeiten haben zu unterscheiden, ob es sich um einen Spam-Versuch handelt oder z.B. um den Teil einer Navi.


Kann ich das Thema also getrost abhaken, weil ich mir hier keine Sorgen machen muss oder sollte ich display:none bei der Navi unbedingt
vermeiden?

Das ist mir leider noch nicht ganz klar...

rw1981 16.06.2010 12:48

Zitat:

Zitat von Boris (Beitrag 468209)
Anstelle von display: none kann man auch visibility: hidden setzen ;)

Wenn google bei display:none Probleme machen würde, würden die das bei visibility:hidden sicher auch tun...

Würdet ihr die css-Datei für robots sperren?


OFFTOPIC
Ich sehe gerade, dass du ein Nachbar bist - ich komme aus Zuffenhausen... :)

heiko_rs 16.06.2010 13:17

Zitat:

Zitat von Boris (Beitrag 468209)
Anstelle von display: none kann man auch visibility: hidden setzen ;)

Ist allerdings ebenfalls weder Screenreader- noch Google-sicher. pos. abs. ins Nirwana ist immer noch die beste Methode (für Screenreader allemal). Oder, wenn man ganz sicher gehen will, versteckt man die einzublendende Subnavi im Normalzustand unter dem Header oder dem Content o.ä. (das würde Google garantiert nicht begreifen, da es dabei noch nicht einmal einen "verdächtigen" Wert wie -9999px gibt).


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:55 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023