Wann und wofür benutzt Ihr das Title-Attribut

  • Hallo.

    Mich interessiert mal, für welche Verwendungen Ihr das title=""-Attribut gebraucht (also nicht den title-Tag für den Seitentitel im head).

    Ich habe manchmal Bilder damit versehen, manchmal diese auch Beschreibungs- oder Erklärungs-Overlays innerhalb eines Textes, um bspw. Fachbegriffe genauer zu erklären.

    In der Praxis sieht man es ja auch oft, dass in einigen Formularen die Eingabefelder ein kleines Fragezeichen-Icon anzeigen, das beim Hovern einen title-Overlay anzeigt, der dem Nutzer erklärt, was er in das Formularfeld eintragen soll.

    Sicher lässt es sich auch gut für SEO verwenden.


    Was habt Ihr sonst noch für Verwendungen dafür?


    P.S.:
    Kann man den Style für das title-Attribut eigentlich anpassen, oder müsste man für den gleichen Zweck Java-Script-Objekte einsetzen (wenn man die Overlays also nicht in schwarzer Text auf weißem Grund haben möchte) ?

    Drücken Sie die Any-Taste um fortzufahren!

  • Hallo

    Zitat

    Sicher lässt es sich auch gut für SEO verwenden.

    Das ist eine Legende, die entsprechend nicht stimmt.

    Zitat

    Was habt Ihr sonst noch für Verwendungen dafür?

    Gar keine, das title-Attribut ist überflüssig.

    Es baut Barrieren auf, indem es den Lesefluß behindert und dem Besucher sogar Informationen vorenthält. Wer seine Seite für seine Besucher erstellt und sie entsprechend benutzerfreundlich gestalten möchte, sollte auf das title-Attribut komplett verzichten.

    Zunächst erkennen viele Besucher überhaupt nicht, das sich hinter bestimmten Wörtern oder Zeichen zusätzliche Informationen verbergen. Es gehört zu den Elementen, die für Webseitenersteller so geläufig sind, dass sie sich leider überhaupt nicht vorstellen können, dass ihre Besucher teilweise damit überhaupt nichts anfangen können.

    Selbst bei denen, die die Informationen finden, stört es den Lesefluß enorm. Wenn sie die Informationen nicht aufrufen meinen sie etwas verpassen zu können. Die Informationen abzurufen erfordert aber unnötige Zeit, da das entsprechende Element erst mal mit dem Mauszeiger anviesiert und das Popup aufgerufen werden muss.

    Auf Touchscreens, die heutzutage bereits über 70% aller Geräte ausmachen, mit denen gesurft wird, ist die Bedienung noch schwieriger. Die kennen keine hover-Effekt und oft verbergen sich die Informationen hinter der Hand, deren Finger die Informationen abruft.

    Frustrierend wird es auch, wenn SEO-süchtige Webseitenersteller jede Menge title-Attribute verwenden, hinter denen sich dann aber keine entscheidenden Informationen verbergen.

    Für Besucher sind title-Attribute einfach abschreckend. Keiner will sie haben, viele Webseitenersteller bestrafen sie trotzdem dennoch rücksichtslos damit.

    Alle Informationen sollten direkt les- und abrufbar sein.

    Es bieten sich unter anderem zwei benutzerfreundliche Alternativen an:

    1. Solche Zusatzinformationen werden in einem oder mehreren aside-Elementen bereitgestellt. Das ist schließlich genau für solche Informationen "erfunden" worden.

    2. Die Informationen werden als Fußnoten bereitgestellt und verlinkt.

    In beiden Fällen können die Besucher die dort hinterlegten Informationen problemlos finden und lesen. Zudem können sie entscheiden, ob sie die dort hinterlegten Informationen beziehungsweise Erklärungen zusammenhängend lesen wollen oder sie überhaupt nicht benötigen oder sie bei Bedarf wieder aufrufen wollen.

    Zitat

    Ich habe manchmal Bilder damit versehen

    Dafür sind Bildunsterschriften besser geeignet. Die lassen sich problemlos von jedem Besucher erkennen und verursachen keine Zeitverluste beim Lesen.

    Gruss

    MrMurphy

    Einmal editiert, zuletzt von MrMurphy (27. April 2016 um 06:53)

  • Ich verwende es um Links, die zu externen Inhalten anderer Anbieter führt, per Hover anzuzeigen. Sonst gar nicht.

    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  • Moin AnyKey,
    and all...

    erstmal was MrMurpy "gesagt" hat finde ich schon mal sehr gut u. richtig -
    an dieser Stelle auch mal einen Dank an Ihn
    für die aufwendigen Bemühungen und guten Erklärungen :) Super :)

    man kann es nutzen um Stylesheets in der selben Seite auf click oder Zeit gesteuert zu tauschen
    das kann mal ganz Sinnvoll oder auch witzig sein...

    zb. um nebensächliches auf click auszublenden
    und nur den Text darzustellen evtl. auch in Größer oder anders Positioniert und Kontrastreicher

    der link dazu müsste dann für den User eindeutig beschriftet sein
    zb. - <a href= usw. ... >Nur Text anzeigen</a> oder so..

    und einen Zweiten link <a href= usw. ... >Alles Anzeigen</a> muss es natürlich noch geben.

    kannst ja mal das anschauen:
    http://www.thestyleworks.de/tut-art/style_switcher_1.shtml

    Gruß aus Hamburg modem-kind 8)


    man kann so sogar bis ins unendliche die Sheets austauschen...
    am besten Automatisch schnell Zeit gesteuert :) .. bis der User Irre wird..
    und sein Phone wegschmeißt ...lach


  • ....Gar keine, das title-Attribut ist überflüssig.....


    Die Meinung teile ich nicht.


    ...Es baut Barrieren auf, indem es den Lesefluß behindert und dem Besucher sogar Informationen vorenthält. ...


    Wie könnte eine Zusatzinformation (dazu ist der Tag ja da) Informationen vorenthalten? Den Lesefluss behindert es nur dann, wenn man ständig mit der Maus im Text herum fuchtelt oder zuviel Text ausgibt, ansonsten erweitert es die Lesemöglichkeiten in meinen Augen eher. Verweist man statt dessen z.B. auf Fussnoten, muss man ständig scollen.

    Ich nutze übrigens gerne ein JS-Script (wz_tooltip) von Walter Zorn, das eine genauere Positionierung, Farbgebebung bzw auch das permanente Einblenden erlaubt. Ausserdem lässt sich damit kompletter HTML-Code (also weiterführende Links, Bilder, ganze HTML-Seiten, für Codes Syntax-Highlight etc.) ausgeben.

    Das ist aber zugegebener Massen ein rein subjektiver Eindruck.


    ...Dafür sind Bildunsterschriften besser geeignet. Die lassen sich problemlos von jedem Besucher erkennen und verursachen keine Zeitverluste beim Lesen....


    Das hängt vom Einsatz ab. Ich nutze ganze Bilder im Title-Tag bzw Informationen wie Bildnamen, Grösse und Uploaddatum

    Wie schon gesagt, hängt die Verwendung vom Script selbst ab.


    • Zugeordnete User-Bilder werden passend zum Datensatz ausgeben.
    • Ich nutze Title z.B. im Adminbereich in der Konfiguration. Ist die Sprache "deutsch" wird immer die englische Beschreibung eingeblendet, ist sie anders als deutsch, kommt die deutsche Beschreibung.
    • Tastenkürzel (Alt+1) über den jeweiligen Buttons die belegt wurden.
    • Meine Rechtevergabe ist sehr umfangreich aber simpel über Checkbboxen zu erledigen, der Title-Tag beschreibt, welche Rechte bei der jeweiligen Checkbox (de)aktiviert werden. So bleibt nach meiner Auffassung der Bereich sehr übersichtlich
    • Statistiken (Torten/Balken-Diagramme etc.) zeigen häufig irgend welche "Datenbank" ID`s, der Title-Tag zeigt genauere Infos.
    • In den Kalendern werden lange Einträge gekürzt, um das Einheitsbild nicht zu zerlegen, der gesamte Inhalt wird dann im Title-Tag angezeigt.
    • Uploads werden namentlich gelistet, Mouseover zeigt eine Vorschau als Bild und der Title z.B. das Uploaddatum.
    • In meiner Bildergalerie zeige ich mit title den Bildnamen, die Dateigrösse und das Uploaddatum an.
    • In der "wer hat als nächstes Geburtstag" Liste wird per title angezeigt, wie viele Tage es noch bis dahin dauert.
    • und und und.....

    Ich sehe als Einsatzbereich geradezu unendliche Möglichkeiten und würde es sehr bedaueren, würde man den Tag abschaffen.

    3 Mal editiert, zuletzt von sysop (28. April 2016 um 16:01)

  • Hallo

    Hast du denn mal eine Beispielseite (keine für Webseitendesigner / -entwickler) für deine Vorgehensweise? Bei denen die Besucher das title-Element auch nutzen?

    Und wie hast du das Problem mit den Touchscreens gelöst, die bereits über 70% aller Geräte im Internet ausmachen?

    Gruss

    MrMurphy

    Einmal editiert, zuletzt von MrMurphy (28. April 2016 um 16:16)

  • Hey Sysop,
    Du hast ja nicht ganz Unrecht..
    nur wer tastet den auf dem Smartphone jeden Text oder Bild ab damit es erscheint..
    zumal es teils gar kein Hinweis gibt das da sowas hinter steckt..
    oder es ist alles farblich hervorgehoben.. u sieht dann wie ne Müllhade aus.. :)
    und dann muss er auch nooochmal irgendwo Touchen damits wieder verschwindet..
    das ist echt nervig..
    und mit der Maus auf Desktop rumkurven genauso - besonders mit Laptop..

    dann lieber <details> nutzen ... (was zwar leider nicht jeder Browser kennt.
    geht aber auch mit Javascript überall - ...mehr oder ...info
    oder Akkodeon mit Pfeil Symbol

    das verdeckt dann auch nix.. u. bleibt auch so lange offen wie ich will.. -

    Das es den Tag gibt find ich auch ganz gut..
    aber nur in geeigneten Stellen sparsam verwenden..

    und keine Sorge der Tag bleibt brauchst ja nur den Usern 2030 sagen
    das Sie bitte die Browser Version von 2016 nutzen sollen falls die
    Implementierung mal wegfallen sollte in Zukunft :)

    und guck Dir doch mal Walter Zorns Seite auf Phone an..
    da wird mir echt schlecht und ich schmeiß mich in die Ecke vor lachen.. :)

    Gruß modem-kind

  • Ja. Besten Dank schon mal.

    So, wie ich ja sehe, gehen die Meinungen da doch weit auseinander.

    Definitiv kann man es ja lassen für diejenigen, die es nutzen wollen und die anderen lassens dann halt weg.

    Drücken Sie die Any-Taste um fortzufahren!

  • Ich weiß nicht wo MrMurphy seine Statistik her nimmt, so verallgemeinern sollte man das aber auf keinen Fall (70% mobile, HA!...)

    1. SEO irrelevant ist es nicht, ist bisher immer wieder eine Kundenanforderung gewesen (alttext bzw. title nutzen)
    2. Was ist mit screenreadern? Ja man kann auch eine Headline verwenden für sektionen, alt-text für Bilder etc. - d.h. aber nicht, dass es obsolet ist.
    3. Es ist sehr engstirnig ein Feature auf seinen UseCase runterzustampfen, über hover zusatzinformationen anzuzeigen die man selten braucht, ist durchaus hilfreich. Sei es z.B. in einem CMS, oder halt anderen Weborientierten Tools (nur weil viele auf hover-sonderlösungen setzen für das UI, ist es noch kein Grund es zu verdrängen). Tools sind auch eine ganz andere niche als der normal-traffic ;)
    ... Da würde sicherlich noch mehr einfallen, reicht aber für mich.

  • Man sollte mein Post schon genau lesen, ich habe extra betont, dass es vom Script abhängig ist, in wie weit man solche Möglichkeiten einsetzt.

    modem-kind
    Mein Script basiert darauf, dass ich, Plattform unabhängig, ein "Programm" zur Erfassung von sehr grossen Datenmengen anbiete, die nach Kontakten geordnet, zusammengeführt und abgelegt werden. Uploads mit meheren Gb sind dabei keine Seltenheit. Der Einsatz auf einem Tablet/Smartphone tendiert also gegen NULL. Keine Firma, die etwas auf sich hält, drückt ihren Mitarbeitern Tablets oder gar Smartphones zur Erstellung von Excelsheets in die Hand. Also noch einmal, die Verwendung hängt vom Script und seinem Einsatz ab.

    Der Webauftritt von wz_tooltip erklärt sich so: Walter Zorn ist seit mehreren Jahren tot, was der Funktionalität seines Scripts aber keinen Abbruch tut. Ich sehe keinen Grund tausende von Zeilen jQuery einzubinden, wenn es wenige Zeilen wz_tooltip auch (und zwar sauber) tun.

    MrMurphy
    Nein, direkten Link habe ich keinen, da mein Script vornehmlich im Intranet installiert wird, aber ich lade hier mal ein paar Screenshots hoch, damit meine Verwendung ersichtlich wird. Bitte nicht davon abschrecken lassen, dass der Mauszeiger nicht ersichtlich ist.

  • Ich wusste gar nicht, dass es Kunden nach Flash-Inhalten verlangt.

    Insbesondere Großraumdiskotheken haben einst fast immer Flash-Websites gehabt. Wenn man sich heute deren Seiten anguckt, haben diese so ziemlich alle auf HTML-5 umgerüstet.

    Falls sich jemand erinnernt, gab es ja auch mal den Trend zweigleisig zu fahren, also von einer Website sowohl eine HTML- als auch eine Flash-Version anzubieten.

    Heute sind Flash-Seiten eine ausgestorbene Spezis. Gerade stellte sich ja bei Flash immer die SEO-Problematik, da diese von robots entweder gar nicht oder nur bedingt gelesen werden konnten.


    Prinzipiell kann ich mir ja schon vorstellen, dass Inhalte von title-Attributen auch SEO-relevant sein könnten, da diese Inhalte sehr wahrscheinlich auch von Robots gelesen werden.

    Drücken Sie die Any-Taste um fortzufahren!

  • OT

    Zitat von AnyKey

    Ich wusste gar nicht, dass es Kunden nach Flash-Inhalten verlangt.


    Unter dem Anspekt von z.B. Animationen, sage ich mal ja. Nun kann man über den Sinn von Animationen vortrefflich streiten, da gibt es keinen gemeinsamen Konsens, ähnlich ob einem Kunst gefällt oder nicht. Darüber kann man auch sinnlose Debatten führen.

    Es gibt Animationen, die mit keinem anderen Mittel im Web darstellbar sind, oder, wenn sie es dann sind, auf GIF oder PNG basieren und dann um Zehnerpotenzen größer in der Dateigröße sind.

    Ich habe eine solche Animation, die in Flash nur 6kB klein ist. Mit GIF wollte ich das mal umsetzen, was ich schnell wieder aufgab. Ich bekomme in keinem vertretbarem Maß Ein-/Ausblendungen hin. Selbst als Video um Zehnerpotenzen größer. Noch ein Aspekt ist die Skalierbarkeit. Ich kann meine 325x20 Pixel kleine Animation auf Browserfenstergröße maximieren ohne ein Darstellungs-/ Qualitätsverlust. Mit welcher Technologie geht das noch? Ist mir keine bekannt.

    Flash ist inzwischen wohl ein Nischenprodukt, wird aber noch etwas weiter bestehen bleiben wegen solcher Ausnahmen, denke ich.

    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.