Войти как пользователь
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:
< >
1 2 3 4 5

SEO зображення: Як оптимізувати зображення для SEO

  1. Тому що важливо оптимізувати зображення для SEO
  2. Що оптимізувати для зображення SEO? Практичне керівництво.
  3. Як оптимізувати альтернативний текст зображень SEO (ALT)
  4. Яким має бути альтернативний текст? Поради ..
  5. Як редагувати альтернативний текст зображень на WordPress
  6. Як оптимізувати ім'я файлу зображення
  7. Приклад SEO оптимізації імені файлу зображення
  8. Як оптимізувати назви зображень SEO
  9. Як змінити назву зображень на WordPress
  10. Як використовувати підписи до зображення
  11. Як редагувати підписи до зображення на WordPress
  12. Як оптимізувати розмір файлів зображень
  13. Приклад оптимізації файлів
  14. Як зменшити вагу зображення (дисковий простір)
  15. Кращі безкоштовні інструменти для зменшення зображень для SEO
  16. Pixlr: редагувати та оптимізувати зображення
  17. Відео підручник: як оптимізувати зображення за допомогою Pixlr
  18. Compressor.io: для стиснення JPEG, PNG, GIF і SVG
  19. Optimizilla: багаторазове стиснення JPEG і PNG
  20. kraken.io: зменшення кількох зображень за допомогою перетягування
  21. Як виміряти покращення після оптимізації зображень
  22. Як оптимізувати зображення тегів Exif для SEO майбутнього
  23. Як створювати структуровані дані для зображень
  24. Як оптимізувати Sitemap для зображень
  25. Як оптимізувати зображення в мобільній версії
  26. Як вибрати зображення, щоб викликати емоції
  27. Використання CDN для зображень (мережа доставки вмісту)
  28. Які переваги CDN для зображень?
  29. Як використовувати CDN для зображень?
  30. Як дізнатися, чи надає Google важливість для зображень для пошукового запиту
  31. WordPress плагіни для оптимізації зображень у SEO
  32. SEO дружніх зображень
  33. Стиснення і оптимізація зображення Smush
  34. Загальний кеш W3
  35. WP Найшвидший кеш
  36. Оптимізатор зображення EWWW
  37. Прості розміри зображень

Статтю оновлено 16 січня 2018 року

Давайте подивимося, як діяти і які інструменти використовувати для SEO зображень, поліпшити органічне позиціонування і експлуатувати Зображення Google , Доповнення до листопада / грудня 2017 оновлюються, представляючи нові плагіни, доступні для WordPress , нові інструменти вимірювання продуктивності, структуровані дані зображення, нові відеоуроки , важливість використання CDN і багато іншого.

РЕЗЮМЕ: Що ви знайдете в повідомленні?

Тому що важливо оптимізувати зображення для SEO

  1. Тому що зображення може визначати успіх вмісту .
  2. Оскільки пошукові системи можуть отримувати інформацію, необхідну для контекстуалізації зображень; і це дозволяє підвищити якість вмісту .
  3. Оскільки оптимізовані зображення можуть гарантувати кращу продуктивність сайту (збільшення швидкості).
  4. Щоб покращити роботу користувачів .
Статтю оновлено 16 січня 2018 року   Давайте подивимося, як діяти і які інструменти використовувати для SEO зображень, поліпшити органічне позиціонування і експлуатувати   Зображення Google   ,  Доповнення до листопада / грудня 2017 оновлюються, представляючи нові плагіни, доступні для WordPress , нові інструменти вимірювання продуктивності, структуровані дані зображення, нові відеоуроки , важливість використання CDN і багато іншого

Навіщо оптимізувати зображення для SEO?

Недооцінка важливості SEO-зображень на веб-сторінці - це серйозна помилка, як з точки зору пошукової оптимізації, так і, перш за все, досвіду користувачів : не забувайте, що зображення приносять користь людям, які читають вміст. І ми завжди пам'ятаємо, що Google працює над тим, щоб гарантувати цей аспект! SEO, сьогодні, в першу чергу, повинна йти в тому ж напрямку, що і поліпшення роботи користувача ( UX ).

