Оптимізація зображень WordPress

1. вступ
2. Три частини оптимізації зображень WordPress
3. Оптимізація зображень WordPress (SEO) при вставки в статтю, анкор зображень
4. Правила для анкора фотографії
5. висновок 1
6. Оптимізація зображень до додавання на сайт
7. висновок 2
8. Масова оптимізація зображень Вордпресс
9. висновок 3
10. Загальні висновки і поради

вступ

Доброго дня! Уже давно не стоїть питання, що потрібно оптимізувати на сайті для «пошукової любові», а що може і так зійти. Дійсність така, що оптимізувати потрібно все ( загальні поради щодо оптимізації сайту ). Причому одне чіпляється за інше і всі сотні правил індексації та ранжирування, що працюють в пошукових алгоритмах, давно переплелися в єдиний клубок. Наприклад, фотографії на сайті потрібно оптимізувати обов'язково.

Три частини оптимізації зображень WordPress

Якщо подивитися розширений аналіз швидкості завантаження сайту в мережі, це можна зробити будь-яким спеціальним онлайн сервером, то побачимо, що левова частка часу завантаження займають неоптимізовані фотографії.

Крім, впливу на швидкість завантаження, а вона зараз пошуковими системами відстежується дуже уважно, в фотографію можна додати ключові слова, які будуть читатися пошуковими системами і впливати на позиції статті за запитом. Розділимо оптимізацію фотографій WordPress на три частини:

• Оптимізація до додавання фото на сайт;
• Оптимізація при додаванні фото до статті;
• Масова оптимізація фото на сайті без вивантаження.

Оптимізація зображень WordPress (SEO) при вставки в статтю, анкор зображень

При додаванні зображення на будь-який сайт, можна задати: анкор фотографії (анкор посилання фотографії), її опис, заголовок і розмір. Для пошукових систем особливе значення має анкор. Анкор фотографії задається атрибутом alt.

Повна HTML структура додавання фото в wordpress, виглядає так.

Без підпису фото:

З підписом фото:

У WordPress всі атрибути фотографії, в тому числі і анкор, задаються в візуальному режимі:

Атрибути додаються в режимах « Додати мультимедійний »Або в режимі« Редагувати фото ».

Правила для анкора фотографії

• Атрибут alt (анкор) для зображення повинен бути унікальним.
• У статті, бажано, щоб один анкор фотографії (атрибут alt) повинен включати прямий ключ (ключову фразу) статті.
• Якщо хочете згенерувати анкор автоматом, йдемо на Majento.ru (Majento узятий приклад і не претендує на унікальність) в генератор анкоров.

висновок 1

В системі WordPress повністю вирішене питання з оптимізацією коду зображень. При бажанні можна в візуальному режимі заповнити всі необхідні атрибути зображення важливі для її оптимізації, а система сама поставить розмір фото в тегах:

Оптимізація зображень до додавання на сайт

Оптимізацію зображень потрібно починати до додавання на сайт. І головне, це зменшити обсяг фотографії без втрати якості.

На допомогу в цьому питанні прийдуть програми по зменшенню розміру файлів зображень. Тут кілька правил:

• Найбільш легкі фотографії в розширенні jpeg.
• Формат png і скріншоти в pnp найважчі.

Для постійної роботи з фотографіями потрібно спробувати кілька програм і вибрати парочку з них для постійної роботи. Я використовую наступні програми для редагування і стиснення фотографій:

• Стандартний інструмент Microsoft Office (відмінне стиснення при зміні розміру до 448x);

• Відмінна програма Fast Stone Image Viewer (http://www.faststone.org/). це відмінний редактор з можливістю хорошого групового стиснення і зміни формату фото;

• Програма Caesium (https://saerasoft.com/caesium/). Це безкоштовна програма, з відмінним одиночним чи груповим стисненням фотографій у форматі jpeg.

• Рекомендую програму FileOptimizer (sourceforge.net/projects/nikkhokkho/files/latest/download). на відміну від Ceasium ця програма на Windows стисне будь-які формати картинок.

висновок 2

Стискати фотографії потрібно до додавання на сайт WordPress.

Масова оптимізація зображень Вордпресс

За допомогою WordPress можна оптимізувати всю медіабібліотеку WordPress, без вивантаження фотографій.

Для оптимізації фотографій вже поміщених в медіабібліотеку WordPress використовуємо плагін: EWWW Image Optimizer (протестований на версії 4.4.2.). Плагін простий, але робочий періодично оновлюється. Плагін Cloud (2) дозволяє оптимізувати фотографії з використанням хмарних технологій і стискає фото, без зміни формату. Цей плагін платний, 0,005 $ за фото до 1000 фото.

Встановлюєте плагін стандартно, можна з панелі WordPress на вкладці Модулі → Додати новий → Пошук по імені.

Після активації плагіна він готовий до роботи, але можна пройтися з налагодження (Настройки → EWWW Image Optimizer) Налаштування російською, небезпечні налаштування виділені словом «Увага!». До речі, є функція переформатування фотографій з png і gif в jpeg. Після налаштувань відкриваємо сторінку плагіна і запускаємо процес оптимізації.

Через деякий час, дивимося результати стиснення фотографій. Зазначу, що я завжди стискаю фото до сайту, проте плагін EWWW Image Optimizer примудряється «вичавити» з кожної фото, від 5% до 20%.

висновок 3

WordPress, за допомогою додаткового плагіна (плагінів), дозволяє оптимізувати фотографії всієї медіабібліотеки сайту, в будь-який момент.

Загальні висновки і поради

Як бачите, оптимізація зображень WordPress не складна. Ігнорувати її не потрібно, адже фото основна причина повільного сайту. На додачу ще кілька порад по використанні фото на сайтах WordPress.

• Намагайтеся вибирати векторні формати зображень. Їх якість не залежить від дозволу і розмірів, через це вони відмінно виглядати на великих моніторах і різних пристроях.
• Для SVG-ресурсів: стискайте їх, видаляєте XML-розмітку, перевірте настройку GZIP стиснення для SVG файлів.
• Для растрових фото: виберете свій масштаб і свій формат для растрових фото, уникайте GIF, стискайте фото перед додаванням на сайт ( 63 Побутова фото- без втрати якості: тут ), Не бійтеся знижувати якість фото, зменшуйте по мірі можливості колір (оптимально 256 кольорів), видаляйте непотрібні метадані ( EXIF ).
• Звільніть браузер від необхідності масштабувати фото, для цього або зменшуйте фото-файли до вставки на сайт, або використовуєте плагіни типу lightbox або ефект lightbox без плагіна . Якщо великі картинки буде масштабувати браузер, продуктивність сайту значно знизиться.
• Автоматизуйте роботу з фото за допомогою тематичних постійно оновлюваних плагінів.

На завершення статті, нагадаю, що для полегшення сайту, можна очистити бібліотеку і / або видалити невикористовувані фотографії плагіном Media Cleaner .

© www.wordpress-abc.ru

Ще статті по темі

Статті пов'язані з теми: