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

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

Краса острова Скай у Шотландії

оптимізувати

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

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

У цій статті я дам вам дуже конкретні поради щодо оптимізувати зображення в SEO, пояснюючи вам, для чого це потрібно !

№1 - SEO та зображення: важливість імені

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

Оптимізація назви зображення в SEO дає їм руку допомоги, щоб зрозуміти, що воно представляє.

Забудьте скріншоти під назвою "PrtScr03.jpg", фотографії під назвою "DSC540934.jpg". Дайте свої фотографії та зображення:

  • Чіткі, описові імена, вказуючи, що вони представляють, можливість вставити кілька ключових слів, що відповідають темі, з якою ви маєте справу.
  • Розділяючи слова тире замість того, щоб клеїти їх або використовувати підкреслення. Google відверто рекомендує використовувати тире над підкресленням. Це дозволяє пошуковій системі відрізняти слова між собою: "week-end-londres-big-ben.jpg" зрозуміліше, ніж "weekendlondresbigben.jpg", слово, яке нічого не означає.
  • Уникаючи занадто довгих імен - Хороша назва SEO-зображення є описовою, але вона також не потрібна вам, щоб розповісти про своє життя;) Нехай вона буде короткою !
  • Уникаючи спеціальних символів та акцентів - Віддавайте перевагу словам, написаним без наголосу, без пробілу, без великих літер.

# 2 - Посилання на зображення: вибір формату

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

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

Отже для узгодити SEO та зображення, не забудьте зберегти свої фотографії в веб-формат: .jpg, наприклад, для фотографії, або .png, що зберігає прозорість.

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

Наприклад, у WordPress плагін WebP Express дозволяє надсилати свої фотографії Формат WebP якщо браузер користувача підтримує це ... а в .jpg або .png - інакше.

# 3 - Змініть розмір ваших зображень, щоб оптимізувати їх вагу

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

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

Тому намагайтеся якомога більше змінити розмір зображень до "остаточного" розміру, який вони відображатимуть у вашому блозі. Ви можете використовувати будь-яке програмне забезпечення для фотографій, безкоштовне або платне (Photoshop, Gimp, Photofiltre тощо), або онлайн-сервіс, такий як Pixlr.

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

Наприклад, у "Без смокінгу" зображення відображаються різного розміру залежно від місця їх перегляду (домашня сторінка, подібні статті, статті, сторінки категорій тощо).

No4 - стиснення зображень

В ідеалі слід уникати перевищення 100 КБ на фото але цієї ідеальної ваги зображення часом важко досягти, особливо при розміщенні фотографій, багатих на деталі та кольори.

стиснення існує, щоб допомогти вам оптимізувати вагу зображень.

Ми можемо зателефонувати:

  • Спеціалізоване програмне забезпечення (У мене є JPEGMini Pro протягом багатьох років);
  • Плагіни (для WordPress існує EWWW Image Optimizer або навіть ShortPixel, який я використовую у своєму туристичному блозі);
  • Сайти як Guetzli, заснований на інноваційному алгоритмі стиснення, розробленому Google.

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

# 5 - Видалити дані EXIF

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

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

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

№6 - SEO оптимізація зображень: текст заміщення

Альтернативний текст в SEO (ми також говоримо про "тег alt" зображень) невидимий на екрані, але з'явиться в HTML-коді сторінки. Тому це буде корисно як для пошукових систем, так і для людей із вадами зору, допомагаючи їм зрозуміти, що представляє зображення. Він також відображатиметься замість зображення, якщо воно не завантажується з різних причин (занадто повільне підключення тощо).

Цей текст повинен опишіть свій образ лаконічно.

Наприклад, на фотографії нижче є тег alt: "Сонячні промені висвітлюють темний ліс".

Подумайте про те, щоб написати свій тег alt "чистий". Це невидимо для звичайного відвідувача, тому його часто не помічають. Ми забуваємо про великі літери, наголоси. Це помилка. Напишіть альтернативний текст SEO як повний текст.

