Das Einbinden von Dateien – oft Bilder, Videos oder Musikdateien – auf einem anderem Host anstatt des eigentlichen Quell-Hosts, wird bei der Wikipedia als Hotlinking bezeichnen.

Prinzipiell finde ich es gar nicht schlimm, wenn jemand von mir angefertigte und im Web ver­öffentlichte Bilder oder Grafiken auch auf anderen Seiten einbindet. Man sollte hierbei aber so fair sein und die Quelle benennen und diese Datei nicht einfach als ein rechtsfreies Dokument betrachten, was beliebig verwendet werden kann.

Zum Bilderklau im Internet und wie man diesem begegnen kann habe ich bereits einige Hinweise veröffentlicht; interessant sind hier auch die bisher abgegebenen Kommentare. In diesem Artikel soll es aber um die Dirketeinbindung von Bildern gehen und wie sich das verhindern lässt.

Das Hotlinkig-Problem

Problematisch wird es, wenn Bilder direkt auf anderen Webseiten eingebunden werden. Also im HTML-Code die Bildquelle auf meinem Server/ Webspace genutzt wird. Denn dann habe ich den Traffic und bei stark frequentierten Foren, macht sich dieser zusätzliche Datendurchsatz u.U. schnell bemerkbar.

Je nach Besucheraufkommen auf dem fremden Host, wird natürlich bei jedem Aufruf meines Bildes ein Teil meiner Serverbandbreite und meiner Rechenleistung beansprucht. Ich möchte hierbei noch nicht einmal jedem eine böse Absicht unterstellen, denn ein Bild ist in einem Foren schon mal schnell bei einem passenden Eintrag eingebunden und dort aus meiner Sicht oft auch tolerierbar. Aber viele Fotografen sehen das sicherlich anders und denen möchte ich an dieser Stelle weiter helfen.

Anpassung der htaccess-Datei für eine Whitelist

In diesem Beispiel dürfen nur die in den Zeilen 5 bis 7 genannten Hosts meine Bilder bei sich anzeigen. Von allen anderen Hosts aus ist dies untersagt und es wird das Hinweisbild hotlink.png ausgegeben.

<IfModule mod_rewrite.c>
   RewriteEngine On
   RewriteCond %{HTTP_REFERER} !^$
   RewriteCond %{HTTP_REFERER} !^http://www\.redirect301\.de.*$ [NC]
   RewriteCond %{HTTP_REFERER} !^http://www\.google\..*$ [NC]
   RewriteCond %{HTTP_REFERER} !^http://www\.bing\..*$ [NC]
   RewriteCond %{HTTP_REFERER} !^http://pinterest\.com.*$ [NC]
   RewriteCond %{REQUEST_URI} !^.*hotlink\.png$ [NC]
   RewriteRule ^.*\.(gif|jpg|png|jpeg)$ http://www.redirect301.de/wp-content/uploads/hotlink.png [NC,R,L]
</IfModule>

Eine kurze Beschreibung der htaccess-Datei

Nach dem Aktivieren der Rewrite-Engine, die für das Umleiten der Anfragen zuständig ist, wird in Zeile 3 geprüft, ob es für die Anfrage keinen (!) Referrer gibt. Einen direkten Aufruf des Bildes möchte man sicherlich zulassen.
Ab Zeile 4 beginne ich nun zu “fragen”:

  1. Ist es nicht www.redirect301.de, also meine eigene Domain, die das Bild z.B. in einem Artikel anzeigen möchte.
  2. Und es ist auch nicht www.google.*, www.bing.* oder pinterest.com, die das Bild beispielsweise in der Bildersuche anzeigen möchten.
  3. Und natürlich darf es auch nicht mein Bild hotlink.png mit dem Warnhinweis sein, dass ggf. auf einer anderen Webseite, einem Forum o.ä. auf das Problem hinweisen soll.
  4. Treffen diese Punkte alle zu, dann lade anstatt einer Bilddatei (gif, jpg, png, jpeg) mein hotlink.png unter der angegebenen URL.

