6 рекомендаций по оптимизации изображений в WordPress

1. 1. Содержание и источник
2. 2. Правильное наименование и ярлыки
3. 3. Размер изображения
4. 4. Правильное разрешение
5. 5. Сжатие
6. 6. Сохраняйте изображения вне веб-сервера

Что искать и как правильно работать с изображениями WordPress? Вот несколько рекомендаций для пользовательского опыта SEO но также скорость вашего сайта или его отчет.

1. Содержание и источник

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

Дешевая картинка также выглядит дешево

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

2. Правильное наименование и ярлыки

Значимое именование помогает в двух областях: управление веб-сайтом и SEO . Название hand-sita-zavinovacka-nahlad.jpg говорит о содержании изображения гораздо больше, чем IMG1234.jpg . При поиске изображений в медиатеке WordPress правильное имя поможет вам найти нужное изображение. Что касается сохранения изображений на сервере , я рекомендую следующие три рекомендации:

• сортировать изображения в папки по дате загрузки - Настройки WordPress> Мультимедиа> и включить сортировку файлов по месяцам
• имена изображений писать без диакритики
• вместо пробелов используйте знак "-", но WordPress также должен иметь дело только с ним

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

Название и описание изображения в WordPress

3. Размер изображения

Большие изображения замедляют работу вашего сайта и занимают слишком много места на сервере. Размер файлов в основном зависит от:

• разрешение изображения
• формат файла
• качество

Если в вашем интернет-магазине WooCommerce отображаются предварительные просмотры продукта размером 600 × 600 пикселей , загрузите изображение такого размера. (или 2-х кратное разрешение , см. ниже). Фотография размером 4000 × 4000 пикселей неоправданно велика, она загружается дольше ( особенно на мобильных телефонах ) и занимает в несколько раз больше места на сервере. С плагином Imsanity Вы можете предотвратить запись таких больших изображений или установите их для автоматического уменьшения до желаемого разрешения.

Изображения в несколько мегабайт не имеют особого поиска в Интернете.

Правильный формат также играет важную роль. По умолчанию WordPress не может работать с векторной графикой SVG , поэтому рассмотрим только JPG и PNG .

• Формат JPG подходит для фотографий и изображений, показывающих реальный мир
• Формат PNG подходит для иллюстраций и различных значков (например, логотипов). Кроме того, PNG может содержать упускать из виду .

Но такой Facebook предпочитает PNG, который не будет перегружать их сильным сжатием при публикации ссылки на ваш сайт. С хорошим SEO плагином Вы также можете установить это.

4. Правильное разрешение

Текущие версии WordPress могут работать с экранами разных размеров и экранами с меньшим разрешением, чтобы автоматически обслуживать изображения с более низким разрешением - с помощью автоматически сжимаемых изображений. Но как насчет дисплеев Retina устройств Apple или других экранов UltraHD? Существует прямо противоположная проблема, и вам нужно обслуживать двойное разрешение , в противном случае изображения на вашем сайте будут плохими .

Я использовал более длинный плагин на своих сайтах WP Retina 2x что позволяет загружать т.н. 2x версии выбранных изображений. Например, в нашем интернет-магазине WooCommerce я использую изображения продуктов размером 600 × 600 пикселей, поэтому наши версии 2х имеют размер 1200 × 1200 пикселей. Плагин будет гарантировать, что правильная версия отображается и загружается в соответствии с текущим разрешением экрана .

2 размера одного и того же изображения для высококачественных изображений в высоком разрешении

5. Сжатие

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

Несколько КБ сохранены с практически незаметным изменением качества.

Большинство графических программ (Photoshop, Sketch, ...) имеют функцию « Сохранить для веб» при экспорте, но вы также можете использовать внешние инструменты / сервисы. Мой любимый https://tinypng.com предлагает также плагин для WordPress , Другие подходящие плагины, например, EWWW Image Optimizer ли Smush It ,

6. Сохраняйте изображения вне веб-сервера

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

Вы также можете попробовать что-то подобное, используя JetPack плагин WordPress который включает в себя возможность загрузки изображений из сети WordPress.com фотон ,

Активация фотонной сети через Jetpack

Вас также могут заинтересовать эти статьи

Комментарии

Похожие

Комментарии