Пакет решений для оптимизации изображений SEO

1. Скорость сайта является фактором для лучшего позиционирования в результатах поиска, а также для привлечения...
2. Теперь поговорим о самих изображениях, а именно об их размещении, внешнем виде, размере и качестве.
3. А если у меня нет одной из этих программ обработки изображений под рукой?
4. А если меня не устраивает размер, и требует ли Google дополнительное сжатие?
5. Хорошо - все отлично, но я хочу оптимизировать изображения в автономном режиме и не использую Photoshop...
6. Чрезвычайно важное обновление:
7. А если я использую WordPress или Joomla?
8. Теперь, что дальше?

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

Важно!

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

Давайте начнем с напоминания: используйте соответствующие соответствующие ключевые слова для:

• имя файла изображения;
• альтернативный текст в его метаданных (альтернативный заголовок);
• его подпись и описание

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

1. Где разместить изображения на нашем сайте?

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

Поверь мне - ты этого не хочешь! Скорость загрузки ваших страниц является вашим приоритетом номер один по ряду причин! И плохо оптимизированные изображения могут помешать успешной реализации этой цели!

Но здесь есть место, чтобы сделать очень важную подсказку! В течение некоторого времени Google распознавал, являются ли изображения, используемые на сайте, уникальными или взяты из другого места. Поэтому, если вам понравилась фотография или другое изображение и вы имеете право использовать его для своей страницы, подумайте, целесообразно ли обрабатывать его, чтобы сделать его уникальным (например, добавив текст, изменив цвета и другие). Конечно, это значит иметь право вносить эти изменения. Проверьте лицензию изображений, которые вы хотите использовать! И если файл, который вам так понравился, не нужно менять, и он находится на надежном сайте, то лучше не сохранять его на хостинге, а вставить его из исходного местоположения. Google даже любит отношения между сайтами, когда дело доходит до обмена изображениями. Таким образом, если нужный файл уже проиндексирован, вы не получите «аферу» алгоритма поисковой системы для использования иностранного (в его терминах) контента.

2. Тип изображений, которые мы будем использовать

Наиболее распространенные форматы, которые подходят для использования на сайте:

• JPEG - следует использовать для фотографий и других изображений, содержащих миллионы цветов. Он предлагает качественное сжатие, которое позволяет достичь небольшого размера файла, но с потерями, то есть часть информации теряется. Формат JPEG не подходит для изображений, которые содержат в основном текст, сплошные цвета или плавную графику.
• PNG - формат, который был задуман как замена GIF ( в дни, когда ожидалось, что потребуется плата за его использование ). По качеству сжатия PNG намного лучше, чем GIF. Этот формат также обеспечивает прозрачность, которая идеально подходит с точки зрения веб-дизайна. Например, вы можете расположить графику и установить прозрачный фон, и в конечном итоге вы будете использовать цвета фона вашего сайта. В фоновом дизайне баннера использование файлов PNG позволяет переполнить прозрачность, то есть в определенный момент цвет баннера перетекает в цвета вашего сайта. Формат PNG не особенно подходит для фотографий, и он может быть недостаточно хорош для просмотра вашего сайта со старых мобильных телефонов и устройств.
• GIF - идеально подходит для изображений с небольшим фиксированным количеством цветов. Этот формат всегда уменьшается до 256 уникальных цветов. Он обеспечивает очень хорошее сжатие, которое не так сложно, как предложенное JPEG. Вместо этого GIF не подходит для фотографий и других градиентных цветных изображений. Причина заключается в ограниченном количестве цветов, которые поддерживает этот формат. В последнее время все большую популярность приобретает использование анимированных GIF-файлов вместо коротких клипов. Подумайте, выиграет ли ваш сайт от такого решения.

3. Каков размер изображений?

Правильный ответ здесь - возможно, меньше! Вы не забыли, что целью является максимальная скорость при их зарядке, верно? 🙂 Я не могу рекомендовать конкретные размеры, но вы наверняка захотите, чтобы они были менее 1 мб (я бы даже лучше - менее 500 кб), а во-вторых, ограничить килобайты до 100, 70, и почему бы и нет 30 (при условии, что изображение должно быть хорошего качества).

4. Что неизбежно приводит к следующему вопросу - как мне достичь наилучшего качества при наименьших размерах?

Я думаю, что большинство из вас захочет обработать изображения перед их загрузкой в ​​Интернете. Кроме того, я думаю, что большинство будет делать ставки на такие программы, как Photoshop и GIMP.

• Для Photoshop после обработки сохраните изображение с помощью команды « Сохранить в Интернете ». Убедитесь, что обработанные файлы имеют DPI 72 пикселя. Если вы работаете с форматом JPEG, вы также можете выбрать «Сохранить как», выбрав «Среднее качество».

Вот дополнительная информация о команде «Сохранить для Интернета»:

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

А если у меня нет одной из этих программ обработки изображений под рукой?