Часто блогери (або принаймні ті, хто займається контентом на веб-сайтах) не надають значення вибору зображень : цей фактор, однак, може визначити успіх посади .

Що оптимізувати для зображення SEO? Практичне керівництво.

Оптимізація зображень у SEO для веб-сайту та пов'язаних з нею тегів HTML сьогодні є фундаментальним для хорошого рейтингу пошукових систем.
Тоді ми бачимо, наскільки важливо сьогодні оптимізувати зображення та зрозуміти ступінь розгляду зображень Google у запитах користувачів, які залучають нас.

У наступних пунктах ми бачимо керівництво до досконалої оптимізації .

Як оптимізувати альтернативний текст зображень SEO (ALT)

Атрибут ALT тегу IMG

ALT означає " альтернативний текст " і вказує елемент HTML, який буде пов'язаний з нетекстовими частинами вмісту (головним чином зображення), щоб надати опис, якщо вони не можуть бути відображені.

Оптимізуйте альтернативний текст зображень у SEO

Факт знання того, як оптимально використовувати атрибут ALT зображень, має багато переваг.

  • Найбільш відомим і безпосереднім є закріплення текстового змісту статті.
  • Ми не недооцінюємо факт виявлення Зображення Google : ALT, по суті, є одним з елементів, які Google використовує для класифікації зображень .
  • Менш відомою перевагою є, мабуть, найважливіше: доступність веб-сторінок. Атрибут ALT, по суті, є інтерпретацією зображень за допомогою голосових читачів для сліпих.
Яким має бути альтернативний текст? Поради ..

Я пропоную вставити, де це можливо, ключове слово, яке потрібно розширити у змісті (основне правило для SEO на сайті ) і створити високоописані тексти.

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

Таким чином я отримаю альтернативний текст, відповідний зображенню і тексту, і містить ключове слово.

Як редагувати альтернативний текст зображень на WordPress

Просто відкривши зображення в меню " Медіа ", або безпосередньо з повідомлення, і змінюючи поле " Альтернативний текст ".

Просто відкривши зображення в меню  Медіа , або безпосередньо з повідомлення, і змінюючи поле  Альтернативний текст

Оптимізуйте альтернативний текст зображень на WordPress

[Tweet "#SEO - Як має бути альтернативний текст (#alt) зображень?"]

Як оптимізувати ім'я файлу зображення

Назви файлів зображень повинні бути " розмовними ", тобто побудованими таким чином, щоб забезпечити подальший опис (без перебільшення довжини); пошукові системи, по суті, також виявляють ці дані. Ми говоримо, що правило є таким же, як " slug " веб-сторінок: слова, розділені дефісом ("-").

Ми говоримо, що правило є таким же, як  slug  веб-сторінок: слова, розділені дефісом (-)

Оптимізуйте зображення: ім'я файлу

Краще не використовувати пробіли на іменах файлів, що використовуються на веб-сторінках, тому що в URL-адресі простір замінюється на рядок " % 20 ", що робить URL-адресу менш мнемонічним і менш негайним.

Раджу вам вставити ключове слово, яке нас цікавить, у назву файлу зображень, що містяться в статтях.

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

Вставка зображень, названих таким чином IMG_5216.JPG (або типові назви, які камери призначають для фотографій), не має сенсу в термінах SEO . Набагато краще використовувати імена, такі як come-optimize-images-seo.jpg .
Я повторюю, що релевантність назви зображення з тим, що вона представляє, і з контекстом пункту, в якому вона міститься, є вирішальною.

Як оптимізувати назви зображень SEO

Атрибут TITLE тега IMG

Ми говорили лише про альтернативний текст зображення, але не про НАЗВА. Існують суперечливі думки щодо переваги пошукових систем між двома атрибутами.

Раджу, однак, оскільки це не коштує зусиль, використовувати обидва, насправді, використовувати TITLE як додаткову можливість охарактеризувати зображення.

Щоб дізнатися більше, радимо прочитати наступний вміст або правила Google для зображень : https://goo.gl/V5FtrU

Як змінити назву зображень на WordPress

У тій самій панелі, яку раніше бачили для альтернативного тексту, є поля " Назва атрибута зображення ".

Як використовувати підписи до зображення

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

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

