Html запретить копирование страницы

Содержание
  1. Защита контента сайта от копирования
  2. Защита контента сайта от копирования
  3. Отключаем копирование элементов добавляя атрибут в тег body
  4. Отключаем копирование при помощи Javascript
  5. Запрет на копирование с помощью CSS
  6. Предупреждаем Яндекс о скором выходе нового текста.
  7. Добавляем ссылки в текст, для затруднения копирования
  8. Максимально часто используем названия фирмы и нашего сайта в тексте
  9. Защита от копирования содержимого страницы
  10. Защита от копирования отдельных элементов страницы
  11. Защита от копирования всей страницы
  12. Комментарии
  13. 7 способов защиты контента от копирования
  14. Навигация по статье:
  15. Чем копирование контента опасно для вас и для вашего сайта?
  16. Защита от копирования контента при помощи скрипта
  17. Как запретить копирование с сайта с помощью CSS
  18. CSS свойство user-select что оно умеет и для чего предназначено
  19. Как обойти блокировку копирования CSS свойством user-select
  20. Как разрешить копировать лишь часть контента
  21. Выводы

Защита контента сайта от копирования

В наше время выложить статью в интернет значит сделать ее общественной собственностью, а это значит, что любой недобросовестный пользователь может просто скопировать ее себе на сайт, изменив сведения об авторе, если таковые имеются. Но самая большая проблема в том, что украденный контент может еще и обогнать ваш в поисковых системах. Как с этим бороться? Никак. Но есть ряд мер, которые следует предпринять, чтобы максимально затруднить копирование вашего контента.

Защита контента сайта от копирования

Итак, начнём. Однако еще раз напомню, что ни одна защита сайта от копирования не даёт 100% эффекта, она лишь усложняет жизнь тем, кто вознамерился украсть ваш труд.

Отключаем копирование элементов добавляя атрибут в тег body

В HTML коде найдите тег » body » и добавьте ему атрибут oncopy =«return false» .

Читайте также:  Пример веб-страницы с php кодом

защита контента сайта от копирования путём добавления атрибута body

Чтобы использовать этот метод для всех страниц в стандартном шаблоне Moguta зайдите Настройки-Шаблон-template.php и найдите там тег body. Если вы хотите отключить копирование на всех страницах, то вставьте нижеприведённый код в body.

защита контента сайта от копирования через тег body в шаблоне moguta

Если вы хотите отключить копирование на отдельных страницах, то вставьте нижеприведённый код в body в указанное место.

защита контента сайта от копирования на определённой странице шаблона moguta

Отключаем копирование при помощи Javascript

Вставьте на вашу страницу следующий код

 document.ondragstart = noselect; // запрещает перетаскивание document.onselectstart = noselect; // запрещает выделение элементов страницы document.oncontextmenu = noselect; // запрещает выведение контекстного меню function noselect() 

Минус этого способа в том, что пользователи иногда переходят по ссылкам, кликая правой клавишей мыши. Подобными скриптами можно создать ряд неудобств и понизить конверсию.

Этот скрипт легко обойти, открыв исходный код страницы через главное меню браузера, либо отключив в браузере скрипты. Однако, вероятность копирования текста неопытным “копирайтером” существенно снизится.

Запрет на копирование с помощью CSS

Отключите копирование с помощью CSS свойства

 /* Отключение возможности выделения в элементе с классом nocopy */ .nocopy

У этого способа меньше недостатков: а отключить стили в браузере сложнее, хотя и этот метод легко обойти.

Предупреждаем Яндекс о скором выходе нового текста.

Перед публикацией текста отправьте его на Yandex сервис Оригинальные тексты, уменьшая таким образом вероятность того, что страница конкурента обгонит вас в поисковике.

«Если вы публикуете на своем сайте оригинальные тексты, а их перепечатывают другие интернет-ресурсы, предупредите Яндекс о скором выходе нового текста. Мы будем знать, что оригинальный текст впервые появился именно на вашем сайте, и попробуем использовать это в настройке поисковых алгоритмов.», — говорит Яндекс.

Добавляем ссылки в текст, для затруднения копирования

Добавьте в текст несколько ссылок на ваш сайт. Если копипастер этого не заметит и скопирует вместе с ними, то у вас появится дополнительная внешняя ссылка на ваш сайт, что сыграет вам на руку.

