Wie komme ich dazu?

Als aktives Mitglied der Xing-Gruppe Webtest stelle ich häufig fest, dass sich vor allem Existenzgründer gleich zu Anfang völlig unbedarft in die Erstellung ihrer eigenen Webpräsenz stürzen. Oftmals wird Nachbars Lumpi, der Freund vom Bruder der Schwester oder ein unqualifizierter MyHammer-Designer beauftragt – Hauptsache billig. In vielen Fällen kommt auch ein sogenanntes Baukasten-System zum Einsatz, welches für einen privaten Auftritt zum präsentieren der Urlaubsfotos vielleicht noch ausreichen mag, für eine professionelle geschäftliche Internetpräsenz aber völlig unzureichend ist. Diese Menschen kommen dann meist völlig unbedarft in das Webtest-Forum auf Xing um ihre Seite testen zu lassen und sind im Anschluss geschockt, wenn sie erfahren, dass hier eigentlich nur noch eins hilft: Der totale Abriss der Website und ein anschließender Neuaufbau. Wenn diese Menschen dann bis dato auch noch viel Geld ausgegeben haben, bereuen sie spätestens an diesem Punkt, nicht gleich einen qualifizierten Webdesigner beauftragt zu haben. Viele mögen Anfangs vielleicht denken “das kann doch jeder”, doch um mit seiner Website erfolgreich zu sein und über Google neue Kunden zu akquirieren, muss man gewisse “Spielregeln” beachten, die sich im Aufbau der Seite widerspiegeln müssen. Diese Regeln lernt man nicht über Nacht! Die häufigsten Fehler auf den vorgestellten Seiten sind: Ein veraltetes Tabellenlayout, welches es den Suchmaschinenspidern nur unnötig erschwert die Inhalte zu indexieren. Teilweise kommen sogar noch Frames zum Einsatz, mit denen die Bots dann schon gar nichts mehr anfangen können. Auch die Texte sind oftmals nicht nur voller Rechtschreibfehler, sondern teilweise auch als Grafiken hinterlegt und von ihrem Informationsgehalt her mangelhaft.

Von einem semiprofessionellen bis amateurhaften Layout mal ganz abgesehen, verursacht eine solche Seite auf Dauer gesehen nur Kosten, denn Sie müssen Unmengen von Geld in Adwords pumpen, weil sie nicht von “alleine” über die Google-Suchergebnisse gefunden werden. Die meisten Menschen würden wohl kaum in einem Bademantel und mit verstrubbelten Haaren auf die Straße gehen, präsentieren aber ohne Hemmungen ihre Firma mit einem katastrophalen Internet-Auftritt, der im Laufe der Zeit von einigen tausend Menschen angeklickt wird. Wenn Sie also sich und Ihrer zukünftigen Firma einen Gefallen tun wollen, betrauen Sie gleich zu Anfang einen kompetenten Webdesigner. Hier werden Sie zwar am Anfang wahrscheinlich etwas mehr bezahlen als bei einem Amateur, doch wenn er sein Handwerk versteht und Sie eingehend berät, werden Sie in Zukunft von ganz alleine über Google gefunden. Spätestens dann hat sich die Investition gelohnt.

Woran erkennt man nun einen guten Webdesigner?

Diese Frage ist schwer ist zu beantworten, als Laie wahrscheinlich auf die Schnelle gar nicht. Gucken Sie einfach mal auf Xing vorbei, dort gibt es jede Menge guter Designer, die ihr Handwerk verstehen. Lesen Sie ein bisschen in den Diskussionen mit, stöbern Sie auf seiner eigenen Seite herum und nehmen Sie den, der Ihnen am vertrauenswürdigsten und kompetesten erscheint. Dann können Sie sich ein individuelles Angebot geben lassen.

Aktualisierung: Statt des Templates gibt es auf Franklations.eu nun Webseiten für Existenzgründer. Suchmaschinenoptimiert und effizient.

Nach einem kurzen Blick in den Google-Index blieb mir dann allerdings kurzfristig das Herz stehen: Fast alle meine Artikel waren doppelt gelistet (zumindest solange, bis Google sie mit einer Machete entfernt hat), weil jeder by default nochmal separat unter der Kategorie “Tags” gelistet wird. Es kam mir doch gleich schon so komisch vor.

