Sämtliche Bilder von
SocialMediaExaminer.com

Michael A. Stelzner (@mike_stelzner auf Twitter), Gründer des Blogs “SocialMediaExaminer.com” und laut MarketingSherpa der “Grandfather of white papers”, hat diese Woche den diesjährigen “Social Media Marketing Industry Report” veröffentlicht.

Im 33-seitigen Report werden fast 2000 Marketingverantwortliche zu Ihren Einstellungen, Gewohnheiten oder Plänen zu verschiedenen social media Marketing Aktivitäten und -Trends befragt.

Der Report gibt Auskunft über die Ansichten aktueller Marketingverantwortlichen im Hinblick auf notwendige Tools, die eventuell für ihre Kunden richtigen Tools, benötigte Zeitaufwände und generell die Vorteile von social media Marketing.

Inhalt des “2010 Social Media Marketing Industry Reports”

63 Prozent dieser Befragten waren Kleinunternehmer, gefolgt von 25 Prozent, die in Unternehmen mit weniger als 500 Mitarbeitern angestellt sind. Der Rest verteilt sich auf Mitarbeiter größerer Unternehmen.

Drei Viertel der Kleinunternehmer waren Einzelkämpfer (Berater, Freelancer), die somit nahezu die Hälfte der Teilnehmer darstellen. Interessanterweise (in meinen Augen) stellen weibliche Teilnehmer insgesamt mit 60 Prozent die Mehrheit aller Teilnehmender dar.

57 Prozent der Befragten zielen bei ihren social media Marketing Aktivitäten auf B2B, der Rest auf den B2C Markt.

Im gelieferten Executive Summary werden auf einer Seite übersichtlich die wesentlichen Inhaltsbereiche zusammengefasst:

• Welche 10 wichtigsten Fragen zu social media wollen die “Marketing Pros” beantwortet bekommen
• Wieviel Zeit wird momentan von der Branche für social media aufgewendet
• Wo liegen die Vorteile des social media Marketings?
• Welche Tools und Seiten werden genutzt oder bei welchen wird weiteres Engagement geplant oder Engagement eingestampft?
• Welche Tools halten social media Marketer für interessant, bzw. welche Tools möchten Sie besser kennenlernen?
• Wie sieht es mit Outsourcing von social media marketing aus, und was ist die Einstellung gegenüber mobilem / smartphone marketing?

Einige detailliertere Punkte hieraus möchte ich auch unseren Kunden, Lesern und über Google und Co. gelandeten Besuchern unseres Blogs nicht vorenthalten – den gesamten Report gibt es als kostenloses PDF zum Download.

Egal, wie lange Marketer schon im social media Marketing involviert sind (65 Prozent sind im Übrigen erst seit wenigen Monaten dabei) – die drei wichtigsten Fragen, die die Marketer beschäftigt, sind:

1. Wie kann der ROI berechnet werden?
2. Was sind best practices?
3. Wie sieht vernünftiges Zeitmanagement im social media marketing aus?

Einen interessanten Ansatz über die Berechnung des ROI von Facebook Fanpages habe ich letztens im Blog von SocialNetwork Strategien gefunden. Dort werden durchschnittliche Interaktionen mit der Seite mit dem aus anderen Onlinewerbemaßnahmen bekannten TKP in Relation gesetzt – einfach mal durchlesen.

Abseits von konkreten Berechnunsmodellen für den ROI in social media berichten die Teilnehmer in jedem Fall von ihren eigenen Erfolgsstories beim social media Marketing:

Einen interessanten Aspekt, der oft von Kunden nicht berücksichtigt wird, wird im Report auch angesprochen: Die verringerten Gesamtkosten, wenn verstärkt auf social media zurückgegriffen wird.

Ein weiterer Pluspunkt: Verbesserte Sichtbarkeit / Ranking in Suchmaschinenergebnissen, von denen über 70 Prozent der “alten social media Hasen” berichten.

Die best practices im social media marketing kann man nur anhand der Nutzung der Maßnahmen durch die Teilnehmer ableiten – welche Seiten und Tools sind wichtig, welcher Einfluss von bestimmten Tools nimmt ab? Hierbei gibt es im Report einige Verweise auf die Ergebnisse des Reports von 2009.

Die vier am meisten genutzten Tools bzw. konkrete Seiten sind

1. Twitter
2. Facebook
3. LinkedIn
4. Blogs

Alle übrigen Tools sind weit abgeschlagen.

