So erstellen Sie ein Grafik-Text-Mashup, um Blog-Inhalte auf Facebook zu bewerben

Ich bin in einigen Google+ Gruppen, die sich auf SEO, soziale Medien und Content-Marketing konzentrieren. Die Frage, welchen Stockfoto-Dienst man nutzen soll und wo man kostenlose Bilder bekommt, ist ein paar Mal aufgetaucht. Es hat mich dazu gebracht, über den Prozess nachzudenken, den ich verwende, um Bilder in meinem Alltag zu finden, zu ändern und zu verwenden.

Als Community-Manager und Blogger habe ich zwei Hauptanforderungen an Bilder:

1. Fügen Sie sie in BCI-Blogposts ein, um den Text aufzubrechen und visuelles Interesse zu wecken
2. Posten von Bildern in sozialen Medien, um Blog- und andere BCI-Inhalte zu teilen

Was Sie am Ende der Lektüre wissen werden, ist:

• Wo bekomme ich Bilder, sowohl kostenlose als auch kostenpflichtige Dienste
• Wie man mit Google Drive ein Grafik-Text-Mashup erstellt, das inmitten lauter Facebook-, Twitter- und Google+-Streams auffällt

Kostenlose Bilder und kostenpflichtige Stockfoto-Dienste

Die Stock-Foto-Website, die ich benutze, ist Dreamstime.com, weil der Preis stimmt und die Auswahl passt. Wenn Sie die erweiterte Suche verwenden, um den Preisschieberegler auf die niedrigste Einstellung zu stellen, finden Sie Bilder, die für 1 Credit in der extra kleinen Größe erhältlich sind. Extra klein ist normalerweise etwa 480 px mal 320 px, was für meine beiden Zwecke (Blog-Posts und Social-Media-Posts) in Ordnung ist.

Credits kosten 1,36 $, wenn Sie das kleinste Credit-Paket kaufen, bis zu etwa 1 $, wenn Sie 120 Credits auf einmal kaufen; Mit 250+ Credit-Paketen sparen Sie noch mehr Cent.

Andere Stockfoto-Dienste

Ich habe mir einige Vergleiche von Stockfoto-Sites angesehen, um eine Vorstellung davon zu bekommen, was es sonst noch gibt und wie sie sich stapeln. In 6 Stock Photography Services im Vergleich habe ich erfahren, dass FREEIMAGES die beliebteste kostenlose Fotobibliothek ist, aber sie hat eine begrenzte Auswahl. Unter den beliebtesten kostenpflichtigen Diensten hat iStockphoto die umfangreichste Bibliothek und Getty Images hat ein kompliziertes Preis- und Lizenzschema.

Bilder kostenlos online abrufen

Solange Sie nicht nach hochauflösenden Bildern oder Bildern in Druckqualität suchen, haben Sie einige gute, kostenlose Optionen online.

Creative Commons

Bei der Verwendung von Bildern mit Creative-Commons-Lizenzen fügt die Anforderung der Namensnennung der grafischen Mashup-Verwendung für Bilder, die ich später beschreibe, eine Hürde hinzu, da sie ein weiteres Element zu dem hinzufügt, was in der Grafik enthalten sein muss. CC-Bilder eignen sich jedoch hervorragend für Blog-Posts.

Ich habe lange Zeit Creative-Commons-lizenzierte Fotos auf Flickr verwendet, die eine kommerzielle Nutzung und Derivate erlauben. Für die Verwendung in Blog-Beiträgen erleichtert Flickr die Verwendung von Creative-Commons-lizenzierten Bildern, und die „Teilen“-Funktion gibt Ihnen HTML-Code einschließlich der erforderlichen Namensnennung. Die Creative-Commons-Site-Suche umfasst Flickr, Google Images, Open Clip Art Library und Pixabay für Bilder sowie eine Reihe von Medien- und Musikquellen.

Sie können auch die Bibliothek von Wikimedia mit kostenlosen Bildern, einer Sammlung mit Creative Commons-Urheberrechten, kostenlosen Dokumentationslizenzen oder ohne Urheberrecht durchsuchen.

Nach kostenlosen Bildern können Sie auch EveryStockPhoto.com durchsuchen, eine Suchmaschine für kostenlose Fotos aus einer Reihe von Quellen und mit einer Vielzahl von Lizenztypen.

