Archives For Webdesign & Entwicklung

Wer eine eigene Website hat oder im Webdesign tätig ist findet hier nützliche Tipps und Tricks.

Das Web ist bisher als eine “Typographische Wüste” bekannt. Denn nur einige wenige Schriftarten (Fonts) können auf nahezu jedem Rechner angezeigt werden. Damit macht Google jetzt Schluss! Mit einem neuen Dienst, der Google Font Directory, können viele besondere Schriftarten einfach und schnell eingebunden werden. Diese werden bei jedem User angezeigt, auch wenn er diesen Font nicht auf dem PC installiert hat!

Continue Reading...

Wenn eine Website eine gute Suchmaschinenplatzierung haben soll, dann müssen viele verschiedene Faktoren zusammenspielen. Hier möchte ich einen der grundlegensten Ranking-Faktoren vorstellen: die Meta-Tags. Welche sind unverzichtbar, welche unnötig? Lesen Sie weiter!

Continue Reading...

In diesem Artikel möchte ich euch die “Webdesign-Grundausstattung” zeigen. Es gibt Fünf Programme, ohne die es fast unmöglich ist, zu Designen. Natürlich stelle ich auch kostenlose Alternativen vor.

1. Adobe Photoshop

Eine Website ohne eine einzige Grafik ist langweilig. Um Grafiken zu erstellen gibt es verschiedene Programme, Photoshop ist der Platzhirsch in diesem Bereich. Und das zurecht. Denn das Programm kommt mit mächtigen Werkzeugen zur Erstellung von Grafiken daher. So gibt es fast nichts, was unmöglich ist. Für den Preis von knapp 1000€ überlegt man sich die Anschaffung jedoch noch einmal.

Die kostenlose Alternative ist das OpenSource-Programm “GIMP“. Leider nicht ganz so leicht zu bedienen, jedoch lassen sich auch damit ganz hübsche Grafiken erstellen. Für den professionellen Einsatz jedoch eher ungeeignet.

2. Adobe Dreamweaver

Wer HTML schreiben will, der braucht natürlich einen Editor dafür. Ein weiteres Produkt aus dem Hause Adobe steht dafür als Referenzprodukt in der Branche: Adobe Dreamweaver. Auch hier ist der Anschaffungspreis mitknapp 550€ hoch, und besonders wenn man bedenkt, dass Dreamweaver keine wirklich besonderen Funktionen gegenüber der Konkurrenz bietet, sollte man sich die Anschaffung überlegen.

Die kostenlose Alternative heißt “Weaverslave“. Der Editor hat fast den gleichen Funktionsumfang wie Dreamweaver und kostet keinen Cent. Weitere Alternativen sind “Notepad ++ “ und PSPad, vielen Dank an Chrissie und Renner für den Hinweis.

3. Adobe Flash

Und noch eine Software von Adobe ist in Ihrem Bereich Marktführer. Für das Erstellen von Flash-Animationen eignet sich im Grunde genommen nur Adobe Flash, leider gibt es dazu keine ernstzunehmenden Alternativen. Der Preis ist mit 785€ sehr happig.

4. FileZilla

Eine Website muss natürlich ins Internet übertragen werden. Dazu eignet sich der FTP-Client FileZilla besonders gut. Hierzu benötigt man keine Alternative, da er eh schon kostenlos und OpenSource ist.

5. Microsoft Office Visio

Damit die Reihenfolge und Positionierung der einzelnen Menüpunkte logisch ist (-> Informationsarchitektur, IA), gibt es spezielle Programme, mit denen man die Informationen visualisieren kann. Das heißt, man kann die einzelnen Menüpunkte in dieser Software ordnen. Microsoft Office Visio eignet sich dazu sehr gut, ist mit knapp 700€ jedoch sehr teuer.

Als kostenlose Alternative bietet sich OpenOffice Draw an. Einfach aufgebaut, und etwas abgespeckt.

Das Alexa Traffic Ranking sagt einiges über die Popularität einer Website aus. Umso niedriger das der Traffic Rank ist, um so besser. Anfangs missachtet, wird der Traffic Rank heute von vielen Werbeplanern eingesetzt, um zu sehen, wie populär eine Website ist.

Wir zeigen in diesem Artikel, wie Sie ihr Ranking bei alexa.com verbessern können.

Alexa zählt die Besucher unter anderem mit Hilfe der

Alexa Toolbar

Ein Websitebetreiber besucht seine Website sehr oft. Damit diese Besuche in die Wertung miteinfließen, und so ein besseres Ranking erzielt wird, bedarf es nur einer kleinen Toolbar.

Die Alexa Toolbar ist für Mozilla Firefox und den Microsoft Internet Explorer hier zum Download verfügbar. Wenn Sie nach Installation der Toolbar Ihre Website regelmäßig besuchen, dann werden Sie nach einigen Tagen die ersten Erfolge beobachten können.

Alexa Widget

Eine weitere Möglichkeit zum Verbessern des Rankings ist, das Alexa-Widget im eigenen Blog bzw in der eigenen Website zu installieren. Am besten aufgehoben ist es meiner Meinung nach in der Sidebar. Immer wenn ein Besucher auf das Widget klickt, werden diese Daten zum Erfassen von neuen Besuchern durch Alexa verwendet, und können somit das Ranking verbessern. Das ganze sieht dann so aus:

Es gibt auch verbotene Methoden, mit denen sich die gleichen Erfolge erzielen lassen. Jedoch will ich bei den “richtigen” Methoden bleiben.