Alle Blog-Einträge aus der Kategorie

Webdesign


Hotvisions.de Update: Gratis Wallpapers, Atom-Feeds, schöne URLs und jede Menge SEO...

16.05.2010

Tags: Webdesign, Tobias Holzhäuser, Gratis

'.$tagsname1.' '.$tagsname2.' '.$tagsname3.'

Mein letzter "echter" Blogeintrag ist ja nun schon einige Zeit her, aber in der Zwischenzeit hat sich auf Hotvisions.de einiges getan: die neuen Gratis Wallpapers, "schöne URLs", ein subtiles Re-Design, unzählige Optimierungen unter der Haube sowie Blog und Projekte als Atom-Feeds zum kostenlosen abonnieren - es lohnt sich auf jeden Fall, mal wieder reinzuschauen!

In den letzten Wochen habe ich mich verstärkt mit dem Thema SEO (Suchmaschinenoptimierung) beschäftigt. Anlass waren zwei Affiliate-Seiten, die ich auf die Schnelle entworfen und umgesetzt habe und die ich nun natürlich gerne bei google so weit oben wie möglich sehen würde - einigen ist sicher schon der Blogeintrag aufgefallen, der als einer von bisher ca. 120 Backlinks dient. Bei diesen Seiten liegt der Fokus tatsächlich auf der Optimierung für Suchmaschinen, die Qualität des Contents ist eher zweitrangig. Bei der Optimierung von Hotvisions.de stand hingegen vor allem der User im Mittelpunkt und nur in zweiter Linie der Suchmaschinen-Bot.

Je mehr Infos zum Thema ich gelesen habe, umso mehr wurde mir bewusst, wie schlecht sichtbar Hotvisions.de für Suchmaschinen ist. Aber Suchmaschinenoptimierung ist auch immer gleichzeitig Optimierung für Menschen, das zeigen die offensichtlichsten Änderungen: die URLs z.B., also die Web-Adressen über die die Unterseiten zu erreichen sind, waren vorher dynamisch, sahen also so aus: http://www.hotvisions.de/index.php?page=2&detail=42. Jetzt ist die gleiche Seite unter www.hotvisions.de/projekte/42.html erreichbar. Ich denke der Vorteil erschließt sich. Damit aber alle die noch einen "alten" Link gespeichert haben trotzdem auf der richtigen Seite rauskommen, mussten noch jede Menge Umleitungen eingerichtet werden (sh. Bild oben), was mich eine weitere Woche gekostet hat.

Ein weiteres Problem war, dass meine Überschriften alle als Bilder eingebunden waren, weil man nur so beliebige Schriftarten verwenden kann. Für Suchmaschinen - genauso wie für Bildschirm-Lesegeräte für körperlich beeinträchtigte Menschen - sind Bilder aber weitgehend unsichtbar, und gerade die Struktur der Überschriften hilft ihnen die Struktur der Seite zu verstehen. Darum habe ich mich nun doch zu einem Kompromiss entschlossen: Überschriften werden jetzt als normaler Text ausgegeben, dabei sind eine Reihe von Alternativ-Schriften definiert, falls der Anwender meine bevorzugte Schriftart nicht installiert hat. So sieht Hotvisions.de zwar nicht auf jedem Rechner gleich aus, ist dadurch aber viel besser zugänglich für Mensch und Maschine. Alle weiteren Bilder und Links wurden mit Titeln und Alternativ-Texten versehen, um sie so genau wie möglich zu beschreiben.

Aber noch viel spannender als die technischen Details sind sicher die neuen Features:
In der neuen Rubrik Gratis Wallpapers gibt es jetzt ausgewählte Hotvisions Fotos und bald auch Designs als Desktop-Hintergrundbild in HD-Auflösung! Die Wallpapers-Seiten sind die einzigen auf Hotvisions.de, auf denen Werbung eingeblendet wird. Speicherplatz und Bandbreite kosten Geld und ich hoffe, dass der eine oder andere der sich ein Wallpaper runterlädt auch mal auf einen oder zwei Banner klickt um Hotvisions.de zu unterstützen. Ich versuche, so weit möglich Einfluss auf die eingeblendeten Werbepartner zu nehmen um die Qualität der Seite hochzuhalten, allerdings ist das in manchen Fällen leider nicht möglich. Schreibt mir doch mal eure Meinung zu Werbung auf Hotvisions.de in einem Kommentar...

Und last not least: wer immer auf dem Laufenden sein möchte wenn sich was tut bei Hotvisions, abonniert einfach meine beiden neuen Atom-Feeds: Hotvisions Blog und Hotvisions Projekte.

Hotvisions.de v2: Tags & Kommentare

12.04.2008

Tags: Design, Webdesign, Tobias Holzhäuser

'.$tagsname1.' '.$tagsname2.' '.$tagsname3.'

Tags und Kommentare scheinen zu funktionieren, aus technischer Sicht ist die Seite damit fast fertig. Falls Ihr noch Fehler entdeckt, schreibt mir!

Puh! Langsam aber sicher kommt die Zielgerade in Sicht. Wenn ich vorher gewusst hätte, wie viel Arbeit diese Seite sein würde hätte ich wahrscheinlich gar nicht erst angefangen: 2000 Zeilen selbstgeschriebener Code, zwei Wochen lang jede freie Minute vor dem Rechner verbracht. Ob sich's gelohnt hat müsst Ihr mir sagen... Als nächstes folgen wohl erst mal noch ein paar Blogeinträge. Weitere Projekte könnten noch ein Bisschen auf sich warten lassen: Die meisten Fotos habe ich nur auf schwarzweiss-Filmen, die ich erstmal scannen lassen muss und für neue Fotos brauche ich dringend eine Digitalkamera. Für beides ist grade kein Geld da, aber ich werde sehen was ich tun kann...

Hotvisions.de v2: Erste beta online

07.04.2008

Tags: Design, Webdesign, Tobias Holzhäuser

'.$tagsname1.' '.$tagsname2.' '.$tagsname3.'

Ja ja, ich weiß. Viel gibt's noch nicht zu sehen. Schaut euch doch trotzdem mal um und stimmt mit ab!

Sechs Projekte und (mit diesem) zwei Blogeinträge. Viel ist das nicht. Ausserdem funktionieren die Tags nicht, Kommentare gibt's noch gar nicht. Alles scheiße? Nein, beta! Da oben steht's. Demnächst gibt's schon mehr. Also einfach mal wieder reinschauen. Und abstimmen nicht vergessen!

Hotvisions.de v2

24.03.2008

Tags: Design, Webdesign, Tobias Holzhäuser

'.$tagsname1.' '.$tagsname2.' '.$tagsname3.'

Neues von der Baustelle:
Das Layout steht, Intro, Projekte und Blog werden dynamisch aus der Datenbank ausgelesen, Mootools sind implementiert (für Javascript-Effekte).

Hotvisions wird in Zukunft nicht nur anders aussehen, die ganze Seite wird vom Grund neu aufgebaut. Während früher jede Seite einzeln in Dreamweaver gestaltet werden musste, kommt jetzt eine Kombination aus standardkonformem XHTML, CSS und Javascript für die Präsentation sowie PHP und MySQL als "Unterbau" zum Einsatz, was das Hinzufügen und Ändern von Inhalten enorm vereinfachen wird. Allerdings muss der neue Code auf Herz und Nieren getestet werden. Dazu gehört, dass die Datenbank mit mehr oder weniger sinnlosen Test-Projekten und Blogeinträgen wie diesem gefüllt werden muss.