Bilder im Blog: SEO, Urheberrechte, Darstellung (8)

Wo bekommt man Bilder für den Blog her und wie optimiert man sie für die Google Bildersuche? Was ist bezüglich der Darstellung zu beachten?

Im Moment arbeite ich gerade relativ wild durcheinander weiter an meinem Blog, den ich ja eigentlich bis Ende des Jahres online haben wollte. Aufgrund privater Turbulenzen kam es leider zu Verzögerungen, so dass daraus wohl nichts mehr wird.

Die Angelegenheit nimmt nun eher langsam, aber stetig Formen an. Gestern habe ich mir vornehmlich Gedanken über Bilder in meinem Blog gemacht, im Speziellen habe ich den Bilder-Upload angepasst, ein paar zusätzliche Dinge implementiert und mir überlegt, wo ich Bilder her bekomme.

Suchmaschinenoptimierung (SEO)

Da ich im Endeffekt möglichst wenig Arbeit haben möchte, muss ich mir das Einstellen von Bildern im Backend meiner Seite möglichst einfach machen. Dazu gehört ein Upload, der die Bilder automatisch verkleinert bzw. beschneidet und zwar in allen Varianten, in welchen sie später auf der Webseite ausgegeben werden sollen.

Wichtig für die Suchmaschinenoptimierung ist u.a. der Dateiname, der möglichst direkt beim Upload automatisch für die einzelnen Dateien gesetzt werden sollte. Hierzu habe ich im CMS ein Feld eingefügt, in welchem ich den keyword-enthaltenden Dateinamen direkt beim Upload angeben kann. Sieht nicht schön aus, tut aber seine Dienste. Weiterhin zum Dateinamen hinzugefügt wird die ID des Bildes in der Datenbank, sowie "_thumb", "_medium" und "_large" und die Bilder werden in drei Größen gespeichert.

Bilderupload im Backend

Bilderupload im Backend

Implementiert ist bisher nur die Verwendung im Blog bzw. in den Tipps, also in "Artikeln". Später wird noch ein Flag hinzukommen, über welches man bestimmen kann, ob das Bild auch in der Galerie und im Pflanzenlexikon verwendet werden soll und ich möchte auch gleich bestimmen können, wo und in welcher Form.

Die grundlegenden Deskriptoren gelten aber für jedes Bild nur einmal, liegen in der Datenbank in nicht redundanter Form vor und können an jeder Stelle abgerufen werden.

Ist das Bild einmal hochgeladen können u.a. die für die Suchmaschinenoptimierung (Bildersuche) relevanten Felder befüllt werden. Hierzu gehören das Alt-Attribut, das Title-Attribut sowie eine Bildbeschreibung die direkt unter dem Bild über eine Definition-List (dl) dem Bild auch eindeutig zugeordnet wird. Vereinfacht sieht ein HTML für ein optimal eingebundenes Bild also so aus:

  • dl = Definition List
  • dt = Definition Term (das Bild)
  • dd = Definition Data (die Bildbeschreibung)
<dl>
   <dt>
     <img src="bildurl-mit-keywords.jpg" title="Bildtitel mit Keywords" alt="Alternativtext mit Keywords" width="xx" height="xx" />
   </dt>
   <dd>
      Ein dem Bild zugeordneter, beschreibender Text mit Keywords
   </dd>
</dl>
Bearbeitung der Daten zu einem Bild im Backend

Bearbeitung der Daten zu einem Bild im Backend

Hinweis: das ist die Variante von vor HTML5. Mit HTML5 gibt es eine neue Möglichkeit, das anstelle einer dl über das Tag figure und figcaption zu realisieren.

Wo bekomme ich Bilder her?

Die Bilder für die Blog-Artikel, in welchen ich beschreibe, was ich so in meinem Garten herumwurschtle zu bekommen, ist nicht schwer. Ich muss nur während ich das tu, möglichst oft meine Billig-Kamera im Einsatz haben. Dabei fallen auch ein paar Pflanzenbilder und auch Bilder, welche man für allgemeine Artikel, wie Tipps und/oder den Gartenkalender nutzen kann, ab. Aber bei weitem nicht genug. Insbesondere das Pflanzenlexikon soll möglichst umfangreich werden und ein Pflanzenlexikon ohne Pflanzenfotos geht ja nun leider nicht.

Andere Anbieter solcher Pflanzendatenbanken klauen bisweilen auch Fotos, wie ich festgestellt habe. Das kommt aber für mich nicht in Frage. Geld ausgeben mag ich auch nicht, zumindest solange ich noch keines eingenommen habe.

Was geht also?

Um nicht eigene Bilder zu erhalten habe ich vor Allem Bilddatenbanken im Auge, wo es Fotos kostenlos gibt. Mein allergrößtes Interesse gilt dabei Pixelio und Wikipedia.

Aber auch hier gibt es Dinge zu beachten. Man darf die Bilder nicht einfach nehmen und einbinden, sondern muss sich auch dort an Lizenzen und deren Bestimmungen halten.

Wie man das für die Bilder von Wikipedia in den meisten Fällen ganz richtig macht, ist im Artikel "Foto: Wikipedia" sehr gut und auf den Punkt gebracht beschrieben.

Auch bei Pixelio gelten bestimmte Bedingungen für die Einbindung von dort zur Verfügung gestellten Bildern:

"IV. Urheberbenennung und Quellenangabe