Тогда воспользуйтесь любым качественным онлайн-решением! В этой публикации на Optibg.com я описал четыре из них: Четыре онлайн-решения для быстрого и удобного редактирования ваших изображений. Проверьте их настройки, и вы сможете сохранить качественные файлы правильного размера.

А если меня не устраивает размер, и требует ли Google дополнительное сжатие?

Хорошей новостью является то, что и здесь у вас есть ряд онлайн-решений, большинство из которых бесплатны!

Вот некоторые из них:

Этот новый игрок в онлайн-оптимизации изображений, безусловно, заслуживает его внимания! Он обеспечивает полное взаимодействие с пользователем и возможность работы с четырьмя форматами файлов - уже упоминавшимися графическими форматами JPEG, PNG, GIF и SVG. Вы можете загружать изображения до 10 МБ для сжатия. Извините, нет возможности массовой загрузки.

Этот сайт обеспечивает качественное сжатие с потерями и предназначен (как следует из его названия) для оптимизации файлов PNG. Вы можете загружать до 20 изображений одновременно, но ограничение файла составляет 5 МБ. Плагин для Photoshop доступен в качестве бонуса.

Этот сайт позволяет дополнительно сжимать файлы JPEG, сохраняя при этом их разрешение и качество. Массовая загрузка разрешена после регистрации. Лимит 200 мб для 1000 фотографий.

Продуманная комбинация сжатия с потерями и оптимальной оптимизации ваших изображений позволяет Optimizilla уменьшить их размер до абсолютного минимума, сохраняя при этом необходимый уровень качества. Вы можете загрузить до 20 файлов JPEG и PNG. Что делает Optimizilla еще более предпочтительным вариантом для оптимизации фотографий и других изображений, так это возможность, которую вы имеете для предварительного просмотра сжатых файлов и для полного контроля сжатия. Вы можете скачать оптимизированные изображения только после того, как вы довольны увиденным. Это здорово, не правда ли? 🙂

Этот онлайн-сервис позволяет без потерь сжатия ваших изображений и фотографий. Вы можете оптимизировать несколько файлов в разных форматах (GIF, PNG, JPEG). Вы сможете скачать сжатые файлы сразу в zip-архиве. Для Yahoo Smush.it мы поговорим немного позже в этой статье, когда речь заходит об оптимизации изображений для сайтов WordPress. Я надеюсь, у вас есть терпение и желание попасть туда! 🙂

Внимание!

К сожалению, Yahoo прекратила эту услугу и больше не доступна!

Хорошо - все отлично, но я хочу оптимизировать изображения в автономном режиме и не использую Photoshop или GIMP. Как мне действовать тогда?

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

Хотите оптимизировать изображения и фотографии в автономном режиме? В вашем распоряжении находятся:

• Paint - я не знаю, выглядит ли это банально в ваших глазах, но этот скромный виджет, который сопровождает каждую установку Windows, может значительно уменьшить размер ваших изображений. На самом деле, это единственное преимущество в целях оптимизации. Я поставил это на первое место, потому что вы, скорее всего, получите его сразу, если вы являетесь пользователем Windows.
• Trimage - давайте не будем забывать поклонников Linux! Я влюбляюсь в них, и поэтому я рад представить автономный компрессор для моей любимой ОС. Кроме того, этот инструмент предлагает сжатие без потерь! К сожалению, в настоящее время доступны только форматы JPEG и PNG.
• ImageOptim и ImageAlpha - компрессоры для пользователей MAC OS X
• PNG Gauntlet - еще один компрессор для изображений PNG для Windows

Важно!

Чрезвычайно важное обновление:

Чтобы максимизировать скорость загрузки изображений и оптимизировать их размер, вы должны подходить к ним следующим образом:

1. Выберите подходящий размер, разрешение и соотношение для точного места на сайте, где должно появиться изображение. в адаптивный дизайн браузер посетителя будет прокручивать изображение (чаще всего уменьшая его), что означает, что если вы можете использовать меньший размер исходного изображения, то вы должны применить его и загрузить его вместе с ними. Здесь вы должны протестировать в разных разрешениях и выяснить, какой размер является оптимальным. Если вы зафиксировали размер изображения в дизайне сайта, это просто означает, что вы должны напрямую сгенерировать файл именно этого размера, а не полагаться на браузер, чтобы изменить его размер по отношению к указанной команде. Это снижает скорость загрузки.
2. Вы можете самостоятельно проверить эти разные разрешения на этом сайте: Screenfly
3. Следующее, что вы должны сделать, - это дополнительно оптимизировать размер файла с помощью 2 инструментов, доступных для Windows и Linux. Они работают из консоли (из командной строки), но полученные результаты значительно повышают скорость вашего сайта. Эти программы:
   1. Jpegtran - оптимизирует все файлы JPG;
   2. OptiPNG - обрабатывает файлы формата PNG;