Twitter liegt zwar insgesamt auf Platz 1, jedoch berichten 76 Prozent der Teilnehmer den Einsatz auf Facebook zu verstärken (gegenüber 70 Prozent bei Twitter) – hier könnte also bald eine Ablösung stattfinden. Ich bin seit der gestern angekündigten Möglichkeit der einfachen Integration von Facebooks “social plugins” auf jeder Webseite (wie z.B. den “Like” Button am unteren Ende eines jeden Blogbeitrags bei uns) gespannt, wie sich hier die Verhältnisse zugungsten Facebooks verändern. Facebook ist plötzlich keine alleinstehende Plattform mehr, sondern weitet sich auf das gesamte Netz aus.

Für uns als Agentur ist noch interessant, dass nur wenige Teilnehmer (14 Prozent) social media Marketing outsourcen würden. Dies trifft aber zum Glück hauptsächlich auf kleine Unternehmen bzw. Einzelkämpfer zu.

Generell beziffert die Mehrheit der Teilnehmer den Aufwand für social media Marketing auf mehr als sechs Stunden pro Woche – Ein Drittel der Teilnehmer bringt hier mehr als 11 Stunden für auf. Hier unterscheiden sich aber “alte Hasen” von “Neuanfängern” merklich.

Persönliches Fazit

Der Bericht ist in meinen Augen ein äußerst professioneller und fundierter Einblick in die Welt des social media Marketings.

Er beleuchtet, wie “alte Marketinghasen” und die frischen Jungspunte sich in welchen Teilen des “social webs” aufhalten, wieviel Zeit dort von Ihnen verbracht wird und wo sie den größten Nutzen vermuten.

Für “Endkunden”, die sich für social media Marketing interessieren, fehlt hierbei natürlich die Eingrenzung / Kategorisierung in konkretere Zielgruppen der jeweiligen Teilnehmer-Kunden (bei welchen Projekten / Unternehmen ist welche Plattform sinnvoll), um es auf deren eigene konkrete Marketingziele projizieren zu können.

Natürlich bedeutet dies wiederum für eine Agentur für social media Marketing, dass sie mit ihrer Expertise immer noch als Experte für social media Marketing, als Berater für den “besten Weg” und konkrete Umsetzungsstrategien trotz kostenlosem und vermeintlich leichtem Einstieg in die Welt der social media, gebraucht wird.

Wir freuen uns auf Ihren Kontakt!

Den kompletten Bericht gibt es kostenlos als PDF zum Download auf der Seite vom SocialMediaExaminer:

Social Media Marketing Industry Report 2010

Bei Interesse freut sich Michael über einen Tweet darüber, einfach hier tweeten.

Ein Einführungsvideo, was der Report liefert, gibt es von Michael Stelzner auf Vimeo:

• Text als Bild integrieren
• Text als Flash Film integrieren
• Text mit JavaScript umwandeln

1. Text in Corporate Fonts als Bild darstellen

Das Austauschen von Texten durch Bilder war lange Zeit das “optimal” mögliche und eine weit verbreitete Art, Corporate Fonts im Web darzustellen. Schlagwort hierbei ist “Dynamic Image Replacement”. Der Text wurde, um zum Einen die Auffindbarkeit durch Suchmaschinen nicht zu verschlechtern und zum Anderen trotzdem “zugänglich” zu bleiben, per CSS ausserhalb des Block Elements (also z.B. der Headline <h1>) – oder direkt unsichtbar – gesetzt und das Block Element hat eine Hintergrundgrafik versehen bekommen. Die Technik ist auch unter “Fahrner Image Replacement” (oder FIR, siehe Wikipedia) bekannt.

Ein Beispiel wäre folgendes, es muss nur das jeweilige Headline-Element mit einer bestimmten Klasse versehen werden:

<h1 class=”replace_me”>Meine grafische Überschrift</h1>

Das entsprechende CSS sieht dazu in etwa wie folgt aus:

.replace_me {
text-indent: -9999px;
width: 500px;
height: 80px;
background: url('meineheadline.gif') #ffffff no-repeat;
}

Bei Redaktionssystemen wie z.B. Typo3 kann hierbei der GIFBuilder genutzt werden, der – entsprechend konfiguriert – diese Arbeiten automatisiert für den Redakteur übernimmt.

Ein Nachteil dieser Technik sind u.a. die vielen Requests, die an den Server gesendet werden, sowie die vielen einzelnen Bilder die generiert und abgelegt werden müssen. Weiterhin kann der Text nicht kopiert werden und die Darstellung auf mobilen Endgeräten ist evtl. nicht so wie gewünscht. Der schlimmste Nachteil ist jedoch, dass manche Suchmaschinen die CSS Eigenschaft “text-indent” als Hinweis auf Suchmaschinen-Spamming ansehen und hierdurch eventuell Nachteile im Ranking entstehen könnten.

