1. Чому мені потрібні фотографії і куди їх помістити
2. Графічний вибір
3. Альтернативи до фотографій
4. Підготовка фотографій до публікації
5. Назва файлу
6. Масштабування зображення
7. Зменшення розміру файлу зображення
8. Розміщення фотографій у статті
9. Альтернативні описи (alt)
10. Заголовки (назва)
11. OpenGraph
12. Мапа сайту XML
13. TL; DR

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

Чому мені потрібні фотографії і куди їх помістити

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

• блоги
• газети,
• спонсорована стаття,
• інтернет-магазини,
• веб-сайтів.

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

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

Чи є 1 картина вартістю 1000 слів? Так, але у випадку з Google зображення повинно бути належним чином підготовлено та оптимізовано.

Графічний вибір

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

Важливо додати фотографії, які відповідають тематиці статті. Мова йде не про додавання картин для самого факту їх існування. Дайте своїм продуктам професійний вигляд! Нехай фотографії доповнюють тему, залучають одержувачів.

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

Якщо неможливо зробити власні фотографії, потрібно використовувати безкоштовні програми з різних веб-сайтів. У цьому випадку рекомендую хорошу пошукову систему фотографій compfight.com. Він здійснює пошук в базі даних фотографій з fickr.com, і, отже, шукані зображення мають високу якість. Ми маємо можливість фільтрувати результати пошуку для ліцензій: будь-яку ліцензію, об’єкт Creative Commons, комерційну рекламу. Можна використовувати сам мерехтіння, але це, мабуть, пошук буде більш складним з припущеннями, зробленими, наприклад, фотографіями тільки з ліцензією Creative Commons.

Ще одна відома послуга - Freeimages (раніше sxc.hu). Багато зображень, якість іноді залишає бажати кращого, особисто не дуже цікавого і сильно використовуваного в Інтернеті, і це не те, що ми хочемо. Ми хочемо виділитися.

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

Альтернативи до фотографій

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

Підготовка фотографій до публікації

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

Назва файлу

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

Найбільш важливе ключове слово має з'являтися на початку імені файлу. Наприклад, ім'я зображення заходу сонця на тлі міста Познань має виглядати наступним чином: poznan-zachod-slonca.jpg. Познань - головне ключове слово. Безумовно краще, ніж якщо б це було стандартне ім'я, наприклад dsc4598.jpg.

Ми хочемо, щоб Google визнавав, що зображення пов'язане з ним навіть "без огляду".

Масштабування зображення

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

Завжди слід масштабувати зображення до розміру, який ви бажаєте представити на сторінці. Немає сенсу завантажувати 2500 х 2500 фотографій і змінювати розмір до 250 x 250 px. На сайті зображення буде невеликим, але воно повинно бути завантажене в повному розмірі, що однозначно збільшує час очікування для користувачів. Такі випадки трапляються досить часто.

Зменшення розміру файлу зображення

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

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

Спеціальні інструменти, доступні на веб-сайтах, можуть зменшити зображення навіть кілька разів без будь-якої видимої втрати якості!

• imageoptim.com
• jpegmini.com
• punypng.com
• kraken.io

Розміщення фотографій у статті

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

Опис під фотографіями (підписи)

Люди схильні сканувати статті своїми очима. У цьому допомагають всі типи заголовків, абзаців, жирних шрифтів або підписів. Було доведено, що підписи під зображеннями читаються до 300% частіше, ніж основний вміст запису. Таким чином, відсутність підписів або використання їх неправильно позбавляє користувачів можливості додаткового залучення.

Альтернативні описи (alt)

Альтернативні описи "представляють" вміст зображення у випадку, якщо він не був завантажений. У тегах alt потрібно показувати ключові слова, а довжина опису має становити від 5 до 15 слів. Давайте спробуємо описати картини найбільш природним чином.

Варто також відзначити, що за допомогою алгоритму Google alt теги не враховуються як спам. Це важче піддати себе пошуковій системі, стягуючи за допомогою ключових слів ключові слова, ніж поклавши слова десь на боці. Звичайно, все в міру, тому давайте подивимося на користувачів не на SEO.

Заголовки (назва)

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

Це говорить про те, що тег заголовка не є важливим для SEO.

OpenGraph

Що таке OpenGraph? Цей тег використовується для позначення зображення, яке з'явиться після публікації статті в соціальних мережах. Саме про Facebook і Pinterest (Twitter має свої зображення; Twitter Cards - https://dev.twitter.com/cards/overview ).

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

Facebook має інструмент для налагодження посилань для OpenGraph. Якщо ми описали фотографії з тегом og: image і є проблема з їх відображенням на Facebook, ми можемо використовувати посилання https://developers.facebook.com/tools/debug/ і пояснити нашу проблему.

Мапа сайту XML

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

TL; DR

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

• давайте використовувати зображення, які відповідають контексту нашої публікації,
• ми вибираємо відповідні назви файлів для наших зображень (ключові слова в назві файлу),
• давайте переконаємося, що розмір зображення такий же, як і той, який відображається на сторінці (не менше, не більше!),
• зменшити розмір файлу так, щоб сторінка і зображення завантажувалися швидше (ми використовуємо спеціальні інструменти),
• додамо підписи / підписи, щоб полегшити сканування статті під час читання,
• використовувати теги alt, тег заголовка необов'язковий (ми не дублюємо),
• позначаємо фотографії тегами OpenGraph,
• додамо фотографії на карту XML.

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

5 (100%) 3 голосів