Дуже часто в процесі просування сайту картинкам приділяється мало уваги. І дарма, адже їх оптимізація допомагає підвищити релевантність і підняти трафік з сервісів Яндекс і Гугл Картинки. Безумовно, мова йде про унікальний контент, чужі фото навряд чи дадуть хороший ефект, а ось покарати за їх використання вас можуть легко. Якщо своїх у вас немає, можна купити їх в фотобанку і обов'язково поставити водяний знак - логотип своєї компанії, він не повинен закривати важливі місця, але і вирізати або затерти його повинно бути складно - так ви убезпечите себе від крадіжки.
Cео-оптимізація картинок поетапно
Очевидно, що картинка не повинна спотворюватися, розтягуватися або розпадатися на пікселі, якість повинна бути високим. Якщо ви фотографуєте самостійно, необхідно виставити правильну різкість і баланс білого. Фото найкраще робити без спалаху, при природному денному світлі. Якщо мова йде про товар, то фон повинен бути світлим. Людей найкраще фотографувати на однотонному тлі. При роботі з дрібними товарами (наприклад, біжутерія) необхідно використовувати макрозйомку.
Пара слів про формат - використовуйте jpg або png. Інші - більш ваговиті і не завжди коректно відображаються. Анімовані картинки часто визначаються як банери або елементи верстки.
Тепер задамо розмір зображення. Воно не повинно бути менше 150 пікселів. Великі зображення повинні відображатися в превью і відкриватися в окремому вікні. За допомогою стилів такі картинки зменшувати не варто, інакше сповільниться швидкість завантаження сайту. Маленька хитрість: завантажуйте на сайт трохи стислі зображення, і якщо їх у вас вкрадуть, то ви зможете викласти оригінал. Таким чином, для пошукових систем стане ясно, у кого більше прав на картинку.
На сайті потрібно заповнити атрибути alt і title тега img (російським текстом). Альтернативний текст (alt) повинен бути зрозумілим і містити входження ключового слова. Він не повинен бути занадто довгим - 3-8 слів цілком достатньо. Alt потрібно заповнювати обов'язково, по ньому пошукові системи розпізнають, що зображено на картинці. А в title можна додати додатковий опис для картинки, воно не повинно збігатися з вмістом alt, але частково включати в себе слова з цього атрибута. Також можна заповнити Description зображення, але якщо дані тег вже заповнений для сторінки, то можна це не робити.
Всі ці дані можна заповнити заздалегідь, до завантаження на сайт - в цьому вам допоможуть різні програми і сервіси. Але обов'язково перевірте цей спосіб на невеликій кількості картинок, оскільки при завантаженні на сайт може нічого не зберегтися - не всі ці програми працюють ідеально.
Якщо часу в обріз - зробіть підпис для людей на 150-200 зн. тоді пошуковий робот зможе використовувати її. Це, звичайно, не те, але краще ніж нічого.
Роботу допоможе знайти ваші картинки атрибути «HEIGHT» і «WIDTH» (висота і ширина), оскільки в сервісах картинок користувачі можуть шукати інформацію за цими параметрами.
Маленька хитрість: розташуйте картинки поруч з заголовками h1-h6 - пошукові системи надають їм більше ваги.
У підсумку вийде так:
Оптимізація картинок для поліпшення швидкості завантаження
Тепер поговоримо про технічну оптимізації зображень, що не менш важливо для СЕО.
- Очевидно, що великі картинки «обтяжують» сайт і він буде довго грузиться. Щоб зрозуміти, скільки у вас на сторінці картинок, які потребують стиснення, скористайтеся Google Pagespeed Insights:
Там же ви можете скачати оптимізовані медіа-файли. Але перед завантаженням на сайт обов'язково відкрийте їх і подивіться. Іноді сервіс стискає настільки сильно, що картинки розпадаються на пікселі.
- Намагайтеся не використовувати формат gif і замінювати його на png. А png, в свою чергу, можна стиснути за допомогою різних онлайн-сервісів, які ви легко зможете знайти самі. Великі зображення слід перевести в jpg і теж стиснути з максимальним збереженням якості.
Крім того, при роботі з цим форматом використовуйте послідовні зображення замість базових. Що це означає: перші завантажуються поступово, зі збільшенням якості, а другі - по частинах. І якщо у користувача повільний інтернет, то він все одно розгледить, що зображено на послідовному виконанні, а базове - навряд чи буде чекати.
Також з них потрібно вичистити всю зайву інформацію (теги, дата фото і т.п.). Це додає непотрібної тяжкості.
При виконанні всіх цих рекомендацій вам допоможуть різні онлайн-сервіси та програми, в них нескладно буде розібратися навіть новачкові. Загалом, нічого складного, тільки доведеться витратити час, але це того варто - в результаті сторінки будуть завантажуватися швидко, і ви отримаєте додатковий трафік з Яндекс і Гугл Картинок.