Gemeinfrei

Sie können auch die Flickr-Sammlung The Commons durchsuchen, Bilder, die gemeinfrei geworden sind und allen gehören, hauptsächlich weil sie alt sind. Sie werden fantastische Vintage-Fotos, Werbung, Illustrationen und Kunst finden, die in die Öffentlichkeit gelangt sind und modernen Blogs und sozialen Beiträgen ein erfrischendes klassisches Flair verleihen können. Da sie keine Urheberrechts- oder Lizenzanforderungen haben, können Sie gemeinfreie Bilder für die grafische Mashup-Nutzung verwenden, auf die wir als Nächstes eingehen werden!

Die grafische Text-Mash-up-Promo

Das ist mein kleiner Trick, um Blog-Beiträge auf Twitter, Facebook und Google+ zu teilen, um etwas mehr Aufmerksamkeit zu erregen als reine Text-Updates.

Wie Sie vielleicht bemerkt haben, haben die jüngsten Layout-Updates für Facebook und Google+ den Schwerpunkt auf visuelle Medien gelegt. Die explodierende mobile Nutzung von Facebook, zusammen mit anderen Social-Media-Apps, war ein wichtiger Grund für das Update von Facebook im vergangenen März. Bilder werden im Newsfeed größer angezeigt und können auch im Ranking bevorzugt werden. Ein etwa zur gleichen Zeit durchgeführtes Update von Google+ sorgte auch dafür, dass Bilder stärker hervorgehoben wurden. Und in der endlosen Aktualisierung eines Twitter-Streams hebt ein Bildanhang Tweets hervor, und da Bilder mehr als tausend Worte sagen, können Sie Ihre Nachricht auf über 140 Zeichen erweitern.

Die Grafik sollte diese drei wesentlichen Komponenten enthalten:

1. Bild, um die Aufmerksamkeit von Fans/Followern in einem Feed oder Stream zu erregen
2. Ein Link, um einen Besucher auf Ihre Website zu leiten
3. Text, der eine Auszahlung beim Durchklicken verspricht

Sie können sich auch dafür entscheiden, ein Logo für Branding-Zwecke einzufügen. Beachten Sie, dass Text im Logo Ihr Text-zu-Bild-Verhältnis erhöhen würde, das Facebook auf 20 % für Anzeigen und beworbene Inhalte begrenzt. Mehr dazu weiter unten.

Erstellen einer Grafik mit Google Drive

Ich verwende die Zeichenfunktion in Google Drive, um Text über Bildern hinzuzufügen. Es ist super einfach und Google bietet Ihnen eine Menge Schriftartoptionen sowie Formen, Pfeile und Beschriftungen, die Sie der Zeichnung hinzufügen können. Hier sehen Sie ein grafisches Mashup, das ich letzte Woche erstellt habe, um für unsere „Dankeschön“-Seitenserie zu werben.

1. Melden Sie sich unter https://drive.google.com/ bei Google Drive an und erstellen Sie eine Zeichnung.

2. Fügen Sie ein Bild ein, das Ihnen gehört oder für die öffentliche Nutzung zugelassen ist.

3. Erstellen Sie einen benutzerdefinierten Kurzlink zum Inhalt. Wenn Sie ein registriertes Bitly-Konto haben, können Sie Links anpassen, und im Elvis-Beispiel hier können Sie sehen, dass ich einen benutzerdefinierten Link „typagecro“ erstellt habe, den ich gewählt habe, um „Dankeschön-Seite CRO“ (Conversion Rate Optimization) vorzuschlagen. Ein weiterer Bonus eines registrierten Bitly-Kontos ist, dass Sie Klicks auf Ihre Kurzlinks verfolgen können.