Як редагувати підписи до зображення на WordPress

У тій самій панелі, яку раніше бачили для альтернативного тексту і для заголовка, є поле " Caption ".

Як оптимізувати розмір файлів зображень

Оптимізація зображень: розмір файлу

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

Однією з найпоширеніших помилок є використання дуже великих і неоптимізованих зображень, а також встановлення менших розмірів через атрибути " height " і " width " тегу IMG на сторінках html.
Результатом такого управління є уповільнення відкриття веб-сторінок без явної мотивації.

Приклад оптимізації файлів

Якщо на веб-сторінці розміщувати зображення розміром 1260 x 1050 пікселів, розмір 3 МБ із наступним синтаксисом,

<img src = "/ la-mia-immagine.jpg" alt = "Моє зображення" title = "Моє зображення" width = "100" height = "63" />

на веб-сторінці вона буде відображатися наступним чином (100 x 63 пікселів або розмірами, позначеними атрибутами тегу IMG):

Проблема в тому, що браузер повинен буде завантажити 3 Мб даних, щоб мати можливість переглядати його. Зображення такого типу (на картинці) оптимізовано може бути менше тисячі разів, що значно прискорює відкриття веб-сторінки.

Як зменшити вагу зображення (дисковий простір)

Оптимізація зображення ґрунтується не тільки на розмірах пікселів, але і на розмірі файлу зображення. Чому це так важливо для оптимізації зображення SEO? З тієї ж причини, що наведена вище: чим більше ресурсів буде завантажено на веб-сторінці, тим повільніше вона буде, що призведе до того, що користувач відчує менше і непотрібно втрачає бюджет сканування .

Саме з цієї причини існують специфічні алгоритми стиснення, які зменшують розмір файлів зображень без втрати якості (принаймні сприймаються).

У наступному розділі ми побачимо, які найкращі безкоштовні інструменти для стиснення та зменшення зображень .

Кращі безкоштовні інструменти для зменшення зображень для SEO

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

Pixlr: редагувати та оптимізувати зображення

Pixlr , дозволяє виконувати всі види обробки зображень, може використовуватися на всіх пристроях, завдяки додаткам для Android і Apple , а також доступна як розширення для браузерів Firefox і Google Chrome . Можна сказати, що це Photoshop, доступний через веб. Для техніків, щоб зрозуміти силу програмного забезпечення, ми вважаємо, що він здатний відкривати і редагувати PSD- файли на рівнях.

Відео підручник: як оптимізувати зображення за допомогою Pixlr

Compressor.io: для стиснення JPEG, PNG, GIF і SVG

Compressor.io це безкоштовний і дуже простий інструмент для використання, який дозволяє зменшити " вагу " зображень до 90% без втрати інформації, а отже, не втрачаючи сприймається якість .

io   це безкоштовний і дуже простий інструмент для використання, який дозволяє зменшити  вагу  зображень до 90% без втрати інформації, а отже, не втрачаючи сприймається якість

SEO зображення: оптимізація з Compressor.io

Дозволені формати зображень: JPEG, PNG, SVG і GIF.

Optimizilla: багаторазове стиснення JPEG і PNG

Optimizilla Завдяки ідеальному калібруванню алгоритмів стиснення, він гарантує високу компресію , зберігаючи при цьому високий рівень якості зображення .

Додана вартість інструмента представлена ​​можливістю декількох завантажень і обробки : до 20 файлів одночасно.
Підтримувані формати - JPEG і PNG.

kraken.io: зменшення кількох зображень за допомогою перетягування

kraken.io він має сучасний і інтуїтивно зрозумілий інтерфейс. Вона дозволяє завантажувати одне зображення або групу зображень (навіть у ZIP-архіві), з можливістю імпортувати їх з Box, Google Drive і Dropbox.

Вона дозволяє завантажувати одне зображення або групу зображень (навіть у ZIP-архіві), з можливістю імпортувати їх з Box, Google Drive і Dropbox

Kraken.io

Існує також платна версія PRO, яка відкриває додаткові функції, а також дозволяє використовувати API плагін для WordPress і Magento та зберігання в хмарі.

Як виміряти покращення після оптимізації зображень