Максимально часто используем названия фирмы и нашего сайта в тексте

Для таких страниц, где описываются услуги, можно вставлять в текст название компании или сайта, чтобы при его копировании пришлось делать рерайт, это снизит вероятность полезности такого текста для конкурентов при его использовании.

Это были основные советы по защите вашего контента от копирования, однако помните, что кому надо, тот всё равно сможет скопировать всё, что захочет несмотря на принятые меры.

Источник

Защита от копирования содержимого страницы

Защитить от выделения и копирования текста страницы можно с помощью следующего кода:

 document.ondragstart = test; //запрет на перетаскивание document.onselectstart = test; //запрет на выделение элементов страницы document.oncontextmenu = test; //запрет на выведение контекстного меню function test() 

Такая защита НЕ спасет от:

  • выделения всей страницы с помощью комбинации клавиш Ctrl + A,
  • просмотра исходного текста с помощью комбинации клавиш Ctrl + U,
  • сохранения всей страницы на диск с помощью комбинации клавиш Ctrl + S.

Дочитайте до конца и узнаете, почему на данной странице ни одна из этих комбинаций не работает.

Защита от копирования отдельных элементов страницы

Если необходимо защитить исключительно картинки, то можно обойтись следующим кодом:

Если нужно защитить от выделения отдельный блок, то воспользуйтесь таким кодом:

 

Защита от копирования всей страницы

Текст и картинка на данной странице защищены от выделения и копирования. Проверьте!

Конечно, не секрет, что и такую защиту можно обойти через просмотр исходного кода защищенной страницы средствами браузера.

Элемент защищен от копирования

Исходный код этого примера:
  

Таким образом, вы запретите выделение во всем документе, кроме элементов INPUT и TEXTAREA.

Комментарии

Выделении текста двойным кликом:

  1. Google Chrome и FireFox выделяют слово, и можно успеть нажать Ctrl+C.
  2. Opera и Microsoft Edge не дают запретить поведение по умолчанию. Они выделяет слово и вызывают контекстное меню.

Само собой, решение не идеальное и требует JavaScript (с другой стороны, подобная защита нужна в веб-приложениях, которые и так используют JS). И это лучше, чем ничего, и довольно кроссбраузерно (конечно, может потребоваться дополнительный код для некоторых браузеров и их версий).

Источник

7 способов защиты контента от копирования

защита от копирования

В последнее время проблема копирования контента усугубляется всё больше и сегодня многие задаются вопросом как защитить контент от копирования. Существует огромное множество различных инструментов, сервисов и программ, позволяющих вычислять молодые, плохо индексируемые сайты и парсить с них статьи.

Чем копирование контента опасно для вас и для вашего сайта?

Предположим, что вы три дня писали статью или заказали её у копирайтера и заплатили за неё деньги. Далее вы публикуете эту статью у себя на сайте и практически сразу её копирует к себе на сайт какой то… другой человек, сайт которого намного быстрее индексируется чем ваш.

В итоге если поисковый робот проиндексирует его сайт раньше чем ваш, то авторство статьи будет присвоено ему, а не вам. Обидно, не правда ли?!

Также если вашу статью скопируют на сайт, у которого больше посещаемость, лучше поведенческие факторы и в целом сайт уже достаточно раскрученный и трастовый в глазах поисковиков, то он будет высвечиваться выше в поисковой выдаче чем ваш, с той же самой статьёй.

Поэтому сегодня я хочу рассказать вам о том как можно защитить ваш контент от копирования и рассмотреть несколько наиболее популярных способах защиты контента.

Сразу оговорюсь, что некоторые из них нужно использовать с осторожностью, чтобы не ухудшить поведенческие факторы.

Защита от копирования контента при помощи скрипта