Der Nutzer hat in für die jeweilige Verwendung üblichen Weise und soweit technisch möglich am Bild selbst oder am Seitenende PIXELIO und den Urheber mit seinem beim Upload des Bildes genannten Fotografennamen bei PIXELIO in folgender Form zu nennen: ‚© Fotografenname / PIXELIO'

Bei Nutzung im Internet oder digitalen Medien muß zudem der Hinweis auf PIXELIO in Form eines Links zu www.pixelio.de erfolgen."

Quelle: http://www.pixelio.de/static/lizenzvertrag_redaktionell_und_kommerziell

Abmahnungen riskiere ich also nur dann, wenn ich diese Bedingungen nicht beachte und meine Google-Recherche gestern abend hat auch bestätigt, dass Abmahnungen in solchen Fällen häufig sind. Wichtig ist also:

  • Namensnennung des Urhebers
  • Link zu Pixelio
  • Beides muss auf der Seite, auf welcher das Bild erscheint zu finden sein (also nicht nur im Impressum oder irgendwo anders). Und das gilt auch für winzig kleine Vorschaubilder.

Aufgrund dessen habe ich also in der Datenbank in die Bildertabelle noch ein weiteres Feld für einen individuell gestaltbaren Copyright-Vermerk eingebaut (siehe Bild oben), der immer dann auch auf der Webseite direkt am Bild auftaucht, wenn es nicht mein eigenes ist.

Bild mit Copyrightvermerk in der Artikelvorschau

Bild mit Copyrightvermerk in der Artikelvorschau

Bild mit Copyrightvermerk in der Sidebar

Bild mit Copyrightvermerk in der Sidebar

Bild mit Copyrightvermerk zusätzlich zur Beschreibung im Artikel

Bild mit Copyrightvermerk zusätzlich zur Beschreibung im Artikel

Neben Bilddatenbanken als Beschaffungsquelle für Fotos ist mir noch eine weitere Idee gekommen, von der ich aber noch nicht genau weiß, ob und wie ich sie umsetze. Ich finde sie aber ziemlich gut, würde ich doch außer der reinen Darstellung von bunten Bildchen noch eine weitere Fliege mit einer Klappe schlagen.

Amazon hat für Partner eine API, über welche man individuelle Anfragen und auch Darstellungen auf der eigenen Webseite realisieren kann. D.h. man kann natürlich auf diese Art auch Produktfotos einbinden und oft sind bei Amazon auch Fotos von Pflanzen, schlechtestenfalls als Abbildung auf Samentüten, aber auch z.B. Gartengestaltungsbilder in Form von Buchcovern zu finden.

Wichtig wäre dabei, das ganze auch als Werbung zu kennzeichnen und vielleicht dem User zuliebe nicht direkt das Bild zu verlinken, dass dieser dann in der Absicht, zum Artikel zu gelangen, womöglich anklickt und dann bei Amazon landet. Andererseits wäre genau die Variante ein netter Trick. Ich müsste da noch abwägen, ob ich evtl. User damit vergraule und ob und wie ich das überhaupt mache.

Darstellung

Ich bin kein Verfechter davon, dass Blog-Artikel unbedingt mit Bildern geschmückt werden müssen. Ich finde, bei z.B. recht sachlichen Themen ist das nicht unbedingt nötig und wirkt auf mich bisweilen auch krampfhaft (wenn z.B. zu einem Artikel über's Geld verdienen irgendwo eine große Grafik mit einem Dollar-Zeichen dazu gebaut wird).

Eine Pflanzen-/Garten-Webseite allerdings ist im Grunde sogar vornehmlich eine Webseite zum Bilder kucken. Zumindest soll meine das werden. Darum auch - wie man unschwer an den Bildern oben erkennen kann - Vorschaubilder an allen möglichen Stellen. In diesem Fall wird es keine Artikel ohne Bild geben und ich möchte, dass genau dadurch auch die Neugier geweckt wird, weiter zu klicken. Die meisten wollen Beispiele, Gestaltungsideen, Vorgehensweisen sehen und nicht trockene Texte lesen, wenn es um das Thema "Garten" geht. Sind natürlich wieder nur Vermutungen meinerseits, wissenschaftliche Untersuchungen zu dem Thema kenne ich nicht.

Was ich bei manch anderem von mir gern gelesenen bzw. angeschauten Blog schade finde, ist dass die Bilder teils recht klein und nicht vergrößerbar sind. Ich habe diese Möglichkeit bei mir (via Lightbox) eingebaut.

Fazit

Wie man sieht, kann man sich auch schon über solche kleinen Einzelthemen sehr viele Gedanken machen und sich sehr damit beschäftigen, wenn man denn die perfekte Affiliate-Webseite erstellen möchte. Ich mach dann mal weiter mit den ca. 120.590 Einzelthemen, mit denen ich mich noch beschäftigen muss.

Statistisches

Bisheriger Zeitaufwand

  • Allgemein: 5:24 Std.
  • Wordpress-Konfiguration 5:00 Std. (nicht verwendet)
  • Layout/Design: 17:38 Std.
  • Implementierung/Entwicklung: 9:32 Std.
  • Inhalte einfügen: 3:00 Std.
  • Gesamtaufwand: 40:35 Std.

Diese Serie ...

Übersicht:
Erfahrung Werbung im Blog (Aufbau einer Affiliate Webseite)

Vorheriger Artikel dieser Serie:
Konzept für Artikelserien ( ... und Kategorien und Tags) (7)

Hat dir der Artikel gefallen? Sag's weiter ...

Button Facebook Teilen    Tweet-Button    Button Delicious