Das war ein schönes Stück Arbeit. Puhhh. Ich habe schon eine Reihe von anfragen bekommen, wie denn das backend meiner Bildergalerien funktionieren würde. Wie bereits mehrfach erwähnt, nutze ich schon seit Jahren ein „handgestricktes“ CMS. Der Grund dafür ist, dass ich bis heute keine Lösung gefunden habe, die zu meinen Anforderungen passt. Daher habe ich meine Lösung nun mal als Freeware zusammengestrickt (free & easy ;-) ). Die Bildergalerie bietet aus meiner Sicht einigen Komfort: automatische Image-Sitemap, schnelles Wechseln in den Edit-Modus, einfacher Upload inklusive Dateinamen-Optimierung, etc. Im Folgenden der Download und ein paar Installationshinweise. Würde mich freuen, wenn sich ein paar „Beta-Tester“ finden. [Bitte diese Version noch nicht wirklich nutzen, sondern bitte nur testen. Es gibt noch einige erhebliche Sicherheitslücken. Danke Stefan :-)]

Ich habe die ganze Sache „FreasyGallery“ genannt, eine „free & easy“ Bildergalerie. Die Installation sollte für alle, die schon einmal WordPress installiert haben, recht einfach sein.

Installation

• Download „freasyGallery.zip“ (44 kb)
• Entpacken der zip-Datei
• config-sample.php individualisieren: Einfügen der Datenbank-Benutzerdaten mit einem einfachen Textprogramm. Anschließend umbenennen in „config.php“.
• Hochladen der Dateien auf einen Server (ich würde eine Subdomain empfehlen, kann aber auch ein Ordner sein)
• Aufrufen der „Admin-Initialisierungsseite“ (/admin)
• Benutzername und Passwort wählen
• Allgemeine Einstellungen vornehmen
• Erste Kategorie einrichten (ohne Kategorie kann man keine weiteren Bilder hochladen). Btw: Auch Kategorien sind letztlich Bilderseiten.
• Anschließend kann man weitere Einzelbilder hochladen, die man dieser Kategorie zuordnet.
• Durch Klick auf ein Bild im Admin-Modus gelangt man sofort auf die Frontend-Seite.
• Durch Klick auf den Doppelpunkt hinter dem Begriff „Tags„ gelangt man sofort (wenn die Userdaten gespeichert sind) in den Admin-Modus und kann sofort an diesem Bild arbeiten.
• Alles weitere ist hoffentlich selbsterklärend.
• Mit jedem hochgeladenen Bild wird die Sitemap (inkl. Images) ergänzt.
• Wer mag, kann auch einen Adsense-Code einfügen, so dass oben oder unten ein Banner angezeigt wird.

Warum so und nicht anders?

• Aus meiner Sicht ist diese Galerie relativ gut Suchmaschinen-optimiert. Ein paar Hinweise dazu:
• Auf der Startseite sind stets die fünf aktuellsten Bilder zu sehen (gut für den Bot)
• Ebenso die stets aktuelle Sitemap (gut für den Bot)
• Seitentitel stets so, wie das Bild heißt
• Sprechende Dateinamen: wenn das Bild bereist einen sprechenden Dateinamen hat, kann man den Upload vornehmen, ohne etwas zu machen. Das System erzeugt alleine einen Dateinamen, den man ggf. modifizieren muss (Füllworter, Groß- Kleinschreibung etc.)
• Bildtitel in der Überschrift direkt vor dem Bild.
• Bildtitel direkt nach dem Bild.
• Keine tiefe Verschachtelung, nur zwei Ebenen (gut für Indexierung und Ranking)

Gedacht ist die Galerie auch und besonders als „Bildergalerie für einen Blog“. So zumindest mache ich es. Also neben dem Blog eine subdomain (oder eigenständige) Domain anlegen, die nur für die Bilder reserviert ist. Im Admin-Modus kann man schnell und einfach die Thumbnail-Url herauskopieren, die man dann im WordPress-Blog einfügen kann. Wenn die Bilder von einem anderen Server geladen werden, kann das die Ladegeschwindigkeit einer Seite verbessern. Außerdem hat man mit einer parallelen Galerie natürlich noch eine weitere Seite, die man schnell und einfach pflegen und ausbauen kann.

Ranken die Bilder nun automatisch super?

Nein. Mit FreasyGallery hat man eine Umgebung, die es dem Bot sehr einfach macht, das Bild zu verstehen. Für ein gutes Ranking empfehle ich, auf jeden Fall eine kurzen Bildbeschreibung einzugeben. Außerdem ist es sinnvoll, einen relevanten ausgehenden Link einzufügen. Wenn man das durchgängig macht, sollte man eine gute Bildergalerie haben, die einiges an Besuchern aus der Google Bildersuche erzeugen kann.

Design und Oberflächen

Das Ganze ist zunächst einmal auf Funktionalität angelegt. Das Design beschränkt sich auf ein paar Zeilen CSS. Der findige Seo kann das sicherlich schnell anpassen (Ich würde mich natürlich freuen, wenn die Erwähnung in der Fusszeile stehen bleibt ;-) ). Wenn sich abzeichnet, dass es ein paar leute gibt, die FreasyGallery tatsächlich nutzen wollen, werde ich auch noch ein paar Alternative Designs erstellen. Aber da das im Verhältnis sehr einfach ist, habe ich das erst mal als zweiten schritt geplant.

Beta-Tester gesucht…

So wie beschrieben sollte es zumindest sein. Allerdings war es doch ganz schön mühsam, mit meinen „Künstler-Programmierkenntnissen“ das Teil hochzustricken. Es ist vermutlich noch voll mit kleinen Fehlern. Ich würde mich freuen, wenn es die eine oder der andere mal ausprobiert.

Vor allem wäre ich natürlich dankbar, wenn die Profi-Coder mal rüberschauen, wo die Sicherheitslücken sind. Insbesondere bei einem Quell-offenen PHP-Framework sind Sicherheitlöcher natürlich ein Genickbruch. Daher: ich hoffe, ihr könnt mir die kritischen Dinge aufzeigen. Bin eben doch nur ein Amateur Künstler ;-)

Download und Demo-Seite

Hier noch mal der Link zum FreasyGallery-Download (44 kb) und zur Demo-Seite. Über Feedback freue ich mich natürlich sowieso :-) [Bitte diese Version noch nicht wirklich nutzen, sondern nur testen. Es gibt noch einige erhebliche Sicherheitslücken. Ich schreibe einen Blogpost, wenn die beseitigt sind. Danke Stefan :-)]