Weitere Informationen zum Umgang mit der htaccess-Datei hatte ich bereits hier auf redirect301.de vor einiger Zeit gepostet. Dieser Code-Baustein kann auch als Text-Datei herunter geladen und auf dem eigenen Webspace – entsprechend umbenannt – verwendet werden.
Das [NC] in den eckigen Klammern deaktiviert übrigens die Unterscheidung der Groß-/ Kleinschreibung.

Anpassung der htaccess-Datei für eine Blacklist

Möchte man lediglich einigen Webseiten oder Foren die direkte Einbindung der eigenen Bilder verbieten, kann man natürlich auch mit einer Blackliste arbeiten. In diesem Beispiel dürfen alle Seiten meine Bilder auch bei sich einbinden, außer die beiden in Zeile 4 und 5 genannten Hosts.
Wer also seine Bilder nicht über Pinterest oder beliebigen anderen Webseiten verbreiten möchte, kann dies auf diesem Weg unterbinden.

<IfModule mod_rewrite.c>
   RewriteEngine On
   RewriteCond %{HTTP_REFERER} !^$
   RewriteCond %{HTTP_REFERER} ^http://www\.boeses-forum\.de.*$ [NC,OR]
   RewriteCond %{HTTP_REFERER} ^http://pinterest\.com.*$ [NC]
   RewriteCond %{REQUEST_URI} !^.*hotlink\.png$ [NC]
   RewriteRule ^.*\.(gif|jpg|png|jpeg)$ http://www.redirect301.de/wp-content/uploads/hotlink.png [NC,R,L]
</IfModule>


Der Bildertausch – Mein Hinweisbild zum Thema Hotlinking

Holinking

Hotlinking – Beispielhaftes Hinweisbild von redirect301.de

Ein anderes Bild mit einem netten Hinweis darauf, dass es sich hierbei um Bilder-Hotlinking handelt, reicht sicherlich oftmals aus. Natürlich ließe sich an dieser Stelle alles Mögliche (ein Stoppschild oder ein transparentes gif vielleicht) anstatt des eigentlichen Bildes einblenden. Ich halte aber eine entsprechend auffällige Mitteilung mit der Bitte diese Einbindung zu unterlassen für völlig ausreichend und auch angebracht.

Ich habe meinen Link natürlich nicht vergessen, welcher auf diesen Artikel verweist bzw. auf direkt diesen weiter leitet. Diese URL ist schnell eintippbar und dank entsprechender Tracking-Parameter weiß ich nun auch, wie viele diesen Hinweis irgendwo im Netz bereits gesehen und sich die Mühe gemacht haben, sich darüber zu informieren.

Redirect 301 /bilderklau http://www.redirect301.de/bilder-hotlinking-verhindern.html/?utm_source=bilderklau&utm_medium=referrer&utm_campaign=redirect301

Pinterest per Metatag aussperren

Im Blog von Björn Tantau wurde zuletzt beschrieben, dass sich das Pinnen veröffentlichter Bilder bei Pinterest auch per Metatag unterbinden lässt. Hierzu wird lediglich eine zusätzliche Meta-Angabe auf der eigenen Webseite erwartet.

<meta name="pinterest" content="nopin" />

Wer also damit ein Problem haben sollte, eine größere Zielgruppe mit seinen Fotos und Bildern zu erreichen, hat mit dieser einen Zeile HTML-Code ebenfalls eine entsprechende Möglichkeit dies zu verhindern.

Zu diesem Thema hat Viktor Dite ein paar Anmerkungen ins Netz gestellt, die auf die Nachteile des Pinterest-Metatags eingehen. Wer über diesen Schritt nachdenkt, sollte Viktors Bedenken auf mizine.de nicht unbeachtet lassen!

Pinterst-Metatag verhindet das Pinnen

Pinterst-Metatag verhindet das Pinnen