Vill du stärka ditt innehållsskydd? Detta är viktigt om du har en innehållstung webbplats, särskilt en webbplats med många originalbilder. Det kan exempelvis handla om en webbplats för fotografering. Det är tyvärr lätt för användare att kopiera, länka och ladda ner dina bilder, oavsett om det är avsiktligt eller inte.

Du kan lyckligtvis inaktivera högerklick i WordPress för att förhindra att besökare använder dina bilder utan tillstånd. Även om det är viktigt att vara medveten om konsekvenserna av denna åtgärd så är detta ett snabbt och enkelt sätt att skydda din webbplats från innehållsstöld.

I det här inlägget så tittar vi närmare på varför du bör överväga att inaktivera högerklick i WordPress. Därefter så utforskar vi tre sätt att göra detta på och diskuterar några andra användbara sätt att skydda ditt innehåll. Då sätter vi igång!

När du bör överväga att inaktivera högerklick i WordPress

Om din webbplats har mycket originalinnehåll, t.ex. bilder, så bör du kanske inaktivera högerklick i WordPress. Eftersom egenskaper på nätet kan stjälas med ett enda klick så kan detta förhindra innehållsstölder.

Inaktivering av högerklick kan dessutom avskräcka från hotlinking av bilder. Detta inträffar när användare stjäl dina bilder och visar dem på en annan webbplats samtidigt som de använder dina serverresurser för att göra detta. Hotlinking bryter mot din upphovsrätt och belastar din server i onödan.

Att inaktivera högerklick i WordPress är dock inte en sak som du ska göra utan lite eftertanke. Det kan exempelvis störa din användarupplevelse (UX). Detta är särskilt relevant på webbplatser där läsarna har nytta av att kopiera och spara innehåll som recept eller DIY-instruktioner.

Avaktivering av högerklick är dessutom inte en helt säker åtgärd. Besökare kan faktiskt kringgå blockeringar genom att se källkoden för din webbplats eller använda ett enkelt JavaScript-trick för att aktivera högerklick igen. Det är även enkelt för nybörjare att ta skärmdumpar av dina bilder eller skriva om ditt innehåll.

Hur man inaktiverar högerklick i WordPress (3 metoder)

Nu vet du hur inaktivering av högerklick kan skydda innehållet på din webbplats. Vi ska därmed ta en titt på tre sätt som du kan göra detta på i WordPress.

Metod 1: Använd tillägget WP Content Copy Protection & No Right Click

Med pluginet WP Content Copy Protection & No Right Click kan du inaktivera högerklick i WordPress och stänga av kommandon som CTRL+C. Eftersom pluginet även inaktiverar CTRL+U i Chrome så kan användarna inte se din sidkod (vilket är ett annat sätt att stjäla innehåll).

Du kan även inaktivera möjligheten att välja text, så att du kan skydda mer än bara dina bilder. Uppgradera till premiumversionen av verktyget för att få tillgång till ännu fler funktioner. Du kan exempelvis använda vattenmärkning och jQuery overlay-skydd.

För att komma igång så måste du installera och aktivera pluginet i WordPress:

WP Content Copy Protection och No Right Click
WP Content Copy Protection och No Right Click

När det är installerat på din webbplats så går du till Inställningar > WP Content Copy Protection. Du bör se att Kopieringsskydd visas i ditt administratörsområde. Under Huvudinställningar så kan du aktivera skydd på din startsida, inlägg med mera:

Inställningar för pluginet WP Content Copy Protection
Inställningar för pluginet WP Content Copy Protection

När du är klar så sparar du dina inställningar. Du kan sedan testa ändringarna på frontend. Det ska exempelvis kunna komma ett varningsmeddelande när du försöker välja eller kopiera en bild:

Meddelande om att innehållet är skyddat
Meddelande om att innehållet är skyddat

Du kan till och med anpassa det här meddelandet i dina inställningar. Navigera till Kopieringsskydd > Huvudinställningar och bläddra ner till Val av inaktiverat meddelande för att skriva din egen varning.