Die Lösung? Die Tags müssen auf jeden Fall auf meta name=”robots” content=”noindex,follow”. Nun kann man das natürlich manuell machen, aber es geht noch einfacher: Mit dem Plugin AIOSeo-Pack lässt sich das ganz einfach bewerkstelligen. Nachdem das Plugin installiert ist, gibt es unter Einstellungen -> AIOseo ein paar Checkboxen, mit denen man die Tags, Archive und Kategorien von der Indexierung ausschließen kann. Und wenn man Google zum Freund haben will, sollte man das auch tun.

Funktioniert einwandfrei.

Man kann dieses Menu benutzen, um bei umfangreichen Seiten die Navigation etwas übersichtlicher zu strukturieren und Unterkategorien zu verbergen. Hierzu brauchen wir nichts weiter, als ein bisschen JavaScript, CSS und eine ungeordnete Liste.

Einfach folgendes JavaScript in den head-Bereich der Seite einfügen:

<script language=”javascript” type=”text/javascript”>
<!–
function dropMenu(currMenu) {

if (document.getElementById) {
thisMenu = document.getElementById(currMenu).style

if(thisMenu.display == “block”) {
thisMenu.display = “none”
}
else {
thisMenu.display = “block”
}
return false
}
else {

return true
}
}

//–>
</script>

Nun brauchen wir noch das CSS, das die Listen auf ‘onclick’ verbirgt bzw. wieder sichtbar macht. Ebenfalls in den head-Bereich einfügen oder, noch besser, in eine ausgelagerte CSS-Datei:

<style type=”text/css”>
<!–
.menu {
display: none;
}
–>
</style>

Fehlt noch eine Liste, die uns als Navigationsleiste dienen soll:

<h3><a href=”#a” onclick=”return dropMenu(‘menu1′)”> Menu 1</a></h3>
<ul class=”menu” id=”menu1″>
<li><a href=”#a”>Link 1</a></li>
<li><a href=”#a”>Link 2</a></li>
<li><a href=”#a”>Link 3</a></li>
</ul>

<h3><a href=”#a” onclick=”return dropMenu(‘menu2′)”>Menu 2</a></h3>
<ul class=”menu” id=”menu2″>
<li><a href=”#a”>Link 1</a></li>
<li><a href=”#a”>Link 2</a></li>
<li><a href=”#a”>Link 3</a></li>
</ul>

<h3><a href=”#a” onclick=”return dropMenu(‘menu3′)”>Menu 3</a></h3>
<ul class=”menu” id=”menu3″>
<li><a href=”#a”>Link 1</a></li>
<li><a href=”#a”>Link 2</a></li>
<li><a href=”#a”>Link 3</a></li>
</ul>

Selbstverständlich könnt ihr die Listenelemente nun noch entsprechend mit CSS stylen und z.B. mit einem hover versehen. Den Code könnt ihr gerne kopieren und benutzen. Natürlich muss für ein ordnungsgemäßes Funktionieren dieser Navigation JavaScript im Browser aktiviert sein.

Wer sie mal im Einsatz sehen will, kann sich das Ergebnis z.B. auf ssb-natura.com ansehen. Die Seite befindet sich allerdings noch im Aufbau.

Warum?

Designer wird man nicht von heute auf morgen. Zum Erstellen einer professionellen Internetpräsenz sind außer fundierten Kenntnissen in diversen Seitenbeschreibungs- und Programmiersprachen wie HTML, CSS, PHP und JavaScript außerdem Erfahrungen im Bereich Typographie, Logodesign, Farben- und Formenlehre und Kenntnisse über verschiedene Dateiformate von Nöten, um eine zufriedenstellende Arbeit abzuliefern. Dazu kommt im Besten Fall ein gutes “Auge” für ein aktuelles, ansprechendes und benutzerfreundliches Design. All dies lernt man nicht mal eben über Nacht, sondern nur durch jahrelange und kontinuierliche Beschäftigung mit der Materie, die in einem Medium, das an Schnelllebigkeit kaum zu überbieten ist, nicht einfach mal für ein halbes Jahr unterbrochen werden kann. Daher können Sie Ihrem Designer keine größere Freude machen, als wenn Sie Ihr Schicksal vertrauensvoll in seine Hände legen. Er wird es Ihnen danken und das Ergebnis wird umso besser sein, je autonomer er arbeiten darf. Zeigen Sie ihm einfach ein paar Beispielseiten, die Ihnen vom Stil her gefallen, lehnen Sie sich zurück und lassen Sie sich überraschen! Er KANN das!

Please …. relax and trust your Designer!