Також я пропоную два дуже корисні інструменти, які можуть перевірити покращення ефективності сайту після оптимізації:

[Tweet "#SEO - Як зменшити розмір зображення?"]

Як оптимізувати зображення тегів Exif для SEO майбутнього

Теги Exif ( Змінний формат файлів зображень ) - це метадані, що характеризують зображення та інтерпретуються пошуковими системами. Також завдяки цим даним Google Images здатна фільтрувати результати. Прикладом може служити новий фільтр " Права використання ", який читає метадані, що стосуються авторських прав.

Прикладом може служити новий фільтр  Права використання , який читає метадані, що стосуються авторських прав

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

Давайте детально розглянемо всю доступну інформацію.

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

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

Наразі не всі пошукові системи здатні інтерпретувати теги Exif , але добре, коли вони будуть вирішальними. Є спеціальне програмне забезпечення для їх зміни та оптимізації, але я пропоную використовувати найвідоміші Adobe Photoshop або Google Picasa .

У старому відео Метт Каттс повідомив, що дані були зібрані та інтерпретовані компанією Google, яка може в майбутньому використовувати її як фактор ранжування .

Сьогодні, у 2017 році, ми могли б бути близькі до цього майбутнього .. так чому ж ризикувати бути непідготовленими?
В іншому сценарії, ми можемо подумати, що останні досягнення в галузі штучного інтелекту в розпізнаванні зображень будуть достатніми для отримання будь-яких даних з них .. ми скоро дізнаємося!

[Tweet "#SEO - Як використовувати теги Exif для наочності нашим зображенням"]

Як створювати структуровані дані для зображень

Завдяки схемам, присвяченим образам, визначеним schema.org , ми можемо збагатити образ Росії структуровані дані яка допоможе пошуковій системі зрозуміти її зміст і контекст.

За допомогою наступних посилань можна буде поглибити використання діаграми, що посилається на зображення , використовуючи тип розмітки, з яким ми маємо більше довіри.

Як оптимізувати Sitemap для зображень

Оптимізуйте зображення: Google Sitemap

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

Дані, які складають вузол, який визначає зображення, такі:

  • <image: image> : вся інформація про зображення (тег контейнера);
  • <image: loc> : URL зображення;
  • <image: caption> : підпис зображення;
  • <image: geo_location> : географічне розташування зображення;
  • <image: title> : назва зображення;
  • <image: license> : URL-адреса до ліцензії на зображення.

&lt;? xml version = "1.0 oding кодування =" UTF-8 "?>
<urlset xmlns = "http://www.sitemaps.org/schemas/sitemap/0.9 ″ xmlns: image =" http://www.google.com/schemas/sitemap-image/1.1 ″>
<Url>
<LOC> http://example.com/sample.html </ LOC>
<Зображення: Зображення>
<Зображення: LOC> http://example.com/image.jpg </ зображення: LOC>
</ Зображення: зображення>
</ Url>
</ URLset>

Як оптимізувати зображення в мобільній версії

Щоб оптимізувати зображення навіть на дисплеї веб-сайту з мобільних пристроїв (які сьогодні є фундаментальними, враховуючи те, що ми говоримо про індекс Mobile-First ), зустрічається атрибут " srcset ", що дозволяє встановлювати розрізання зображення при різних дозволах або різних розмірах області відображення ( вікна перегляду ).

Простий приклад:

<IMG
srcset = "ap-320w.jpg 320w,
ap-480w.jpg 480w,
ap-800w.jpg 800w "
sizes = "(максимальна ширина: 320px) 280px,
(max-width: 480px) 440px,
800px "
src = "ap-800w.jpg" alt = "Привіт, світ!">

Як вибрати зображення, щоб викликати емоції

Оптимізуйте зображення: позитивні відчуття

Важливим аспектом для оцінки образів для статті є емоція, яку ми хочемо викликати у читачів. Постарайтеся подумати про те, що відбувається, як тільки ви відкриєте веб-сторінку ... Я вважаю, що та ж схема стосується кожного: спочатку зображення, потім текст.

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

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

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

[Tweet "#SEO - Використання зображень, які роблять читання приємним, зменшить показник відмов"]

