Thursday, 16 January 2014

How to Protect a Website Content from Copying

My-website-is-protectedNow a days, content stealing is the big issue for webmasters. Many want to make money through internet. Most of them create a website or blog even though they don’t know much about them. They could not create good content for their site as they are lazy to think, refer and write. So, they steal others’ content.
Generally webmasters are spending days and weeks to research about a topic and write articles. But, the content thieves simply copy and paste them on their sites.
So, webmasters need to protect their content. Because, if a duplicate copy of an article is distributed on the internet, it will affect the ranking of the original article and it will get lower traffic. You come to know how to protect your content from copying, by reading this article.

First, show you own the content.

  • Make others understand that your website content has got a proper copyright already. This will alert them not to copy your content.
    Include copyright information in the footer of the website. The example copyright information is given below.
    Copyright © websiteName 2014. All rights reserved.
  • Put Copyscape or DMCA warning banner to warn content thieves against stealing your content.
  • Use Creative Commons and define license of your website content. This is one of the best ways to show that you own the content.

Also read…

Protect your content from copying using scripts

First, you have to understand that there is no practical way to completely protect your web site from copying. But there are some tricks to complicate the process of copying. They are explained below.

Disabling right click

Most of the people use right click to copy a website content. So, disabling right click is the main way to protect your website content. To do so, just use this oncontextmenu="return false;" simple attribute in HTML tags.
For example, if you want to protect the whole page, use the attribute in the <body> tag as given below.

<body oncontextmenu="return false;">


But sometimes, it will annoy users. So disable only some parts. For example, if an article deals about a script to help users, there is no meaning in disabling the script parts. So, use the oncontextmenu attribute as given below.

<div oncontextmenu="return false;">

Here the right click is disabled.

</div>

<div oncontextmenu="return true;">

Here the right click is enabled.

</div>

Disabling text selection

By selecting text, there is a possibility to copy your website content, even if you have disabled right click. So, you have to disable the left click text selection. To do this, we can use CSS styles as given below. Include the code between <head> and </head> tags.

<style>

body {

-moz-user-select: none;

-khtml-user-select: none;

-webkit-user-select: none;

user-select: none;

}

</style>

The above code will disable text selection for the whole page. If you want to protect specific parts, use id or class as given below.

<style>

#protected {

-moz-user-select: none;

-khtml-user-select: none;

-webkit-user-select: none;

user-select: none;

}

</style>


<div oncontextmenu="return false;" id="protected">
Here, right click and text selection are disabled.
</div>

If you want a customized script to protect text selection use the following jQuery plug-ins.

Protecting images

If you prevent text selection and right click, the image could not be copied. Yet, Internet Explorer will show image toolbar using which one can save images. This image toolbar can be disabled by including the following meta tag between <head> and </head> tags.

<meta http-equiv="imagetoolbar" content="no" />

Putting a transparent image over the real image

<div style="background-image: url(imageToBeProtected.jpg);">
  <img src="transparent.gif">
</div>


From the above code, you can understand the trick. The image we use should be protected. So, we have to use it as the background of a div. Then have a transparent image, in the img tag. So, if a user tries to copy the image, he can copy only the transparent image.

Preventing search engines from indexing images

By preventing search engines from indexing images, we can avoid another possibility of the images being copied. To do so, use the meta tag given below.

<meta name="robots" content="noimageindex"></meta>

These are the ways I know to protect our website content. If you know any other means, you are most welcome to share in your comments. Hope this will be of a great use for you.

Also read…



Share and Subscribe

Share and Populate

Get Free Updates in Your Inbox

Site Admin

My Theme Shop

No comments :

Post a Comment