4. Fügen Sie Text über dem Bild ein. Dies sind die Elemente Nr. 2 und Nr. 3 in meiner Liste der drei kritischen Komponenten.

   (#2) Fügen Sie den benutzerdefinierten Kurzlink hinzu, den ein Betrachter in seine Adressleiste eingeben kann, da er kurz und leicht verständlich ist. Fügen Sie natürlich auch einen Hyperlink in die Bildunterschrift oder den Tweet ein .

   (#3) Versprechen Sie, was in dem vollständigen Artikel kommen wird, oder geben Sie einen Hinweis darauf, was der vollständige Inhalt enthält. Wenn es sich um einen „Top 3 Gründe warum…“-Beitrag handelt, möchten Sie vielleicht die drei Gründe direkt in das Bild einfügen, mit einer Einladung, alle Informationen im vollständigen Beitrag zu erhalten. In das Elvis-Beispiel habe ich eine kurze Beschreibung eingefügt, was in jedem der zwei Teile der CRO-Serie „Dankeschön-Seite“ behandelt wurde. Versuchen Sie, diese Botschaft verführerisch zu gestalten, was auch immer das für Sie und Ihre Inhalte bedeutet.

5. Wenn die Grafik fertig ist, gehen Sie zu Datei > Herunterladen als > JPEG und speichern Sie sie dann.

Eine kurze Anmerkung zum Design

Ich habe einen Grafikdesign-Kurs, einen Webdesign-Kurs und eine Handvoll Mal- und Fotografiekurse belegt, also bin ich zwar kein professioneller Designer, aber sicherlich den Regeln einer guten Komposition ausgesetzt. Ich denke, das sind die Grundlagen, die Sie beim Erstellen von Mashups beachten sollten.

• Stellen Sie sicher, dass der Text gut lesbar ist. Schwarz auf Weiß ist am besten. Weiß auf Schwarz ist für das Auge schwer zu verarbeiten. Wenn es sich bei Text um etwas anderes als dunklen Text auf hellem, unbelebtem Hintergrund handelt, stellen Sie sicher, dass der Text auf andere Weise lesbar ist, z. B. durch Erhöhen der Schriftstärke oder Einfügen einer Hintergrundfarbe hinter den Text.
• Verwenden Sie nicht mehr als zwei Schriftarten. Mindestens einer sollte extrem leicht zu lesen sein; serifenlose Schriftarten sind im Allgemeinen online besser lesbar als serifenlose Schriftarten. Die andere Schriftart kann stilisiert, als Akzent und in kleinen Mengen verwendet werden.
• Der Text sollte größtenteils linksbündig ausgerichtet werden. Es ist schwer für das Auge, einem ausgefransten linken Rand zu folgen
• Weißraum ist ein Bestandteil guten Designs , insbesondere in der modernen Ästhetik. Während die Grafik wahrscheinlich dicht sein wird, da Sie versuchen, viel auf wenig Platz zu kommunizieren, sollte der verfügbare weiße Platz bei der Auswahl des Bildes berücksichtigt werden.

Wenn Sie sich mit einigen Grundlagen des Designs vertraut machen möchten, empfehle ich Bootstrapping Design, ein 39-Dollar-E-Book. Es ist für Programmierer geschrieben, aber ich mag es, weil es zugängliche Designgrundlagen für ein Nicht-Künstler-Set ist. Wenn man bedenkt, dass wir uns in einer Zeit befinden, in der jeder Online-Inhalte veröffentlichen kann, ist das Erlernen der Grundlagen guten Designs eine Investition, die sich auszahlen wird.

Facebook-Richtlinien für Text in Bildern

Kurz nach dem Update von Facebook im März wurde eine neue Regel eingeführt, die den Text in Bildern, die in Anzeigen, gesponserten Geschichten und Seiten-Cover-Fotos verwendet werden, auf 20 % begrenzt. Wenn Sie vorhaben, den Facebook-Beitrag mit einem Bild zu „bewerben“, seine Sichtbarkeit zu erhöhen oder ihn in eine Anzeige umzuwandeln, muss die Fläche des Bildes, das Text enthält, unter 20 % bleiben.

Ich werde hier auch darauf hinweisen, dass Bildbeiträge, wenn sie auf einer Facebook-Pinnwand angezeigt werden, das Hochformat bevorzugen und die linke und rechte Seite von Bildern im Querformat abschneiden. Wenn Sie ein Bild im Querformat verwenden, versuchen Sie, den Text innerhalb des Bereichs zu halten, der „Quadrat in der Mitte“ bis zur Höhe des Bildes ist. Ich habe das mittlere Quadrat in dieser Zeichnung illustriert.

Ja, das habe ich auch in Google Drive gemacht.

Interessiert an weiteren Gestaltungstipps?
Erfahren Sie, wie Sie kostenlos eine Infografik erstellen können!