Metod 2: Använd Plugin för att inaktivera högerklick för WordPress

Med pluginet Disable Right Click For WordPress så kan du förhindra åtgärder som klippa, kopiera, klistra in, visa källan, spara bild och inspektera element. Det ger dessutom skydd för hela webbplatsen, även om detta kanske inte är idealiskt om du bara vill skydda specifika sidor på din webbplats.

Installera och aktivera verktyget i WordPress:

Inaktivera högerklick för WP
Inaktivera högerklick för WP

Därefter så går du till Inställningar i din instrumentpanel och väljer Inaktivera högerklick för WP. Markera sedan Ja-knappen för Visa meddelanden vid inaktiverade händelser och klicka på Spara inställningar:

Konfigurera inställningar för att visa varningsmeddelanden i Disable Right Click For WP
Konfigurera inställningar för att visa varningsmeddelanden i Disable Right Click For WP

Frontend-användare kommer nu att se ett varningsmeddelande som informerar dem om att högerklick har inaktiverats. Detta visas när besökare försöker välja, spara eller kopiera dina bilder.

Metod 3: Inaktivera högerklick utan plugin

Plugins erbjuder snabba lösningar för dem som saknar teknisk kompetens. De kan dock göra din webbplats långsammare. Som tur är så går det även att inaktivera högerklick genom att redigera koden på din webbplats.

I din instrumentpanel så går du till Utseende > Temafilredigerare. Scrolla sedan nedåt för att hitta din fil footer.php på höger sida av skärmen:

Redigera temafiler i WordPress
Redigera temafiler i WordPress

Klicka på filen och leta upp taggen </body>. Lägg sedan till följande JavaScript-kod:

<script type="text/javascript">

jQuery(document).ready(function () {

//Disable cut copy paste

jQuery('body').bind('cut copy paste', function (e) {

e.preventDefault();

});

//Disable mouse right click

jQuery("body").on("contextmenu",function(e){

return false;

});

});

</script>

Filen bör nu se ut ungefär så här:

Inaktivera högerklick i WordPress med JavaScript-kod
Inaktivera högerklick i WordPress med JavaScript-kod

Tryck sedan på Uppdatera Fil för att spara ändringarna. Med den här koden på plats så kan användarna inte högerklicka på sidorna på din webbplats.

Andra användbara sätt att skydda ditt innehåll

Även om valet att inaktivera högerklick i WordPress kan göra det svårare för användare att stjäla ditt innehåll så finns det några andra åtgärder som hjälper dig att öka skyddet.

1. Lägg till ett tydligt upphovsrättsmeddelande

Genom att lägga till ett upphovsrättsmeddelande på din webbplats så kan du informera besökarna om att ditt innehåll är din intellektuella egendom och att det inte får användas utan tillstånd. Detta är användbart eftersom alla användare inte vet vilka konsekvenser som det får att kopiera innehåll och kanske har helt oskyldiga avsikter:

Upphovsrättsmeddelandet i Kinsta
Upphovsrättsmeddelandet i Kinsta

Ditt meddelande behöver inte vara alltför komplicerat. Det räcker med att låta besökarna veta vilken typ av användning som du tillåter och vilken du inte tillåter.

Du kan exempelvis besluta att visst innehåll, t.ex. utdrag och länkar, får användas av andra. Du kan dock klargöra att du eller din webbplats måste få full kreditering och begära en länk till det ursprungliga innehållet.

Vi rekommenderar att du placerar ditt upphovsrättsliga meddelande på ett ställe som är synligt på alla dina webbsidor, exempelvis i sidfoten eller i sidofältet. Du har även den juridiska rätten att vidta åtgärder om det blir nödvändigt. Du kanske exempelvis vill lämna in ett DMCA-meddelande.

2. Använd en Creative Commons-licens