4. Затем рассмотрите следующую опцию - либо используйте доверенного поставщика CDN, либо создайте поддомен или другой хостинг под вашим контролем для загрузки изображений. Это уменьшит нагрузку на сервер и будет способствовать увеличению скорости загрузки. Честно говоря, CDN является наиболее подходящим вариантом, но вы должны выбрать подходящего поставщика и выбрать подходящий тарифный план.

А если я использую WordPress или Joomla?

Естественно, есть качественные решения для самых популярных CMS!

Давайте начнем с WordPress:

• EWWW Image Optimizer - Очень хороший и надежный плагин WordPress, который позволит вам сжимать и конвертировать загруженные изображения на ваш сайт! Установка может быть немного более сложной, если ваш хостинг-провайдер не предлагает некоторые инструменты EWWW Image Optimizer, необходимые для работы. Но вам не стоит беспокоиться, так как они есть у большинства известных поставщиков! Этот плагин дает вам дополнительные возможности управления сжатием и не накладывает никаких ограничений на размер файлов для оптимизации. Он также предлагает другие функции, такие как облачная оптимизация (которая, к сожалению, платная, но не является обязательной для плагина). Что заставляет вас влюбиться в EWWW Image Optimizer - это его способность оптимизировать не только файлы в вашей галерее WordPress, но также и все другие изображения и фотографии, которые доступны на вашем сайте: файлы из текущей темы, фотографии из ваши галереи NextGEN или GRAND FlAGallery. Это, безусловно, мой любимый, и я рассчитываю на это для Optibg.com.
• WP Smush.it - Вы не забыли, что я обещал немного больше рассказать о Yahoo Smush.it? 🙂 Ну, обещания должны быть выполнены, поэтому теперь мы снова возвращаемся к этой услуге. Теперь вы знаете, на что способен этот онлайн-инструмент, а теперь познакомитесь с плагином WordPress, который использует его для оптимизации фотографий и изображений на вашем сайте. С этим исключительно высоким качеством! Но ( к сожалению, есть одно действительно большое НО ) массовая оптимизация все еще находится в бета-версии и может работать неправильно. Лично я не заметил никаких проблем, кроме раздражающего ожидания (однако изображения с вашего сайта проходят через Yahoo Smush.it, а затем возвращаются, но уже оптимизированы). Реальная проблема, с которой вы можете отказаться от использования WP Smush.it - ​​это ограничение в 1 МБ на файл, это ограничение исходит от Yahoo. Но если ваши изображения меньше этого размера, вы получите настоящее удовольствие от использования WP Smush.it. 🙂

Внимание!

Этот плагин работает отлично, но больше не использует Yahoo Smush.it, но использует технологию WPMU DEV. Поэтому его имя изменилось только на WP Smush. Доступен как бесплатное расширение и PRO-версия, которая платная, но дает еще лучшие возможности оптимизации.

Какова ситуация с Joomla?

уведомление

Важно! Прежде чем ознакомиться с приведенными ниже подключаемыми модулями и компонентами, рекомендуется выполнить следующие настройки: щелчок , Также не забудьте прочитать статью на Optibg.com SEO для Joomla в несколько простых шагов , в котором затрагиваются некоторые настройки оптимизации изображения. Кроме того, наилучшей практикой (по мнению многих специалистов Joomla) будет подготовка ваших файлов заранее. Инструменты, перечисленные выше, могут быть полезны!

• Модуль оптимизации контента - Готовит изображения вашего сайта путем кэширования, оптимизации и изменения размера. Помогает изображениям выглядеть лучше и экономит трафик.
• Imgen Component & Plugin - Этот компонент Joomla позволяет динамически изменять размер и сжимать изображения на вашем сайте. Он также включает в себя плагин для фигурки, и эти плагины могут также добавлять водяной знак к вашим фотографиям защиты авторских прав. Вы также сможете контролировать, какой пользователь может видеть изображения. Этот компонент также может кэшировать файлы и включает в себя ленивую загрузку.
• Большинство компонентов, модулей и галерей Joomla (особенно компонент K2) имеют опции для снижения качества или размера сгенерированных миниатюр и для оптимизации используемых изображений.

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

Теперь, что дальше?

Выберите наиболее удобное для вас решение и начните оптимизировать свои фотографии и любые другие изображения, которые, по вашему мнению, необходимо загрузить на свой сайт. Регулярно проверяйте, делали ли вы такие вещи, как pingdom или PageSpeed ​​Insights в Google. Они также дадут вам информацию об общей оптимизации вашего сайта для большей скорости. Что еще вы можете сделать, чтобы улучшить его, чем оптимизировать используемые изображения?

Что еще? Скоро вы узнаете из следующих статей на Optibg.com!

Если этот ресурс кажется стоящим, не сохраняйте его для себя! Поделитесь им со своими друзьями и контактами в социальных сетях и помогите им узнать, как они могут оптимизировать фотографии и все другие изображения на своих сайтах! 🙂

До новых встреч!

Похожие

Комментарии