JS Bannerrotation

Bannerrotation JS

Rotations können Platz sparen und unabhängig eingebunden werden, die einfachste Variante lässt sich mit Javascript umsetzen. Dabei sollen allerdings auch ein paar SEO-Faktoren und auch die Validität des Outputs berücksichtigt werden.

Der Code

/** Zu Beginn müssen Variablen bestimmt werden. Diese werden anschließen an eine Array übergeben. **/ var link = new Array(); var title = new Array(); var image = new Array(); var alt = new Array(); /** Die erste Variable bildet der jeweilige Link, diese kann Fortlaufend erweitert werden. **/ link[1] = 'https://website.domain'; link[2] = 'https://website.domain'; link[3] = 'https://website.domain'; /** Suchmaschinen bevorzugen Links mit title-Attribut, dieses sollte nach Möglichkeiten einen Mehrwert haben **/ title[1] = 'Diese Website bietet spannenden und informativen Inhalt'; title[2] = 'Diese Website bietet spannenden und informativen Inhalt'; title[5] = 'Diese Website bietet spannenden und informativen Inhalt'; /** Nun werden die Grafiken eingebunden **/ image[1] = 'https://website.domain/img/banner.png'; image[2] = 'https://website.domain/img/banner.png'; image[3] = 'https://website.domain/img/banner.png'; /** ALT-Attribute werden nicht nur von Suchmaschinen besser bewertet. Textbrowser zeigen diese an. **/ alt[1] = 'Alternative Beschreibung zum Bild/der Website'; alt[2] = 'Alternative Beschreibung zum Bild/der Website'; alt[3] = 'Alternative Beschreibung zum Bild/der Website'; /** In der Ausgabe wird die Reihenfolge bzw. Zufallsreihenfolge berechnet und mit document.write der Banner ausgegeben **/ var num = Math.random(); var ran = Math.floor((image.length - 1) * num) + 1; document.write('<a href="' + link[ran] + '" title="' + title[ran] +'"><img src="' + image[ran] + '" alt="' + alt[ran] +'" height="60" width="468" /></a>');

Ein paar Gedanken

Dieses Beispiel befasst sich tatsächlich nur mit den Grundzügen in Sachen "SEO" und Funktionalität. Einige Verbesserungen wären z.B. seperate Variablen für "height" und "width", zu dem wäre es noch praktisdh eine Variable für do- bzw nofollowlinks zu integrieren.

Code Schnipsel

/** do- bzw nofollowlink integrieren **/ var follow = new Array(); follow[1] = 'dofollow'; follow[2] = 'nofollow'; /** height und width definieren **/ var height = new Array(); var width = new Array(); height[1] = '60'; height[2] = '15'; width[1] = '486'; width[2] = '80'; /** Dementsprechend müsste die Augabe um folgendes erweitert bzw. geändert werden **/ /** Innerhalb des Links */ rel="' + follow[ran] +'" /** Innerhalb des Images **/ height="' + height[ran] +'" width="' + width[ran] +'"

Last modified: May 27 2019 16:39:56.