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

1. Як назвати зображення
2. Як використовувати атрибут alt
3. Alt тег WordPress
4. Як може допомогти інший текст
5. Чи має значення розмір?
6. Як стиснути зображення
7. Порівняння стиснення
8. Які різні формати?
9. Порівняйте
10. Як використовувати мапу сайту
11. Що в кінцевому підсумку важливо?

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

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

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

Як назвати зображення

Найважливіший крок до оптимізації зображень - це належне назву.

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

Важливо не використовувати пробіли, підкреслення або періоди для розділення слів, оскільки вони можуть бути важко читати при гіперпосиланні. Замість цього використовуйте дефіси для розділення слів. Крім того, тримайтеся подалі від використання непотрібних слів, таких як “a”, “the”, “but” та ін.

Коли ви називаєте зображення, це зображення матиме URL, який містить ім'я файлу, що полегшує Google зрозуміти, про що йде зображення. Як каже Google на своєму веб-сайті, "Якщо ми не можемо знайти відповідний текст на сторінці, на якій ми знайшли зображення, ми використаємо ім'я файлу як фрагмент зображення в результатах пошуку".

Як використовувати атрибут alt

Коли пошукові системи сканують сайт, перше місце, де вони шукають інформацію, називається атрибутом alt (або альтернативним атрибутом). Атрибут alt має перевагу над назвою зображення, як каже Google на своєму веб-сайті ", оскільки Googlebot не бачить зображення безпосередньо, ми, як правило, зосереджуємося на інформації, наданій в атрибуті" alt ". Отже, використання атрибутів alt, ймовірно, є найкращим способом ранжування зображень у пошуковій системі.

Ви можете або записати атрибути alt при завантаженні зображення (WordPress пропонує простий спосіб введення тексту ALT, коли будь-яке зображення завантажується), або ви також можете ввести інформацію в HTML.

Alt тег WordPress

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

Використовуючи специфічні описи, наприклад, це допоможе користувачам краще знайти ваші зображення, однак, важливо знати, що пошукові системи будуть карати сайти, які використовують "начинку ключових слів" або додаючи занадто багато ключових слів, щоб зробити ваші зображення більш високими. Коли вони знаходять сайт був начинку ключові слова, пошукові системи будуть фактично знизити ваш рейтинг. Фактично, було показано, що Google використовує лише перші 16 слів у атрибуті alt , тому використання більше не допоможе.

Відео - Метт Каттс , голова команди Webspam від Google, пояснює важливість атрибутів alt.

Приклади атрибутів HTML alt (від Google )

Оригінальна назва

• <img src = ”puppy.jpg” alt = ”IMG00001> />

Перейменовано (погано)

• <img src = ”puppy.jpg” alt = ”щеня” />

Оптимізовано

• <img src = ”щеня.jpg” alt = ”далматинський цуценя грає вибірка”>

Ключове слово набивання

• <img src = ”щеня.jpg” alt = ”щеня собака дитина собака щенята цуценят щенята собачки щенята щенята собака ретрівер лабрадор вовкодав сетер покажчик щеня джек рассел тер'єр щенята собака їжа дешева собака їжа щеня” />

Як може допомогти інший текст

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

Чи має значення розмір?

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

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

Як стиснути зображення

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

Порівняння стиснення

Коли ви експортуєте зображення з Photoshop, не забудьте зберегти зображення як “безпечні для Інтернету”. Це зменшить розмір зображення до якості, яка підходить для Інтернету. Якщо ви не використовуєте Photoshop, є багато інших програм, які зменшать розмір файлу, у тому числі PicResize , CompressJPEG , і TinyPNG назвати декілька.

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

Які різні формати?

Є 3 основні формати, які використовуються для зображень в Інтернеті, кожен зі своїми унікальними параметрами.

Файли JPEG (.jpg) є найпоширенішим форматом для цифрових зображень в Інтернеті. Вони мають широку кольорову палітру (мільйони кольорів в одному зображенні), але вони також легко стискаються, зберігаючи при цьому свою початкову якість.

GIF-файли (.gif) мають нижчу якість, ніж JPEG. Вони не мають великої палітри кольорів (всього 256 кольорів), тому вони зазвичай використовуються для дуже маленьких файлів. GIF також підтримують анімацію.

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

Порівняйте

Який формат підходить саме вам?

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

Отже, якщо у вас є прості кольори, наприклад, мультфільм, ви можете скористатися PNG. Якщо у вас дуже маленьке зображення, наприклад, логотип, то краще використовувати файл GIF.

Як використовувати мапу сайту

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

Якщо у вас вже є карта сайту для вашого сайту, і у вас є багато фотографій, хороша ідея використовувати карту сайту. Інструменти Google для веб-майстрів може допомогти вам у процесі створення мапи сайту. Або, щоб зробити його простішим, можна використовувати плагін, наприклад, Удінра Всі карти сайту , які створять мапу сайту для вас.

Що в кінцевому підсумку важливо?

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

І якщо ви хочете отримати великі поради для поліпшення вашого рейтингу SEO, ви повинні прочитати цю електронну книгу!

Зображення на Майкл Фертіг .