Bei dem “dynamischen Image Replacement” gibt es natürlich eine Vielzahl von verwandten und ähnlichen Techniken (z.B. die Scalable Inline Image Replacement Technik, s. SIIR oder eine Ersetzung durch PHP, hier besonders erwähnenswert: P+C DTR).

Eine etwas andere Art und Weise ist das Austauschen der Texte durch einen Flash Film:

2. Text als Flash Film integrieren

Da Flash seit Jahren die Integration von Schriftarten ermöglicht, bietet sich Flash natürlich auch als Werkzeug an, Corporate Fonts in Webseiten zu integrieren. Hier hat sich die “Scalable Inman Flash Replacement” Technik (Wikipedia Eintrag) als “Tool” bzw. technischer Ansatz etabliert. Grundsätzlich funktioniert diese so, dass die bearbeitbare FLA Datei einmal geöffnet werden muss (Flash wird also benötigt), dort die jeweilige Corporate Font integriert und eingebettet wird und danach, gemeinsam mit einigen CSS und JavaScript Anweisungen, auf dem Webserver und in der Seite hinterlegt wird.

Wie die Technik integriert werden kann findet sich auf der Projekt-Webseite von SIFR oder in unzähligen, bei Google auffindbaren Tutorials.

Nachteil: Bei der Integration von Flash auf Webseiten können sich unter anderem die Ladezeiten verschlechtern. Weiterhin könnten sämtliche Inhalte durch die steigende Popularität von Ad Blockern im schlechtesten Fall nicht angezeigt werden. Außerdem wird natürlich das Flash Plugin und aktiviertes JavaScript benötigt. Manche Blogs berichten hierbei auch von Performance Problemen, die durch das Flash PlugIn hervorgerrufen werden, sowie von Problemen, dass sich das Flash Kontextmenü und nicht das “reguläre” Browser-Kontextmenü öffnet, was ich aber kaum als Problem ansehen würde.

3. Text mit JavaScript umwandeln

Ebenfalls äußerst im Trend liegt das Ersetzen von Überschriften und ganzen Textblöcken durch JavaScript. Auf unserer Unternehmenswebseite (Online-Agentur Bielefeld) wie auch in diesem Blog nutzen wir hierfür Cufón (in diesem Blog übrigens mithilfe des Cufón WordPress Plugins von Tobias Battenberg). Natürlich gibt es aber auch noch andere Möglichkeiten.

Die Beschreibung der Features auf der Cufón Webseite liest sich wie folgt:

1. No plug-ins required – it can only use features natively supported by the client
2. Compatibility – it has to work on every major browser on the market
3. Ease of use – no or near-zero configuration needed for standard use cases
4. Speed – it has to be fast, even for sufficiently large amounts of text

Nachteil von Cufón ist die Notwendigkeit von aktiviertem JavaScript, da die Font Dateien als JavaScript Vektor-Beschreibungen vorliegen. Diesen Nachteil teilen sich allerdings fast alle anderen Möglichkeiten ebenfalls. Ein Generator für solche Font Dateien wird auf der Cufón Webseite zur Verfügung gestellt – inklusive “rights management”, auf welchen Domains die Fonts integriert sein dürfen.

Ganz neu im Boot der Text / Font-Replacement JavaScript Techniken findet sich auch der Dienstleister TypeKit.

Typekit stellt eine Vielzahl von Fonts als “Software as a service” zur Verfügung, der – in Verbindung mit einem kleinen JavaScript – die verschiedene Schriftarten in eigenen Web-Projekten (kostenpflichtig) nutzbar macht. Mehr zu TypeKit unter anderem bei SitePoint, Techcrunch oder ReadWriteWeb sowie dem TypeKit Blog.

Bei TypeKit gilt es allerdings im Hinterkopf zu behalten, dass viele der modernen Browser es bereits ermöglichen, eigene Fonts per @font-face im CSS zu integrieren und dann in der font-family CSS Anweisung nutzbar machen (bei SELFHTML wird allerdings fälschlicherweise davon gesprochen, dass Mozilla und WebKit Browser dies nicht verstehen würden). Hierbei werden allerdings in “corporate” Projekten evtl. für die Schriftart vorhandene Lizenzbedingungen nicht eingehalten (die Fonts wären ggfls. downloadbar), was bei TypeKit durch deren integriertes Digital Rights Management gegebenenfalls möglich wäre.

