Unternehmensfähige Bilderoptimierung in der Twittersidebar

Bilderoptimierung für Twittersidebar

Seit nun fast einem Jahr bin ich Teil dieses Blogs und journalistischer Partner von Mirco. Um das etwas zu “feiern” habe ich etwas besonderes vorbereitet. Ich versuche dieses kleine Present bis zum 13. Dezember dieses Jahres fertig zu stellen. Grund für dieses Datum ist, dass genau dann 365 Tage seit meinem ersten Artikel vergangen sind.

Durch erfolgreichen Einstiegsartikel über das Social Media Tracking Tool “Twenty Feet” ist das Medium Twitter immer mehr in den Fokus meiner täglichen Surfgewohnheiten und Artikelthemen (und das nicht zu letzt wegen Twittersmash) gerückt. So kam es also, dass ich mich folglich intensiv mit der Einbindung von Twitter in Unternehmen beschäftigt habe.

Bei dem kleinen Present handelt es sich um eine Artikelserie, die sich mit dem Sinn und Nutzen von Twitter in Unternehmen beschäftigt. Infolgedessen habe ich mir auch einige Maßnahmen der Optimierung des eigenen Kanals überlegt.

An dieser Stelle möchte ich nun einen kurzen (exklusiven) Ausblick auf das Kapitel >>Bilderoptimierung in der Twittersidebar<< geben.

Unternehmensfähige Bilderoptimierung in der Twittersidebar

Twittersidebar - Vorher

In den heutigen Tagen ist die Online-Reputation enorm wichtig. Von Bedeutung sind außerdem der Content und ein gepflegter Webauftritt. Nicht zu letzt begeben sich immer mehr Unternehmen ins Social Web. Das ist seit einiger Zeit nichts mehr Neues.

Jedoch scheint es vielen Unternehmen sowohl auf Facebook als auch auf Twitter nicht bewusst zu sein, dass neben guten Content auch das Design eine wichtige Rolle spielt. So sammeln wir an diesem Punkt erst einmal verschiedene Möglichkeiten, wie man einen Twitteraccount für die interne und externe, sprich Google, Yahoo & Co, Suche optimieren kann.

Folgende Optionen stehen dabei zur Auswahl:

• Avatare
• Biografie
• Hintergründe
• Design (Schriftfarbe, Linkfarbe, Sidebarfarbe usw.)
• Tweets

Entwicklung einer persönlichen Fotostrecke

Der Screenshot zeigt den Account von Seounited und dessen Sidebar (inkl. Fotostrecke)

Um zu verdeutlichen, dass dieser Bereich mitunter als erstes beim Besuch des Kanals beäugt wird, zeigt das Eyetracking. So gerät neben dem Avatar und dem Hintergrundbild die Fotostrecke direkt in den Fokus.

Der Screenshot zeigt die wesentlichen Punkte des Kanals die sofort ins Auge fallen.

Dem Eyetracking zufolge liegt der Fotostrecke eine enorme Bedeutung zu Grunde. Somit bleibt nunmehr die Frage, wie man eine solche über vier Bilder zusammenhängende Grafik erstellt. Dazu habe ich eine kleine Anleitung verfasst. (Im Dezember – mit dem Erscheinen des E-Books – gibt es dann eine Photoshopvorlage)

Nun aber ein Schritt nach dem anderen. Beginnen wir mit der Erstellung eines Layouts. Der Grundstein dafür wird durch ein Image mit den Maßen 375 px x 345 px gelegt. Ein Blick auf die mögliche Anzahl der Bilder für die Fotostrecke verrät: 4 mögliche Fotos. Daraus ergibt sich eine Imagegröße von 1500 px x 345 px.

Erstellt man nun in Photoshop ein neues Layer mit den oben genannten Pixeldaten, erhält man die nötige Basis der Fotostrecke.

So sieht das leere und mit leichten Effekten versehen Layer mit den Maßen 1500 px x 345 px aus.

Da das Ergebnis nun etwas langweilig und nichtssagend aussieht, habe ich dem Ganzen einige Schriftzüge und ein Logo beigefügt, so dass dabei folgendes herausgekommen ist:

Der Schriftzug muss der entsprechenden Bildgröße (374 x 345) angepasst werden.

Da die Bilder der Fotostrecke eindeutig sein muss um anschließend optimal lesbar zu sein, muss der eingebundene Schriftzug an die einzelnen Bilder (die man später durch das Ausschneiden erhält) angepasst also verschoben werden. Erkennen kann man dies in meinem Beispiel an den senkrechten Linien.

Um nun abschließend ein sehenswertes Resultat erzielen zu können, müssen die Bilder angepasst und in die richtige Größe geschnitten werden. Die nachfolgende Grafik zeigt wie das passieren könnte.

Die (roten) Rahmen zeigen die Quadrate, die später in der Fotostrecke angezeigt werden.

Eine andere Grafik, die ich zur Verdeutlichung erstellt habe, sieht so aus:

Ein anderes Beispiel für eine Fotostrecke zeigt diese Grafik!

Nachdem nun der Weg zur perfekten Fotostrecke aufgezeigt wurde, bleibt nur noch eines anzufügen: Das endgültige Resultat.  Um dieses Ergebnis zu erreichen, muss man – nachdem man die einzelnen Bilder ausgeschnitten hat – die Images auf Twitter hochladen.

Diese Grafik zeigt das Endresultat der erstellten Fotostrecke!

Soweit so gut zu diesem Kapitel. Wenn ihr euch etwas geduldet und bis zum Dezember wartet, erhaltet ihr einen Link für den Download der von mir erarbeiteten Photoshopdatei. Mittels dieser Datei habt ihr dann die Möglichkeit eure persönliche Fotostrecke zu erstellen.

Ähnliche Artikel:

1. Twitter mit Content von Amazon, Foursquare, AOL Video und mehr
2. Bilder aus dem All dank @ NASA
3. Mit Twitter zum (Unternehmens-)Star 2012
4. Ist Twitter für Unternehmen sinnvoll? (Umfrage)

Autor: Patrick

Ich bin zu 100% Internet addicted. Dabei konzentriere ich mich auf die Themengebiete Social Media, Seo, Sem, und Affiliate Marketing. Ansonsten bin ich einfach nur ein weiterer Webjunky, der hin und wieder bloggt.