WordPress: Hotlinken von Bildern verhindernsteemCreated with Sketch.

in deutsch •  last month 

Wie verhindert man das Hotlinken der Bilder von der eigenen (WordPress-) Website? Hier zwei Möglichkeiten, mit ihren Vor- und den Nachteilen.


[Bildnachweis: CC0, Pixabay]

Das Hotlinken von Bildern sind häufig ein Ärgernis. Die Bilder bleiben weiterhin auf deinem Server liegen und der Betreiber einer anderen Website „bettet“ die Bilder einfach auf seiner Website ein. Je nach dem wo die Bilder gehotlinkt werden, hat dein Server mit erhöhter Last und starkem erhöhtem Transefervolumen zu kämpfen.

Das ist der eine Aspekt des Ärgernisses. Der andere ist der, dass sich andere Webseitenbetreiber dann häufig mit deinen Federn schmücken. Sicherlich, dies ist auch ohne hotlinken möglich, aber das hotlinken der Bilder ist deutlich leichter umzusetzen, als wenn man die fremden Bilder von der Originalseite herunterlädt und ungefragt auf der eigenen Website oder Webshop einbindet.

Es gibt verschiedene Methoden um dies zu verhindern oder zu erschweren. Im Folgenden möchte ich zwei Methoden mit ihren Vor- und Nachteilen vorstellen.

.htaccess-Datei ergänzen

Eine nicht so bekannte Methode, die aber recht einfach umzusetzen ist, ist die Weiterleitung nach einem unbefugten Zugriff von Außen zu einem einem anderen Bild.

Dafür reichen ein paar Zeilen zusätzlicher Code in der .htaccess-Datei, die einmal festlegen welche Domain von der Weiterleitung ausgeschlossen ist und wohin weiter gleitet werden soll, wenn das Bild von einer anderen Domain aus aufgerufen wird.

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^https://(www\.)?perun.net [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ https://www.perun.net/fake-bild.gif [NC,R,L]

Was man hierbei jedoch beachten muss, ist dass Bilder dann auch nicht mehr in Feeds auftauchen und auch in Social Media-Kanälen ersetzt werden. Um die Anzeige von Bildern auf bestimmten Seiten, zum Beispiel Google oder Pinterest zu ermöglichen, diese also von der Weiterleitung auszuschließen, kann der Code aber ergänzt werden:

RewriteCond %{HTTP_REFERER} !^https://www\.google\..*$ [NC]
RewriteCond %{HTTP_REFERER} !^https://pinterest\.com.*$ [NC]

Umgekehrt kann man aber auch die Anzeige für spezielle URLs unterbinden:

RewriteEngine on
RewriteCond %{HTTP_REFERER} ^https://pinterest\.com.*$ [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ https://www.perun.net/fake-bild.gif [NC,R,L]

Und selbstverständlich ist es auch möglich die unterschiedlichen Anweisungen mit einander zu kombinieren.

Wasserzeichen einfügen

Eine andere mögliche Methode ist das Einfügen von Wasserzeichen. Sie ist allerdings wesentlich aufwändiger und muss dann für jedes Bild vorgenommen werden. Wenn man dies nicht händisch mit dem eigenen Bildbearbeitungsprogramm machen möchte, kann man dafür auch auf verschiedene WordPress-Plugins zugreifen.

Ein mögliches Plugin ist zum Beispiel Image Watermark. Hiermit kann man bereits hochgeladene, aber auch neue Bilder automatisiert mit einem Wasserzeichen versehen. Dabei kann man ein eigenes Bild als Wasserzeichen nutzen, die Position festlegen und auch bestimmen welche Bildgrößen überhaupt ein Wasserzeichen erhalten sollen.

Wasserzeichen sind, wie alle anderen Methoden auch, sicherlich nicht in jedem Fall geeignet und auch immer eine Veränderung der ursprünglichen Bilder, aber in manchen Fällen durchaus sinnvoll.

Ursprünglich in unserem Weblog veröffentlicht

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Hi @vladimir-simovic!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your UA account score is currently 4.164 which ranks you at #3195 across all Steem accounts.
Your rank has dropped 5 places in the last three days (old rank 3190).

In our last Algorithmic Curation Round, consisting of 195 contributions, your post is ranked at #176.

Evaluation of your UA score:
  • Some people are already following you, keep going!
  • The readers like your work!
  • Try to work on user engagement: the more people that interact with you via the comments, the higher your UA score!

Feel free to join our @steem-ua Discord server