Ein Beispiel für eine solche Integration von Schriftarten wären die folgenden CSS Anweisungen (gefunden bei Tobias Otte):

Zuerst müssen wir die Font Familie mithilfe von @font-face deklarieren:

@font-face {
font-family: Delicious;
src: url('fonts/delicious/Delicious-Roman.otf') format("opentype");
}

Danach kann sie wie gewohnt als CSS Attributwert für die font-family genutzt werden:

font-family: Delicious, Arial, sans-serif;


Für Corporate Projekte ist die Integration der Schrift mittels “font-face” in meinen Augen aber häufig auch nicht einsetzbar, da viele der Unternehmen noch ältere Browser unterstützen müssen / wollen – dazu kommt die Problematik mit Lizenzbedingungen der Hausschrift, die eine Nutzung in dieser Art und Weise oftmals nicht erlauben.

Eine Übersicht über aktuelle Techniken findet sich unter anderem bei Dr. Web oder dem Smashing Magazine.

Einen fast aktuellen Status zur Unterstützung einzelner Möglichkeiten durch verschiedene Browser findet sich bei Tobias Otte.

Wenn man unsicher ist, welche Farben hierbei gut zusammen passen könnten, können diverse Tools, die online meist kostenlos verfügbar sind, als Hilfe herangezogen werden.

Farbschemata setzen sich dann meist aus bis zu fünf Farbtönen zusammen. Das Mischen der Farben funktioniert bei den meisten Applikationen nach dem gleichen Prinzip. Man kann festlegen, ob das Farbschema sich analog, monochrom, komplementär u.s.w. „vermischt“. Wenn man nicht sicher ist, was diese Begriffe bedeuten, geht es hier weiter zu einem Artikel über Farbtheorie – Update: Link leider nicht mehr verfügbar).

Es gibt verschiedene kostenlose Tools im Netz, eine kleine Auswahl der Bekannteren ist z.B.:

http://colorschemedesigner.com/
http://www.colorotate.org/
http://kuler.adobe.com/

Hier möchte ich nur kurz das Tool “Kuler” von Adobe vorstellen, das ich im täglichen Arbeiten auch häufig nutze.

Kuler ist eine Webanwendung, die unter http://kuler.adobe.com verfügbar ist. Der Service ist absolut kostenlos und funktioniert in den Grundfunktionen auch ohne Registrierung.

Kuler bietet im Gegensatz zu den anderen aufgelisteten Tools einige Vorteile. Zum Einen kann man auf eine große Bibliothek von bereits erstellen Farbschemata der registrierten User zugreifen (und diese für eigene Projekte downloaden), sich inspirieren lassen oder mal „was abgucken“. Zum Anderen ist Kuler in der neuesten Versionen der Adobe Suite integriert, wodurch man die online erstellten Farbschemata direkt in seinen „offline Workflow“ übernehmen und somit einen Arbeitsschritt einsparen kann (und vice versa).

Als registrierter User hat man die Möglichkeit, verschiedene Schemata anzulegen, zu speichern, herunterzuladen und für andere User zu veröffentlichen. Möchte man das angelegte Schema jedoch nicht veröffentlichen, kann man dieses als „privat“ markieren.

Es gibt unterschiedliche Möglichkeiten seine Farbpalette zusammenzustellen, dies funktioniert jedoch sehr intuitiv und ist leicht verständlich.

Hier ist es erwähnenswert, dass durch die verschiedenen Misch-Optionen, schnell und einfach eine harmonische Farbkombination erzielt werden kann. Zudem hat man auch die Möglichkeit, ein Farbschema per Pipette aus einem Image zu erstellen.

Um danach mit der ausgewählten Farbpalette arbeiten zu können, wird diese als „.ase“-Datei (Adobe Swatch Exchange) heruntergeladen und z.B. in Photoshop eingebunden, das Farbschema befindet sich dann bei den Farbfeldern an letzter Stelle.

Wie oben erwähnt ist es nun auch möglich, kuler direkt in Adobe CS4 über „ Ansicht → Erweiterung → Kuler“ zu aktivieren. Dort kann man dann ebenfalls schnell eine harmonische Farbpalette erstellen.

Möchte man dieses Schema auch in seiner Online-Sammlung haben, kann dieses bei bestehender Internetverbindung direkt hochgeladen werden.

Ein hervorragendes Tool, um seine Farben (auch im Team) immer aktuell zu halten und immer (auch unterwegs) parat zu haben.