English
French
Dutch
Spain
Italian
German
Arabic
Russian
Korean
Japanese
Portuguese
Chinese Simplified
Руководство: меняем размеры, наносим водяной знак и сжимаем изображения для лучшей производительности вашего корпоративного сайта
Как качественно обработать изображения для сайта компании. Самое главное
Ценные советы по обработке, оптимизации, сжатья фото без потери качества, картинки для статей на сайт для бизнеса - из моего 12 летнего личного опыта …
Все фотографии кликабельны
Данная статья написана простым языком для предпринимателей, открывающих свой бизнес в сети Internet. Разворачивающих свое представительство с перечнем услуг на нескольких Web страничках. Разумеется, с красиво обработанными фото и нанесенном на них водяным знаком.
Скажите, зачем мне на фотографии ставить Watermark?
2. чтобы не воровали Ваши изображения сторонние сайты
3. помогает популяризировать владельца контента
4. добавьте свое имя или уникальный логотип компании для узнаваемости бренда
5. это просто бесплатное продвижение Вас и вашего бизнеса
6. поставьте там ссылку на Ваш сайт
на набережной реки Волга. Это панорамная съемка
Бронзовый памятник основателю города Самары воеводе
Григорию Засекину.
Памятник был открыт 12 сентября 2014 года.
Russia. The Volga embankment. The re is a monument to
voevoda Grigory Zaseckin, the founder of Samara.
Авторское фото Sergey Lysenko
Водяной знак на фото желательно, должен быть полупрозрачным и не очень заметным, чтобы не отвлекать внимания.
Нанесение водяных знаков на цифровые фотографии даст информацию поисковым системам об уникальности данного изображения. Google Images и Яндекс Картинки без проблем определят фото-исходник и в поисковый выдаче сильно занижают рейтинг по показу ворованных изображений.
Как сделать водяной знак? В сети огромное количество бесплатных программ для создания водяного знака. Я не буду что-то рекламировать, пользуйтесь поиском и выбирайте что Вам больше понравится. Наберите “программа для водяного знака” и смотрите для Вашей операционной системы.
Как автоматизировать процесс наложения готового водяного знака на все ваши фото сайта? Например, MaxSite CMS которую я использую уже не первый десяток лет, есть в шаблоне раздел загрузки и там отдельный блок Водяной знак. Ставим галочку - Ставить ватермарку и выбираем в каком месте её нанести на фото. Примечание: водяной знак должен быть файлом watermark.png и находиться в каталоге uploads. Всё, на все фото сайта будет автоматически нанесен Watermark.
При правильном подходе к оптимизации изображений - ваш сайт, и Вы получаете больше покупателей из поисковой выдачи Яндекс и Google
Очень часто посетитель, зайдя на сайт видит, что страничка долго загружается и он уходят, не дождавшись окончания всей загрузки. В этом часть вины тяжелых, необработанных фотографий! Бывает Ваш потенциальный покупатель не вчитывается в текст, а прокручивает страницу, и не качественная иллюстрация не привлекает его внимание, он уходит к конкурентам.
Важно не просто размещать картинки, а сделать так, чтобы они были в идеальном состоянии и имели все фишки для удержания потенциального покупателя!
Рассмотрим все, что Вам нужно сделать с вашим графическим контентом. Или поручить эту работу проверенному специалисту в этой области
- называйте все файлы латиницей адаптированные под поисковые запросы. Пример: плохое название «DSC54d3d9874v.jpg», а это хорошее «landscape-with-trees.jpg»,
- ваше уникальное название должно соответствовать содержимому картинки,
- используйте в названии файла ключевые слова,
- изображения должны быть качественными, оригинальными, уникальными и чёткими,
- поисковые роботы должны понимать, что изображено на фото,
- фотографии, поисковая система должна показывать в ответ на соответствующие поисковые запросы,
- делайте точные размеры, не грузите как попало, а обрезайте каждое фото индивидуально,
- проверяйте соответствие размеров в Инструментах разработчика Chrome. Клавиши Ctrl + Shift + I,
- обязательно укажите ширину width="xxx" и высоту height="xxx" изображения в Пикселях,
- поле alt - описать содержимое, суть картинки ключевыми словами три-четыре слова. Должно соответствовать тому, что изображено. Заполняйте атрибуты alt для каждого изображения,
- поле title - это показывается текст элемента в виде всплывающей подсказки, которая появляется при наведении на фото курсора. Смотрите у меня на сайте. Сделал более качественно оформив в красивой рамке,
- требуется уменьшить вес файла фотографии Mb - это увеличивает быстродействие загрузки всего ресурса. Google, Яндекс и другие поисковики не любят медленные сайты!,
- фото на страничке должно одинаково хорошо отображаться на всех устройствах,
- фотография не должна «тормозить» скорости загрузки страницы,
- изображения на сайте должны быть общим единым дополнением к вашему тексту,
- чем интереснее, привлекательнее будет картинка, тем больше посетителей обратит на неё внимание и кликнут,
- делайте описание, оно должно соответствовать теме изображения,
- подписывайте картинку - это повышает рейтинг в карточке товаров или услуге,
- например, для каждой загруженной картинки в MaxSite CMS по умолчанию движок создает несколько изображений разных размеров и использует их для других экранов. Обратите внимание и на этот факт в вашей CMS. Все эти фотографии тоже нужно обработать соответствующим образом,
- сжав фото Ваш сайт будет меньше занимать места на сервере хостинга у провайдера. Вы разместите больше информации на свободном серверном пространстве жесткого диска и не нужно будет переходить на более дорогой новый тарифный план,
- с оптимизированными фотографиями поисковые роботы будут индексировать и ранжировать их значительно быстрее, это даст прирост входящего трафика,
- по возможности размещайте всё в структурированных данных Schema.org. Позволяет лучше отображаться в поисковой выдаче. Это Вы видите на данном сайте.,
на набережной в Самаре
Размеры инсталляции совпадают с реальными размерами
полотна "Бурлаки на Волге"
Россия набережная в городе Самаре ул. Максима Горького
Авторское фото Sergey Lysenko
Вывод ...
Оптимизация изображений помогает уменьшить их вес, увеличивает скорость загрузки сайта, повышает продажи, что очень важно для Вашего бизнеса и поднятия рейтинга ресурса в поисковых системах.Подписаться на наш канал очень просто! Нажмите мышкой на этот текст или кликните мышкой на кнопку ниже.
С уважением и наилучшими пожеланиями,
Лысенко Сергей Владимирович
Russia, Samara