Ви можете ковзати терміни, що стосуються SEO. Наприклад, якщо на зображенні зображена кавоварка, на ній може бути позначка alt "Кавоварка Nespresso Vertuo".

# 7 - Посилання на зображення: підпис до фотографій

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

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

Ось, наприклад, підпис з’являється під фотографією та говорить: «Краса острова Скай у Шотландії».

№8 - Назва зображення та SEO: другорядна роль

Це також можливопов'язати "заголовок" із зображенням.

Мене іноді запитують різницю між тегом alt зображень та тегом заголовка зображень: пам’ятайте це тег "alt" є найважливішим за подвійну роль у доступності та SEO; тег "title" необов'язковий, він буде відображатися при наведенні курсора на зображення.

Це відіграє дуже слабку або навіть неіснуючу роль в SEO.

# 9 - Оптимізуйте свої зображення в SEO, уникаючи зайвих посилань

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

У WordPress ви можете налаштувати його, коли вставляєте зображення: у правому стовпці, у розділі «Налаштування відображення вкладень» виберіть «Посилання на ... Немає».

Якщо ви не бачите цього меню на WordPress.com, переконайтеся, що використовуєте повний інтерфейс адміністрування. Введіть адресу свого блогу, а потім/wp-admin /.

Нарешті, якщо ви встановили WordPress з веб-хостингу, ви можете також зробити його стандартним варіантом у вашому блозі, вставивши цей рядок у файл functions.php вашої теми (не соромтеся звертатися до моїх порад щодо його зміни без ризик):
update_option ('image_default_link_type', 'none');

# 10 - Посилання на зображення: ключова роль контексту

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

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

# 11 - Інтегруйте зображення у свою карту сайту

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

Сьогодні Google надає вам можливість створити конкретну карту сайту для зображень або інтегрувати їх у загальну карту сайту. До даної сторінки можна пов’язати до 1000 зображень.

На WordPress плагін Yoast SEO безпосередньо інтегрує зображення в карту сайту, кількість зображень на кожній сторінці вказується у спеціальній колонці:

Це не є важливим для посилань на зображення, але є підказкою для пошукової системи, зокрема, якщо до зображень важко отримати доступ (наприклад, зображення, доступні через JavaScript).

# 12 - Оцінка зображень у результатах пошуку

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

З часу створення універсального пошуку Google відображав їх у результатах пошуку так само, як статті чи відео. Ми знаходимо їх, наприклад виділено в позиції 0 на деякі запити:

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

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

Отже, окрім оптимізації зображення в SEO, також вивчіть ці можливості, які пропонують структуровані дані, вони можуть надати вам більше видимості !

Навіщо працювати над іміджевим SEO ?

Оптимізація SEO фотографій може виконати 4 основні цілі:

  • Мета видимості.
  • Мета доступності.
  • Мета діяльності.
  • Мета конкурентних переваг.

Посилання на зображення та видимість

Сьогодні образи навряд чи принесе більше руху як такий. Дійсно, Google Images впровадив новий інтерфейс 7 лютого 2017 року. Раніше, коли ви натискали фотографію в результатах пошуку, сайт, на якому розміщено фотографію, завантажувався у фоновому режимі: чим ефективніше було посилання на зображення, тим більше трафіку воно могло принести вам через нього.

Відтепер Google Images завантажує фотографію лише без завантаження вашого сайту ... якщо користувач явно не натискає фотографію.

Це призвело до різке падіння реферального трафіку з Google Images, добре видно на кривій Google Analytics нижче.

Однак разом із цим занепад, Google надав зображенням видимість в інших місцях пошукова система, як я показав вам із позицією 0 та структурованими даними: зображення потім стають невід’ємною частиною стратегії збільшення рейтингу кліків ("CTR") на вашому сайті.

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

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

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

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

SEO оптимізація зображень та продуктивності

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

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

Оптимізація зображень, конкурентна перевага

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

У будь-якому випадку, я сподіваюся, що ці кілька порад допоможуть вам оптимізувати SEO зображень у вашому блозі !

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