Размещение фотоматериалов на сайте
Где взять картинки для статьи
Есть несколько способов получить качественный фотоконтент для сайта:
- сделать фото самому
- купить картинки в фотобанке
- скачать с бесплатных фотостоков
- создать иллюстрации в специальных программах.
У каждого из этих вариантов есть свои плюсы и минусы. Рассмотрим их.
Свои фотографии
Самый простой, но самый дорогой способ получить уникальные изображения для сайта. Нам нужно потратить время и деньги, чтобы найти хорошего фотографа и заплатить ему за фотосессию. Зато таких изображений больше ни у кого не будет. Поисковые роботы обязательно это оценят.
Готовые фотографии можно купить и у самих фотографов. Такие фотоматериалы обойдутся дешевле, чем фотосессия, но придется потратить больше времени на поиски нужного фотоконтента.
Фотобанки
Если вы не знаете, где брать картинки для оформления текста, рекомендую обратить внимание на фотобанки, например: Shutterstock, Depositphotos, Gettyimages, Photocase и др.
На этих сервисах находятся миллионы файлов. Нужное изображение ищем при помощи фильтра. Купить фото можем поштучно. Но если нам нужно много фотографий, то лучше оплатить подписку на месяц.
За авторство файлов с фотобанков можно не беспокоиться. Они все продаются со стандартной лицензией, и их можно использовать на сайтах, в блогах, для печати и рекламы продукции.
Самые популярные сервисы — Pixabay, Burst, Pexels, Unsplash, Free Images. Фото здесь можно скачать бесплатно, но их выбор значительно скромнее, чем на платных ресурсах. К тому же бесплатные изображения доступны всем, и вполне вероятно, что выбранная нами картинка давно есть на сайте конкурентов.
Для того чтобы такое изображение понравилась поисковым роботам, его нужно сделать уникальным. Об этом я расскажу дальше.
Для некоторых статей, как, например, для этой, в качестве изображений можно использовать скриншоты. Их можно сделать бесплатно при помощи специальных программ: Lightshot, Joxi и др. Расширение для скриншотов можно установить в браузере.
Для этой статьи я делала скриншоты с помощью расширения Standardized Screenshot. Поэтому все иллюстрации одном стиле.
Самостоятельно созданные иллюстрации
Прелесть этого способа в том, что вам необязательно быть крутым художником или специалистом по Photoshop. Вы вполне можете сделать картинки без слёз и боли в сервисе Canva или Crello. Впрочем, некоторые авторы рисуют скетчинги в обычном блокноте, а потом оцифровывают изображения и используют в тексте.
Какого размера должны быть фото на сайте
Картинка в тексте должна не должна быть слишком маленькой или большой. Главное — она должна быть качественной. Для этого нам нужно загрузить на сайт фото с высоким разрешением. При скачивании фотографии обращаем внимание на ее размеры и выбираем самый оптимальный.
Лучше уменьшить большую картинку, чем увеличить маленькую.
В последнем случае изображение потеряет в качестве и станет размытым. Оптимальная ширина — 1000–1200 px.
Для примера поищем картинку на бесплатном сайте Pixabay. Если нам подходит все фото, достаточно будет размера 1280×853 px. Но если нужно вырезать лишь часть изображения, скачиваем размер 1920×1279 px.
Обработка изображения
Для того чтобы не занимать на сайте память тяжелыми изображениями, их нужно уменьшить. При этом фото не должно потерять в качестве. В интернете есть специальные сервисы для сжатия, например Tinypng или JpegMini.
Так как правильно уменьшать фотографии?
- Обрезаем фото так, чтобы на нем было нужное нам изображение. Это можно сделать в Photoshop, Canva и даже Paint.
- Уменьшаем ширину картинки до 1200 px.
- Сжимаем в сервисе https://tinypng.com/.
- Скачиваем в папку на Рабочем столе.
Мы видим, что в процессе сжатия вес фотографий уменьшился на несколько процентов. При этом качество изображения и его размеры остались прежними.
Как назвать изображение для публикации
Чтобы назвать картинку, прогоните ключ на русском языке через любой транслитератор и запишите его латинскими буквами. Между словами поставьте дефисы. Тогда при загрузке фото на сайт сразу правильно пропишется URL картинки.
В новых версиях wordpress транслитерация названий иллюстраций происходит автоматически. Это очень удобно, конечно.
Как загрузить фото на сайт
Теперь изображение загружаем на сайт и размещаем в тексте. Принцип загрузки фото в разных админках похож, потому что медиафайлы на сайтах хранятся в галереях. Сначала нужно загрузить фото в галерею, а потом оттуда вставить на нужную страницу.
Напомню, что перед этим изображение следует обрезать, сжать и правильно подписать. Все это нужно сделать для оптимизации сайта.
Смотрим, как загрузить фото в админку на примере WordPress. Чтобы верстка была была правильной, делать это нужно в коде HTML. Нажимаем кнопку «Добавить медиафайл».
Открывается «Редактор фото», и мы загружаем изображение из компьютерной папки в галерею.
Когда фотография загружается в галерею, у нее автоматически прописывается правильный URL-адрес и заголовок латинскими буквами.
Теперь изменяем заголовок картинки и пишем его русскими буквами. Обязательно прописываем атрибут alt — очень важный элемент для поисковых машин.
В теге устанавливается альтернативный текст для изображения. Это название отображается, когда загрузка графики в браузере пользователя отключена.
По нему можно понять, что изображено на картинке, когда саму картинку не видно.
Проверьте, чтобы заголовок и атрибут alt для картинки обязательно были прописаны.
Сохранение иллюстрации на странице
Когда все готово, нажимаем кнопку «Вставить». В редакторе записи появляется новый кусок HTML-кода. Это и есть наша картинка. Обязательно проверяем, прописался ли атрибут alt, и обращаем внимание на размеры ширины и высоты фото: “width”, “height”.
Наша задача — чтобы у пользователя изображение корректно отображалось как на компьютере, так и на смартфоне. Поэтому настраиваем изображение так, чтобы в мобильной версии фото не меняло свои пропорции.
Для этого в HTML-коде ставим новые показатели ширины и высоты фотографии:
- width=”100%” — это означает, что на любом экране фото будет автоматически отображаться по ширине страницы, или блока, в котором оно находится; если мы хотим сделать фото меньше, прописываем меньше проценты
- height=”auto” — высота картинки будет выравниваться пропорционально к ширине.
Еще раз проверяем, прописался ли атрибут alt в коде. Если все в порядке, страницу можно сохранять в черновики.
Финальная проверка: как фото смотрится в основном тексте
Нажали «Сохранить»? Самое время проверить итоговый вариант текста с оформлением. Если необходимо, выравниваем фотографии, смотрим, как контент будет отображаться в мобильной версии. Все иллюстрации должны быть опубликованы в одном стиле, желательно — одного размера.
Если вы пока не очень здорово разбираетесь в нюансах, обязательно изучите материал про оформление текстов для сайтов и блогов.
Когда все выглядит так, как требуется, и корректно работает, смело жмем кнопку «Опубликовать».
Как вставить картинку в HTML
Невозможно представить ни один сайт без визуальной составляющей, в часть которой входят различные изображения, помогающие пользователю с восприятием информации.
В HTML-разметке картинки добавляются с помощью специального тега . Помимо основной опции, он также содержит в себе множество атрибутов, позволяющих редактировать изображения по критериям.
Например, устанавливать ширину картинки или задавать отступы снизу и сверху.
В сегодняшней статье мы разберем основные способы вставки картинки в HTML, а также рассмотрим полный список атрибутов тега .
Как добавить картинку и не попасть под суд
Прежде чем приступить к размещению фотографий на своем сайте, стоит убедиться, что весь контент уникален. Использование иллюстраций, скетчей, комиксов, а также фотографий без согласия собственника преследуется законом.
Хорошим примером нарушения закона об интеллектуальной собственности можно считать историю одного магазина из Перми. Тогда предприниматель решил не нанимать личных фотографов, а взял снимки изделий из интернета, после чего был оштрафован на 820 000 рублей. Естественно, что такие случаи на территории России не столь частые, но лучше соблюдать законы, коль они есть.
Откуда же брать фотографии, неужели самому идти снимать? Если вы выпускаете какую-либо продукцию, то в таком случае лучше заплатить хорошему фотографу и все качественно отснять — и пользователю приятно будет смотреть на снимки, и бизнес будет процветать.
Другой случай, когда нужно взять какие-нибудь фотографии для наполнения контента, бэкграунда и прочего. Для этого лучше всего использовать бесплатные или платные фотографии, которые размещены на специальных сервисах, фотостоках. Зачастую хватает бесплатных картинок, но если нет ничего подходящего, то можно и заплатить — быть может, из-за этой фотографии увеличится конверсия сайта.
Вот список некоторых сервисов, на которых размещены как бесплатные, так и платные изображения:
- Unsplash
- Shutterstock
- Pixabay
- Freepik
- Pexels
На таких площадках вы сможете найти любые фотографии: от абстрактных иллюстраций до снимков публичных людей. Помните, что качество картинки напрямую влияет на восприятие контента – чем оно лучше, тем профессиональнее выглядит страница сайта.
Закажите лицензию 1С-Битрикс, легко размещайте картинки в визуальном редакторе и не платите за хостинг весь год.
Заказать
Добавляем картинку в HTML
Немного поговорили, теперь давайте приступим к основной части статьи – добавлению изображений в разметку HTML. Как мы уже выяснили ранее, вставить картинку в код и отобразить ее на сайте мы можем с помощью тега .
В него по умолчанию входят два атрибута – «src» и «alt». Первый должен содержать в себе путь к изображению, второй – текстовое описание, которое используется поисковыми системами.
Если вы не хотите, чтобы фотография индексировалась поисковиками, то не используйте атрибут «alt».
Шаблон: , где photo – папка, размещенная рядом с основным файлом HTML. Если бы изображение было размещено в другом месте, то до него бы полностью указывался путь, например, .
Давайте рассмотрим, как добавить картинку в HTML на примере фотографии из Unsplash:
- Скачиваем нужную фотографию из стоков и добавляем ее в папку img, заранее созданную в директории с содержимым сайта. Необязательно создавать новую папку, файл можно разместить рядом с HTML-документом. Если вы берет картинку из другого места, то также учитывайте ее путь.
- Прописываем тег и добавляем в него атрибут «src» со скопированным путем. В нашем случае получается просто . При использовании снимка из другой папки, потребовалось бы указать полный путь с обратным слэшем.
- Запустим HTML-файл и убедимся, что все было прописано правильно. В результате фото должно занимать всю область – обратите внимание на ползунки, расположенные справа и снизу. Мы можем их прокрутить, чтобы просмотреть изображение полностью.
Если при запуске HTML-файла вы не увидели изображения, убедитесь, правильно ли прописан путь, а также название файла. Кроме того, расширение может быть не .jpg, а .png или любое другое.
Для того чтобы изображение не занимало всю площадь, мы можем воспользоваться специальными для этого атрибутами. Например, width — позволяет отрегулировать ширину изображения. Пропорционально ей будет также изменяться высота, которую можно подправить атрибутом height.
Размер указывается как в единицах измерения, так и без; если указать простое число, то оно автоматически определится в пикселях. Также можно указать в em, ex, % и прочих единицах.
Попробуем немного сжать нашу фотографию, чтобы она не расплывалась по всей территории страницы. Для этого пропишем внутри тега атрибут width=”500px”. После этого обновим страницу и убедимся, что изображение было сокращено до размера 500х500(px).
Это был один из атрибутов, который дал возможность немного поиграться с тегом . Атрибуты позволяют сделать вид страницы наиболее презентабельным и гибким.
Значение всегда заключается в двойные кавычки, рекомендуется указывать в нижнем регистре. Существует более 10 различных свойств для изображений, необходимых в разных ситуациях.
Далее мы подробно разберем каждый из атрибутов, относящихся к тегу .
Список атрибутов тега img
Использование тегов в HTML-разметке не принуждает использовать лишь один атрибут – при необходимости мы можем воспользоваться их любым количеством. Если используется два одинаковых атрибута, то приоритет будет за тем, что указан первым.
Полный список атрибутов:
- src — базовый и обязательный, включающий в себя ссылку на изображение. Она может быть прописана как до файла, размещенного на другом веб-ресурсе, так и до изображения, которое находится на домашнем компьютере.
Возможные форматы: JPEG, JPG, PNG, GIF, BMP, ICO, APNG, SVG и Base64.
Пример:
или
- alt — устанавливается альтернативный текст для изображения. Текстовая информация отображается при отключенной загрузке графики в браузере пользователя и дает понять, что изображено на этой картинке. Помимо этого, данный атрибут также необходим для поисковых систем – таким образом они индексируют изображение и выводят пользователю подходящий результат. Может содержать русскую раскладку.
Пример:
- align — определяет выравнивание картинки относительно рядом находящегося текста.
Возможные значения: top, bottom, middle, left и right.
Пример:
- border — добавляет вокруг картинки рамку с выбранным размером.
Возможные значения: px, % и другие.
Пример:
- height – позволяет изменять высоту изображения, пропорционально которому изменяется ширина.
Возможные значения: px, % и другие.
Пример:
- width — позволяет изменять ширину изображения, пропорционально которой изменяется высота.
Возможные значения: px, % и другие.
Пример:
- hspace — добавляет отступ слева и справа от изображения.
Возможные значения: px, % и другие.
Пример:
- vspace — добавляет отступ сверху и снизу от изображения.
Возможные значения: px, % и другие.
Пример:
- longdesc — позволяет добавить адрес с расширенным описанием выбранной фотографии.
Возможный формат: txt.
Пример:
- crossorigin — разрешает выполнить вставку изображения из другого источника, использовав кросс-доменный запрос.
Возможные значения: anonymous – анонимный запрос без передачи учетных данных, use-credentials – запрос с передачей учетных данных.
Пример:
- srcset – добавляет список изображений, которые будут отображаться в зависимости от ширины или плотности экрана. Не поддерживается в браузерах Android и Internet Explorer.
Допустимые значения: Nw, где N – любое целое положительное число, и Kx, где K – положительное десятичное число.
Пример:
- sizes — относится к предыдущему атрибуту и позволяет указать размер выбранных изображений.
Возможные значения: Nex, Nrem, Nem, Nvmin, Nch, Nvh, Nvw, Nvmax, Nin, Nq, Nmm, Npc, Ncm, Npt и Npx, где N – положительное число.
Пример:
Работает следующим образом: при разрешении экрана меньше 800px задается ширина картинки в 500px. Если экран больше 800px, то изображение фиксируется в положении 800px.
- usemap — позволяет совместить картинку с картой, которая была указана в теге .
Возможные значения: #name, где name – значение атрибута name карты, и #id, где id – значение атрибута id карты.
Пример:
- ismap — совмещает фотографию с областью серверной карты. Таким образом, при нажатии считываются координаты клика от левого верхнего угла. Они отправляются запросом на указанный адрес в ссылке. Обязательное требование для работы с атрибутом: картинка должна быть обвернута в тег .
Пример:
Дополнительные опции
Иногда требуется не просто добавить изображение на страницу сайта, но и сделать его кликабельным или фоновым объектом. В этом нам помогут дополнительные теги и CSS-стили:
- Изображение как ссылка на другую страницу:
- Атрибут img позволяет добавлять не просто картинки, но и GIF-изображения:
- Гибкий тег, появившийся в HTML5 под названием , позволяет изменять картинки при различных расширениях:
При размере дисплея больше 750px будет показано одно изображение, при размере больше 265px, но меньше 750px – другое.
- Фоновое изображение добавляется в тег body с помощью CSS стиля «background-image» и других подобных:
Привет, мир!
На этом статья подходит к концу. Сегодня мы разобрали довольно простые вещи из HTML-разметки, которые могут быть полезны не только начинающим веб-разработчикам, но и тем, кто уже давно знаком с версткой.
Не всегда получается запомнить все атрибуты, иногда проще их посмотреть и скопировать в пару кликов. В этом и должно помочь данное руководство. Надесь, что после его прочтения у вас не осталось вопросов.
Спасибо за внимание!
Картинки из интернета: как использовать и не нарушать закон
В интернете миллионы самых разных изображений. Но просто взять любую понравившуюся картинку и использовать её на своем сайте или распечатать на футболках нельзя. Всё потому, что любое изображение защищено авторским правом.
Что это значит для вас, как использовать фотографии и иллюстрации из интернета легально, а также чем грозит нарушение авторского права, разобрались специалисты фотобанка Depositphotos.
Фотобанк с премиум-коллекцией фотографий, векторов и видео. Более 175 миллионов стоковых фотографий, иллюстраций и векторных изображений высокого качества по доступным ценам.
Что такое авторское право
Начнём с теории. Это менее захватывающая часть статьи, но без знания основ будет сложно понять, как всё устроено и работает. Если вы уже знакомы со всеми терминами, сразу переходите к следующей части.
Если совсем упростить, то авторское право — это совокупность прав, которая автоматически появляется у людей при создании любых произведений науки, литературы или искусства. В частности, к последней категории относятся фотографии, иллюстрации и изображения, которые созданы на их основе — например, коллажи.Авторское право включает в себя два вида прав: неимущественные и имущественные. Сейчас объясним, что это такое и чем они отличаются.
Неимущественные права — это права на авторство, имя, обнародование, включая отзыв и неприкосновенность произведения.
Допустим, вы создали иллюстрацию. Никто кроме вас не может считаться её автором. Если захотите, вы можете опубликовать свою работу. При этом указывать свое имя или нет — решаете вы. Без вашего разрешения никто не может ничего менять в иллюстрации.
По российскому законодательству неимущественные права принадлежат автору, и он не может их передать. Они действуют бессрочно.
Имущественные права (исключительное право на использование произведения) дают возможность автору и его правопреемникам — наследникам или тем, кому автор продал права — использовать произведение.
Например, автор или правопреемники могут разрешить откадрировать фотографию и разместить её на сайте.
У имущественных прав есть срок действия — это вся жизнь автора и 70 лет после его смерти. После этого произведения считаются общественным достоянием, и их могут использовать все желающие.
Вид прав автора;На что распространяется;Срок действия;Можно ли переделать
Неимущественные;Авторство, имя, обнародование, неприкосновенность произведения;Бессрочно;Нет
Имущественные;Копирование, распространение, изменение произведения;Вся жизнь автора и 70 лет после его смерти;Да
Чтобы передать имущественные права на изображение кому-то ещё, автор заключает с этим лицом лицензионный договор или договор об отчуждении исключительного права. Правообладатель может распоряжаться этим изображением только так, как указано в договоре.Например, автор может разрешить печатать изображение на футболках, но запретить его использовать на кружках. Если предполагается, что изображение нужно изменить, об этом тоже нужно договориться с автором.
Поскольку значительная часть визуального контента, загруженного в интернет, создана в последние 70 лет, свободно копировать, распространять, использовать и публиковать его нельзя.
Чем грозит использование изображений без разрешения автора
Если владелец изображения обнаружит, что его произведение используется без его согласия, он может подать в суд и выиграть процесс.
Авторское право в интернете: как наполнить сайт и не нарушить закон — Право на vc.ru
Интернет — неисчерпаемый источник бесплатного контента. Но у каждой единицы контента есть автор. А у каждого автора есть права, которыми он не всегда готов делиться. В этой статье мы расскажем, как наполнить сайт и не нарушить ничьи права.
В России за «заимствования» на сайтах пока преследуют не так активно, как, например, в Германии, где пожаловаться на конкурента за использование чужого контента стало распространенной практикой. Но в любом случае брать чужое плохо, и в России институт защиты авторского права в интернете набирает силу. Чтобы избежать проблем, нужно подготовиться.
Все тексты на сайте должны быть уникальными. Этого требует закон и алгоритмы поисковых систем.
Где взять уникальный контент? Либо писать тексты и снимать фото самостоятельно, либо поручить эту работу компетентным лицам — индивидуальным исполнителям или агентству.
В любом случае ваши отношения должны быть задокументированы, а в договоре должен быть пункт о том, что после оплаты все права на контент переходят к вам. Иначе вы не будете защищены от требований со стороны авторов.
Таскать картинки и тексты из интернета точно не стоит. Во-первых, у всех этих материалов есть автор. Во-вторых, у посетителей вашего сайта может возникнуть déjà vu, что вряд ли хорошо скажется на вашей репутации.
Мало того, что использование чужих фото-, видеоматериалов, текстов и прочего не вашего — это нарушение закона.
Так еще за это карают поисковики и провайдеры хостинга — в лучшем случае сайт снизится в поиске, в худшем — его заблокируют.
Некоторые фотографии для оформления страниц и баннеров можно взять в фотобанках. Скачивая изображение из фотостока, обязательно удостоверьтесь, что его разрешено использовать для коммерческих целей. На платных площадках установлена разная цена за разные лицензии, на бесплатных обычно размещают картинки не для коммерческого использования.
А что если взять часть чужого изображения или «доработать» чужую фотографию в PhotoShop? Переработка авторского произведения без согласия автора не допускается. Это все равно кража. Не делайте так.
Чего точно не стоит делать, так это наполнять каталог и портфолио такими изображениями. Им не верят. Посмотрите в глаза Гарольду — он тоже устал от стоковых фото на коммерческих сайтах.
Эту фотографию мы взяли из интернета, не делайте так.
Если вы сотрудничаете с производителями, обычно они не возражают (а некоторые даже настаивают на этом), чтобы дилеры и дистрибьюторы использовали их промоматериалы. Просто спросите у своего поставщика, нет ли у него материалов по продуктам.
Например, вы делаете окна из профилей REHAU и являетесь партнером бренда. Специально для вас REHAU сделали сайт с маркетинговыми материалами dev.rehau-reklama.ru, которые можно скачать и использовать на сайте — какие-то бесплатно, какие-то за деньги.
Скриншот раздела «Окна» на сайте dev.rehau-reklama.ru
Есть контент, который не купишь. И он обычно вызывает больше доверия у посетителей сайта. Например, фотографии сотрудников покажут, что вы реальная компания и у вас работают реальные люди. Но вы не можете использовать фото без разрешения.
В соответствии с ч. 1 ст. 11 Федерального закона от 27 июля 2006 г.
№ 152-ФЗ «О персональных данных» к биометрическим персональным данным относятся «сведения, которые характеризуют физиологические и биологические особенности человека, на основании которых можно установить его личность и которые используются оператором для установления личности субъекта персональных данных». Изображение человека (фотография) позволяет установить личность человека и потому относится к биометрическим персональным данным. Обработка биометрических данных должна осуществляться только в письменного согласия работника.
Если сотрудник против, вы не сможете использовать его фото на сайте.
В WebCanape мы предлагаем новым сотрудникам подписать разрешение на использование их фотографий прямо при приеме на работу. Мы объясняем, какие фотографии и для чего мы можем использовать, и если работник против, он вправе отказаться и не подписывать предлагаемый документ. Большинство не возражают.
Согласие должно включать следующие реквизиты:
- кто дает согласие на фотографию (ФИО, должность);
- кому оно выдано (название компании, ОГРН или ИНН);
- какой конкретно объект будет использоваться — если это возможно указать (лучше сделать приложение с изображениями);
- где и в каких целях будут использоваться фотографии;
- пункт о том, что сотрудник соглашается на передачу персональных данных в виде фотографии третьим лицам (это нужно, чтобы фото мог обработать фотограф, а потом дизайнер мог вставить его на сайт, в презентацию или в каталог);
- сроки использования фото должны быть указаны конкретно: например, 5 лет или бессрочно;
- территория использования фото — если печатный каталог распространяется в России, пишем «РФ»; если речь о сайте, лучше написать «на территории всех стран мира».
ВАЖНО! Согласие не нужно, если сотрудник позировал за плату. Но этому должно быть подтверждение — например, служебное задание на фотосессию и доказательства выплаты вознаграждения с указанием его цели.
Отзывы расскажут о качестве вашего сервиса лучше любых дифирамбов в разделе «Наши преимущества». Но можно ли брать отзывы клиентов из их аккаунтов в соцсетях?
Если ваш клиент опубликовал пост с отзывом о вашем продукте или услуге в своем аккаунте в соцсетях, вы можете использовать его отзыв. Но только с его согласия.
Обработка таких данных допускается в случаях, когда они доступны неопределенному кругу лиц, имеется согласие владельца данных и сведения предоставлены непосредственно самим субъектом — так говорит закон (п. 1, п.
10 ч. 1 ст. 6 Закона № 152-ФЗ от 27.07.2006 г.).
Но вы можете попросить клиента оставить отзыв на сайте или на вашей странице в соцсетях. Такой контент можете использовать свободно, отдельное разрешение не требуется.
- Согласие клиента на использование отзывов и упоминание его как клиента компании лучше указать в договоре. Например:
- «Заказчик согласен с упоминанием его Исполнителем в качестве своего клиента, в том числе в сети Интернет, рекламных и информационных носителях, а также не возражает против размещения его (Заказчика) логотипа и(или) отзывов в материалах и на сайте Исполнителя с соблюдением законодательства Российской Федерации».
Мы часто пишем кейсы по разработке и продвижению сайтов. За основу берем наш реальный опыт работы с проектами наших клиентов. Такие материалы мы публикуем у себя в блоге и на внешних площадках.
Это хорошо работает для PR нашего агентства и косвенно расширяет охват брендов наших клиентов.
Но практика показывает, что не все клиенты готовы к публичности, ведь наиболее убедительные кейсы содержат описание проблем и цифры.
Чтобы избежать недопонимания и конфликтов, мы прописываем пункт о кейсах в договоре. Если клиент возражает на старте, мы не настаиваем и исключаем это условие. Бывает, что в общем и целом клиент не возражает, но какие-то вещи обнародовать не хочет.
Чтобы не удалять эту информацию из кейса после публикации (на внешних площадках это трудно сделать), мы сначала согласуем тему статьи, а когда материал написан, отдаем его на согласование.
Вносим правки, добавляем и удаляем то, что не понравилось, и только после получения зеленого света публикуем.
На страницах услуг обычно используют стоковые или схематичные изображения, а в каталогах — отфотошопленные фото товаров из рекламных буклетов или брошюр. Но где же увидеть товар лицом, в реальных условиях? Для этого на сайтах создают раздел «Портфолио». Стоковым фотографиям там не место. Как и с кейсами, вам нужно получить разрешение заказчика на публикацию вашей работы по его заказу.
Вот как это реализовано в нашем типовом договоре:
Например, если вы занимаетесь остеклением квартир, добавьте в договор пункт о том, что можете использовать фотографии с места монтажа у себя на сайте с описанием работ и указанием цены. Если в договоре такого пункта нет, спросите разрешения у заказчика лично.
Может быть достаточно согласия по электронной почте, если ее использование предусмотрено в договоре. Если же электронная почта в договоре не названа, лучше возьмите письменное согласие с подписью заказчика.
Если фотографии делал сам заказчик, обязательно укажите авторство.
Короткий ответ — да. А теперь подробнее. Пункт 3 ст.
1484 ГК гласит: «Никто не вправе использовать без разрешения правообладателя сходные с его товарным знаком обозначения в отношении товаров, для индивидуализации которых товарный знак зарегистрирован, или однородных товаров, если в результате такого использования возникнет вероятность смешения». Если же знак используется в иных целях, не связанных с товарами (работами, услугами) владельца знака, то нарушения законодательства о товарных знаках не будет.
Например, ваша организация не продает такой же товар, работы или услуги (или однородные им), что и ваш партнер, а просто оказывает ему какие-либо услуги (рекламные, дизайнерские, транспортно-экспедиционные, информационные) или продает ему свою продукцию. В этом случае вы вполне можете указывать товарный знак партнера у себя на сайте.
Не будет считаться нарушением и простое упоминание товарного знака в статьях, интервью, новостях или иных материалах на сайте, даже если вы продаете похожую продукцию. Но есть условие: отсутствует риск ее смешения с продукцией владельца знака, и вы не допускаете некорректного сравнения между товарами.
На сайте есть формы? Поздравляем, вы (ваша компания) — оператор персональных данных. Это значит, что у вас в компании должны быть внедрены особые процедуры обработки персональных данных посетителей сайта. Эти процедуры должны быть изложены в Политике обработки персональных данных.
Этого требует Федеральный закон «О персональных данных» от 27.07.2006 N 152-ФЗ. Заполняя форму на вашем сайте и отправляя вам номер своего телефона или адрес электронной почты, посетитель должен согласиться с положениями Политики. Или не согласиться и не отправлять вам никакие сведения.
Свое согласие он должен продемонстрировать в явной форме, поставив галочку при отправке заявки. Без отметки о согласии с политикой конфиденциальности посетитель сайта не должен иметь возможности отправить вам свои персональные данные.
Это касается в том числе случаев, когда он передает вам только имя, номер телефона или адрес электронной почты (это все относится к персональным данным — ст. 3 Закона № 152-ФЗ).
Файлы cookie тоже считаются персональными данными. Именно поэтому многие сайты запрашивают ваше согласие на их хранение и использование. Вам тоже стоит запрашивать такое разрешение у посетителей вашего сайта.
Перед тем как поставить отметку о своем согласии, посетитель должен иметь возможность прочитать текст политики, поэтому не забудьте разместить ее на сайте и дать на нее ссылку на видном месте.
Всплывающая форма на блоге WebCanape. В ней запрашивается согласие на обработку данных и указана ссылка на текст Политики. Вот так это реализовано в корзине сайта издательства «МИФ».
Что будет, если не размещать Политику обработки персональных данных на сайте? Компании грозит штраф в 30 000 рублей. Положение о защите персональных данных работников ее не заменит, нужен отдельный документ.
Не каждая политика подойдет. Вариант «взять у конкурента», который, как правило, сам ее откуда-то «позаимствовал», или просто «из интернета» — не самый лучший, потому что, во-первых, многие политики сделаны некачественно, а во-вторых, вам нужна политика, которая подходит конкретно для вашей компании. С этим вам помогут в патентном бюро «АЙПИ Право».
Помимо политики обработки персональных данных на сайте должны быть условия использования — пользовательское соглашение, которое разграничивает зоны ответственности владельца сайта и пользователя, определяет общие правила поведения пользователей, декларирует гарантии соблюдения интеллектуальных прав, устанавливает режимы сбора и хранения информации, определяет условия предоставления согласий на обработку персональных данных, фиксирует статус информационного посредника. Его содержание зависит от специфики контента на сайте.
Оферта нужна в том случае, если посредством сайта заключается какой-то договор — например, пользователь осуществляет покупку образовательного онлайн-курса или набора пресетов. Оферта — это предложение заключить договор на изложенных в этом документе условиях. Принимая оферту, потребитель соглашается на эти условия.
Пожалуй, это самое важное, что нужно помнить, наполняя сайт. Если вы не знаете автора текста или фотографии, это не значит, что контент можно использовать.
Самый безопасный способ — делать все самостоятельно или заказывать у других людей за справедливое вознаграждение с обязательным подписанием договоров и актов выполненных работ.
Отзывы, фотографии сотрудников и клиентов, фото с объектов и раскрытие информации о клиентах в кейсах — все это требует разрешения авторов и владельцев того, что изображено на фото.
- Делайте контент самостоятельно или заказывайте его на стороне.
- Сохраняйте все договоры и акты с контрагентами.
- Не берите чужой контент.
- Копируя, помните, что у ваших действий могут быть последствия.
- Никогда не «заимствуйте» контент у конкурентов. Это почти наверняка влечет неприятности.
- Перед публикацией отзывов и фотографий всегда спрашивайте разрешение у правообладателя.
- Пополняя портфолио, согласуйте все с клиентами.
- Разработайте и поместите на сайте политику обработки персональных данных.
- Убедитесь, что форму на вашем сайте нельзя отправить, не дав согласия на обработку персональных данных.
Статья подготовлена совместно с экспертами патентного бюро «АЙПИ Право».
Разработать и наполнить сайт по закону поможем мы — WebCanape. На нашем счету более 2100 сайтов, каждый из которых отвечает всем действующим требованиям законодательства. Если у вас уже есть сайт, оставьте заявку на его «прожарку». За 30-40 минут мы пройдемся по страницам и расскажем, что исправить и добавить, чтобы не было проблем с законом, продвижением и клиентами.