Du kan bestämma exakt vilken typ av användning som du kommer att tillåta och inte tillåta på din webbplats. Du åstadkommer detta genom att anta en erkänd licens som uppfyller dina krav. Vi föreslår fortfarande att du använder ett upphovsrättsligt meddelande för att skydda ditt innehåll. Även om du kanske bör skaffa en kostnadsfri licens från Creative Commons för extra trygghet.

3. Bilder med vattenstämpel

Du kan vattenmärka bilder med din logotyp eller ditt webbplatsnamn för att hindra användare från att kopiera dem. Detta kan dessutom avskräcka besökare från att kringgå ett inaktiverat högerklick genom att ta skärmdumpar av dina bilder. Eftersom vattenmärken inte kan tas bort utan att bildens kvalitet skadas så anses detta vara ett effektivt sätt att förhindra stöld av innehåll.

Du kan hitta plugins som Image Watermark som tar hand om detta åt dig. Om du går till Inställningar > Vattenmärke så kan du välja var du vill att vattenmärket ska visas, ställa in skalan och transparensen för märket samt säkerhetskopiera originalbilden:

Plugin-inställningar för Image Watermark
Plugin-inställningar för Image Watermark

Det här pluginet innehåller även grundläggande bildskydd. Detta inkluderar att inaktivera högerklick i WordPress och förhindra dra och släpp.

En av de bästa delarna med att använda vattenmärken? Även om användare väljer att kopiera dina bilder så kan du dra nytta av reklamen för ditt varumärke. Det är dock viktigt att notera att vattenmärken kan göra att dina bilder ser mindre tilltalande ut.

4. Inaktivera hotlinking

Hotlinking är när användare laddar bilder från din server. Detta oetiska förfarande förbrukar din bandbredd eftersom andra webbplatser indirekt länkas till din egen webbplats.

Om du har ett CDN-nätverk (Content Delivery Network) som Cloudflare så får du ett kostnadsfritt inbyggt hotlink-skydd. Du kan alternativt använda ett plugin som All In One WP Security & Firewall:

All In One WP Security & Firewall
All In One WP Security & Firewall

För att inaktivera hotlinking manuellt så måste du hitta rotkatalogen för din webbplats. Du åstadkommer detta genom att logga in på ditt hosting-kontot och navigera till filhanteraren . Du kan alternativt använda en FTP-klient (File Transfer Protocol) som FileZilla.

Öppna sedan din .htaccess-fil och lägg till följande:

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?yourdomain.com [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.com [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?bing.com [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?yahoo.com [NC]

RewriteRule .(jpg|jpeg|png|gif|svg)$ http://dropbox.com/hotlink-placeholder.jpg [NC,R,L]

När du är klar så sparar du ändringarna. Om du ändrar dig så behöver du bara ta bort koden från filen.

5. Installera skydd mot plagiat

Ett program för skydd mot plagiat som Copysentry skannar internet efter stulet innehåll. Du kan ställa in dagliga eller veckovisa genomsökningar, och verktyget letar efter webbplatser som har kopierat dina sidor.

Du kan även söka efter utdrag av ditt innehåll manuellt med hjälp av sökmotorer. Välj helt enkelt en textbit och placera den inom citationstecken. Den här metoden är lite mer tidskrävande, men det är ett bra alternativ om du inte vill betala för ett verktyg.

Sammanfattning

Det är tyvärr ganska vanligt med innehållsstölder. Även med de bästa avsikterna så kan användare stjäla bilder utan att vara medvetna om konsekvenserna av sina handlingar. Genom att inaktivera högerklick i WordPress så kan du dock skydda ditt innehåll så att besökare inte kan använda det utan tillstånd.

Ett annat sätt att skydda din webbplats är att byta till en säker hosting-leverantör på WordPress. Med Kinsta’s toppmoderna infrastruktur så kan du upprätthålla en helt igenom säker miljö. Du kan dessutom dra nytta av SSL-certifikat med ett klick, ett dedikerat malware-team och automatiska säkerhetskopior.