Використання CDN для зображень (мережа доставки вмісту)

Що таке CDN для зображень

CDN ( Network Delivery Network ) - це мережа серверів у світі, яка локально перерозподіляє зображення (але й інший вміст, якщо вони завантажені). Ці сервери високо оптимізовані для виконання цієї діяльності, адже зображення зберігаються " в кеші ", щоб зробити ультрашвидкий пошук.

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

SEO зображення: навіщо використовувати CDN?

Які переваги CDN для зображень?

Цей тип оптимізації, як це розуміється в попередньому абзаці, не є прямим на зображеннях, а є " різною практикою використання зображень веб-сайту ".
Основні переваги:

  • Збільшення швидкості навантаження, а це передбачає, як відомо, поліпшення користувальницького досвіду , але й більшу експлуатацію сканування бюджету ;
  • зменшення завантаження сервера ;
  • прискорення навантаження з усіх районів світу;
  • зменшення (багато) оцінок будь-якого тесту швидкості сторінки .

Як використовувати CDN для зображень?

Хостинг-провайдери зазвичай надають доступні послуги CDN. Після підписки на послугу вони надають інструкції щодо використання та / або інтеграції в веб-сайти.

Для користувачів WordPress є два дуже простих способи використання CDN для зображень, і ми бачимо їх детально.

  • Вільне рішення (але дуже потужне). Плагін JetPack надає цю послугу безкоштовно, що іменується як фотон , Просто активуйте його з налаштувань JetPack і він буде активований негайно! Цей веб-сайт, на цей час (листопад 2017 року), використовує його.
  • Платні рішення . Якщо ви шукаєте серед плагінів, ви знайдете безліч рішень, розроблених безпосередньо провайдерами послуг CDN. Більш того, майже всі плагіни керування кешем забезпечують підтримку CDN.

WP Fastest Cache (який ми побачимо пізніше в повідомленні і який я рекомендую), забезпечує підтримку як Photon, так і MaxCDN, але дає можливість налаштувати будь-який CDN, який буде придбаний як послуга.

Для подальшого вивчення використання CDN для оптимізації зображень для SEO , а також для прискорення роботи веб-сайтів, рекомендую прочитати наступний пост: Прискорити WordPress для SEO і досягти 100/100 на PageSpeed ​​Insight. Керівництво та роздуми ,

Як дізнатися, чи надає Google важливість для зображень для пошукового запиту

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

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

Найбільш відомими типами " збагачення " є:

  • показаний фрагмент (нульова позиція)
  • відгуки
  • посилання на сайт
  • відео
  • образність
  • панелі знань
  • платні оголошення
  • локальних результатів

SEO-зображення: Універсальний пошук Google

Отже, дослідження SERP дає нам зрозуміти типи контенту, на які ми повинні зосередитися, щоб позиціонувати себе або піти, щоб більш всебічно відповідати на запитання користувачів.

Приклади:

  • якщо я шукаю " як скласти сорочки ", то цілком передбачувано, що Google запропонує мені відео;
  • якщо я шукаю " як оптимізувати зображення в SEO ", Google, ймовірно, дасть мені текстові результати з посиланнями на сайти і " ознаками ";
  • якщо я шукаю " простий орігамі ", то майже очевидно, що серп запропонує мені зображення і відео.

Для тих, хто користується SemRush as Інструмент SEO , нещодавно представили функціональність під назвою "SERP Features ", яка, поряд з кожним ключовим словом, розташованим для веб-сайту проекту, вказує, які мультимедійні елементи присутні у відповідній серп.

Для тих, хто користується SemRush as   Інструмент SEO   , нещодавно представили функціональність під назвою SERP Features , яка, поряд з кожним ключовим словом, розташованим для веб-сайту проекту, вказує, які мультимедійні елементи присутні у відповідній серп

Особливості SERP SemRush

Цей інструмент робить аналіз SERP набагато більш негайним для ключових слів, що представляють інтерес, і дозволяє нам зрозуміти з першого погляду, які типи контенту ми повинні працювати для досягнення хорошого рейтингу .