Данный вариант подойдёт для любого сайта, на любой CMS. Заключается он в том, что в коде сайта прописывается специальный фрагмент JavaScript кода, который запрещает использовать правую кнопку мышки на вашем сайте и копировать контент.

  • быстрый в реализации
  • подходит для всех сайтов
  • защищает от копирования как текст так и изображения
  • Ухудшает поведенческие факторы. Согласитесь, что большинство пользователей раздражает, когда вы не разрешаете им ни картинку сохранить, ни фрагмент текста какой-нибудь скопировать (например, ваш номер телефона или e-mail). Особенно раздражает, когда на сайте представлен какой то фрагмент кода и его нельзя никак скопировать!
  • Данный вариант защиты легко обойти путём отключения скриптов в браузере.
  • Не эффективен при парсинге контента с вашего сайта.
  • Также можно воспользоваться специальными программками для распознавания текста с экрана и скопировать всё что нужно.

Как видите минусов больше чем плюсов, поэтому данный способ защиты я вообще не рекомендую использовать. Есть мнение, что за такие штуки можно и фильтр от яндекса получить за ухудшение юзабилити. Я правда на практике не проверяла так ли это, но то что это может ухудшить поведенческие факторы, что в свою очередь приведёт к снижению позиций в поисковой выдаче – это факт.

А вот и сам код скрипта для запрета копирования:

Источник

Как запретить копирование с сайта с помощью CSS

Ранее были рассмотрены два варианта того, как запретить копирование контекста с сайта: с помощью JavaScript (легко обходится отключением JS в браузере) и с помощью прозрачного блока CSS на весь экран, который перекрывает доступ до элементов страницы (легко обходится, удалением этого элемента со страницы с помощью инструментов разработчика браузера). В этой статье расскажу про ещё один способ того, как усложнить жизнь тем, кто ворует чужой контент с помощью CSS свойства user-select и на этом пожалуй остановлюсь. Нет идеальной защиты. На крайней случай, можно всегда нанять секретаршу, которая всё перепечатает (если конечно нет нормального сисадмина, разбирающегося в том, как работают сайты, в штате).

CSS свойство user-select что оно умеет и для чего предназначено

CSS свойство user-select управляет поведением выделения текста и других элементов на странице, в частности, позволяет запретить выделение текста. Нормальным применением этого свойства будет запретить выделение текста на тех элементах страницы, которые служат указателями, например, в панели вкладок на странице с аккордеоном. Этого же можно добиться, заменив текст картинками, но зачем усложнять и утяжелять страницу? CSS свойство user-select не влияет на поведение поисковых роботов, поэтому его также применяют на сайтах для обеспечения защиты текста от копирования.

Заданные значения этого свойства наследуются, поэтому, можно глобально запретить выделение (а значит и копирование) во всём документе, назначив ему значение none .

Для всех браузером: -ms , -moz , -webkit и основное свойство user-select .

Как обойти блокировку копирования CSS свойством user-select

CSS свойство user-select не отключает контекстное меню браузера, поэтому в два клика открывается инструментарий разработчика и значения свойства либо переводятся в all , либо просто удаляются.

Для того, чтобы усложнить жизнь тем, кто ворует чужой контент, можно прописать это свойство отдельным элементам страницы таким, как div , span , p , и другим контейнерам, куда помещается текст, который нужно защитить от копирования. Но опять же, — от секретаря с наманикюренными ногтями или от человека, чуть разбирающегося в HTML и CSS это не спасёт. К тому же, всегда можно сохранить всю страницу и открыть её на редактирование в MS Word.

Как разрешить копировать лишь часть контента

Для того, чтобы можно было хоть что-то скопировать, можно задать дополнительный CSS-класс, в котором отключить запрет на выделение:

Тогда, можно управлять тем, что поддаётся выделению (и копированию) и тем, что стандартными средствами выделить в браузере не получится (даже при отключенном в браузере JavaScript). Например,

Это то, что можно выделить

А вот это не утащишь! =)

Выводы

Таким образом с помощью CSS свойства user-select можно дополнительно усложнить жизнь тем, кто ворует контент и защитить сайт от копирования текста, но решения о том, как развидеть то, что уже показано на мониторе пользователя просто не существует. Если показали, — значит дали шанс использовать. А уж как поведёт себя пользователь с полученной информацией, предсказать невозможно.

Заберите ссылку на статью к себе, чтобы потом легко её найти!
Раз уж досюда дочитали, то может может есть желание рассказать об этом месте своим друзьям, знакомым и просто мимо проходящим?
Не надо себя сдерживать! 😉

Источник

Оцените статью