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

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

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

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

Яка роль зображень з точки зору SEO?

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

ТИП: Згідно зі статистикою з 2019 року, до 38% людей втрачають інтерес до веб-сайту через непривабливий вміст та зовнішній вигляд. Тож переконайтесь, що ваш сайт є візуально цікавим та зрозумілим не лише з точки зору графіки, але й з точки зору зручності використання.

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

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

7 кроків, які допоможуть вам покращити рядки пошуку

1. У великому театрі можна грати навіть із меншими картинками

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

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

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

ТИП: Потрібна допомога у стисненні великих зображень? Спробуйте цей зручний онлайн-інструмент, який зробить це, не швидко знижуючи їх якість.

2. Подбайте про найменування картинок

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

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

ТИП: Якщо ви використовуєте на роботі WordPress, все, що вам потрібно зробити, це назвати зображення безпосередньо на комп’ютері, і сама програма автоматично завантажить їх із іменами під час завантаження.

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

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

3. Використовуйте alt тегування

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

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

4. Унікальність для кращих результатів

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

5. Переконайтесь, що зображення відповідають змісту тексту

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

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

6. Створіть карту сайту для зображень

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

7. Правильне налаштування постійної реакції

Завантажувати 850-піксельне зображення на комп’ютер чи ноутбук - це малина. Однак шарніри стискаються саме тоді, коли користувачі вирішать відвідати ваш сайт із мобільного або планшетного ПК. Завантажувати велике зображення протягом тривалого часу - це марна трата часу і простору, хоча навіть менші розміри одного і того ж візуального елементу будуть виглядати так само добре на маленькому екрані. Що на рахунок того?

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

Кінець глибокої думки

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