На закінчення, отже, якщо вивчення серпа, де ми хочемо позиціонувати себе, містить образи, очевидно, що в змісті, яке ми виробляємо, нам доведеться це врахувати і працювати з ним дуже ретельно.
Хороший знавець ...

Я закінчу тему іншим нещодавно розробленим інструментом. Це приблизно WordLift : плагін WordPress, який завдяки семантичному аналізу та штучному інтелекту вдається інтегрувати вміст з мультимедійними елементами (включаючи оптимізовані зображення, звичайно ж, які можна знайти у вільних схемах) для того, щоб " дотримуватися " запитів змія

WordPress плагіни для оптимізації зображень у SEO

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

Я додаю дужки для користувачів WordPress , пропонуючи деякі цікаві плагіни оптимізації зображення

Оптимізуйте зображення: плагін WordPress

SEO дружніх зображень

Плагін з дуже простою конфігурацією, але який пропонує відмінні результати. Дозволяє встановити правила автоматичного генерування атрибутів ALT і TITLE всіх зображень веб-сайту. Теги, доступні для створення правил: % title ( назва публікації), % name ( назва файлу без розширення), % category (категорія повідомлення), % tags (теги, пов'язані з публікацією).
Для тих, хто хоче дізнатися більше, я створив його міні огляд на Medium ,

Стиснення і оптимізація зображення Smush

Основний компонент для тих, хто не оптимізує файли зображень перед завантаженням. Плагін дійсно дбає про вдосконалення файлів, зменшуючи розміри, для подальшого збільшення швидкості відкриття веб-сторінок. Втручається в різні аспекти: стискає файли JPEG і зменшує невикористані метадані, перетворює формат GIF у " індексований PNG" для збільшення продуктивності, видаляє невикористані кольори для зменшення розміру.
Для тих, хто хоче дізнатися більше, я створив його міні огляд на Medium ,

Загальний кеш W3

Плагін, який безпосередньо не націлений на зображення, але є елементом, який не можна пропустити, коли ми говоримо про оптимізацію, щоб збільшити швидкість веб-сайту WordPress . W3TC, по суті, є системою для керування сторінками, базами даних і кешами браузера. Він також дозволяє стиснути код за допомогою функції " minify ".
Для тих, хто хоче дізнатися більше, я створив його міні огляд на Medium ,

Щоб отримати докладнішу інформацію про оптимізацію WordPress , я рекомендую наступний пост: Створення SEO WordPress: поради для оптимізації ,

WP Найшвидший кеш

Альтернативою попередньому плагіну, для тих, хто хоче налаштувати менше налаштувань, і плагін " plug & play " прямо зараз (11/11/2017), мій сайт використовує його, а також більше 400 000 інших установок.
Посилання на плагін: https://goo.gl/6WQ5DZ

Оптимізатор зображення EWWW

Дуже дійсна альтернатива WP Smush.it . Насправді, я тестував його протягом довгого часу на багатьох сайтах з чудовими результатами з точки зору продуктивності.

Плагін оптимізує всі завантажені зображення, але також вибірково працює за допомогою сторінки або каталогу або у фоновому режимі. Особливістю, що робить його унікальним, є можливість оптимізувати зображення, що складають тему , а не тільки ті, які керуються у ЗМІ.
Посилання на плагін: https://goo.gl/ugpge8

Прості розміри зображень

Цей плагін дозволяє створювати " скорочення " (з точки зору розміру) спеціального зображення для веб-сайту. Завдяки цій функціональності, можна буде розраховувати на зображення потрібного розміру, тому завжди оптимізовані для цієї мети. Я використовував його довгий час у всіх веб-сайтах, якими я керую.
Посилання на плагін: https://goo.gl/NfDDQj

[Tweet "#SEO & #wordpress - Як оптимізувати зображення для покращення позиціонування"]

Як використовувати CDN для зображень?
РЕЗЮМЕ: Що ви знайдете в повідомленні?
Навіщо оптимізувати зображення для SEO?
Що оптимізувати для зображення SEO?
Яким має бути альтернативний текст?
Чому це так важливо для оптимізації зображення SEO?
Ак чому ж ризикувати бути непідготовленими?
Lt;?
Oding кодування =" UTF-8 "?
SEO зображення: навіщо використовувати CDN?