Auf ausf\u00fchrliche, beschreibende Texte sollte man auf seiner Webseite nicht verzichten. Gerade aus SEO Sicht sind Texte mit einer entsprechenden Density (Keyworddichte) zu empfehlen. Hierbei kann es auch mal vorkommen, dass einem der Text einfach zu lang ist, um ihn auf der Startseite oder einer der Unterseiten einzubinden.
\n Den Text jedoch in irgendeiner Form \u201eunsichtbar\u201c oder kaum sichtbar einzubinden verst\u00f6\u00dft gegen die Richtlinien der Suchmaschinen ist daher absolut nicht empfehlenswert.<\/p>\n
Aber nat\u00fcrlich gibt es f\u00fcr solche F\u00e4lle eine alternativ L\u00f6sung mittels JavaScript, womit ein Teil des Textes von Beginn an ausgeblendet wird. Erst nach einem Klick auf \u201eWeiter lesen\u201c klappt der Text vollst\u00e4ndig auf.<\/p>\n
Es gibt diverse M\u00f6glichkeiten, wie man solch einen Container (Text Box) mittels JavaScript programmieren kann. Zwei bestimmte Punkte sollte man hierbei beachten:<\/p>\n
Es ist wichtig, dass der entsprechende Text vollst\u00e4ndig angezeigt wird, wenn der Nutzer \/ Besucher in seinem Browser JavaScript deaktiviert hat.<\/p>\n
Des Weiteren sollte nicht der komplette Text ausgeblendet werden, sondern maximal zwei Drittel vom kompletten Text.<\/p>\n
Ich habe eine kleine JavaScript Funktion mittels jQuery geschrieben, welche unten als ZIP zum Download angeboten wird. Mit dieser Funktion lassen sich unterschiedliche H\u00f6henwerte f\u00fcr die entsprechenden Container angeben. Dabei m\u00fcssen nur die H\u00f6henwerte in der Switch Anweisung angepasst bzw. erweitert werden.<\/p>\n
Beispiel f\u00fcr die Startseite<\/strong><\/p>\n Unser Text auf der Startseite befindet sich in einem Container mit der ID Bezeichnung \u201ewrapper\u201c und der passenden Klassenbezeichnung \u201ewertStartseite\u201c. Die Bezeichnung der ID muss \u201ewrapper\u201c sein, die entsprechende Klassenbezeichnung kann dagegen beliebig angegeben werden. In der JavaScript Datei (script.js) befindet sich die besagte Switch Anweisung. F\u00fcr jede Seite wird dort ein Case mit der entsprechenden Klassenbezeichnung und dem passenden H\u00f6henwert angegeben. Die Variable \u201eheightOpen\u201c beinhaltet die Gesamth\u00f6he des Textes. Die Variable \u201eheightClosed\u201c dagegen besagt, dass x Pixel sichtbar sein sollen. Wie folgt sehen die Case Angaben f\u00fcr unsere Beispielseite aus:<\/p>\n[php]\ncase ‚wertStartseite‘: { heightOpen = ‚570px‘; heightClosed = ‚200px‘;} Ein zweites Beispiel f\u00fcr die Unterseite<\/strong><\/p>\n Nun m\u00f6chten wir die gleiche Funktion auch auf einer Unterseite mit einem kleineren Text nutzen. Hierzu binden wir den gleichen Container auf die Unterseite ein. Ge\u00e4ndert wird nur noch die Klassenbezeichnung (class=“wertLP01″). In der JavaScript Datei (script.js) erweitern wir die Switch Anweisung mit einem weiteren Case. Auch dort geben wir die Gesamth\u00f6he (330px) sowie die H\u00f6he des Teils, der immer Sichtbar sein soll (140px), an.<\/p>\n[php]\ncase ‚wertLP01‘: { heightOpen = ‚330px‘; heightClosed = ‚140px‘;} Sollte der Nutzer \/ Besucher JavaScript in seinem Browser deaktiviert haben, wird der komplette Text ausgegeben. Auch der \u201eWeiter lesen\u2026\u201c Button erscheint nur dann, wenn JavaScript aktiviert ist.<\/p>\n Jetzt Downloaden<\/strong><\/p>\n Verfasst von Arwin Barsekhian<\/p>\n","protected":false},"excerpt":{"rendered":" Auf ausf\u00fchrliche, beschreibende Texte sollte man auf seiner Webseite nicht verzichten. Gerade aus SEO Sicht sind Texte mit einer entsprechenden Density (Keyworddichte) zu empfehlen. Hierbei kann es auch mal vorkommen, dass einem der Text einfach zu lang ist, um ihn auf der Startseite oder einer der Unterseiten einzubinden.<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[53],"tags":[],"yoast_head":"\n
\nbreak;
\n[\/php]\n
\nbreak;
\n[\/php]\nFertige ZIP Datei herunterladen<\/h2>\n