Як отримати органічний трафік завдяки оптимізованим зображенням

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

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

Зображення в Google

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

Типи посилань у результатах Google

Сторінка результатів пошуку має перше органічне посилання у верхній частині, а потім відеоротатор YouTube із термічними інструкціями. Далі подано ще два органічні посилання, за якими йде повідомлений блок із п’ятьма зображеннями. Далі подано ще 5 поширених текстових органічних посилань. Загалом на сторінці є 10 посилань, 8 текстів та 2 розширені фрагменти.

Введіть цю сторінку в Google і подивіться, як ви отримуєте результати. У них переважають сторінки нашого клієнта ISOVER, якому ми допомогли з SEO для веб-сайтів www.isover.sk, www.isover-eshop.sk та www.vsetkoozatepleni.sk. ISOVER, завдяки своїм оптимізованим зображенням, абсолютно домінує на цій сторінці результатів і повністю витіснив конкуренцію з неї. Вона посідає перше місце за органічними результатами. Всі три відео на другій позиції також є ISOVER і отримують, серед іншого, відвідуваність сайту (докладніше про оптимізацію відео YouTube для Google незабаром в окремій статті). Третій результат надходить до isover-eshop. У багатому фрагменті із зображеннями найперший належить ISOVER, зокрема з порталу Všetko o zateplení, де ми його оптимізували. Трафік Google на веб-сайтах ISOVER також забезпечує органічний вміст № 7, який знову переходить на веб-сайт Все про ізоляцію.

Хотіли б ви бути такою ж видимою в Google, як ISOVER? Зробіть перший крок і зв’яжіться з нами. Ми обговоримо з вами можливості SEO-проекту та розпочнемо роботу. Через кілька місяців сторінка результатів для ключових слів, які шукають ваші клієнти, може виглядати подібною.

Автономний пошук зображень

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

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

  • Що таке зображення з точки зору SEO та в чому різниця між зображенням і таблицею, наприклад
  • Які три основні параметри зображення ми використовуємо в SEO та допомагають нам отримувати трафік Google
  • Як використовувати ключові слова в цих 3 типах розміщених ключових слів

Зображення в Інтернеті - не все є зображенням, яке виглядає так

Вам може здатися, що це зрозуміло, але не кожна електронна таблиця є електронною таблицею, і не все, що схоже на зображення в Інтернеті, насправді є зображенням. Зображення - це статичний файл у форматі зображення, ми найчастіше використовуємо формати JPG та PNG в Інтернеті. Наприклад, ми можемо вставити таблицю в Інтернет як таблицю HTML, тобто "справжню таблицю", в якій Google також бачитиме введений в неї текст. Однак ми часто стикаємося з тим, що таблиця вставляється в Інтернет як зображення. Просто хтось зберігає електронну таблицю, створену в Excel, наприклад, яка добре відформатована в корпоративних кольорах, як зображення за допомогою функції друку екрана, і вставляє його до статті в Інтернеті як зображення, наприклад JPG. Як ви дізнаєтесь, чи те, що ви бачите, насправді є картиною чи ні? Найпростіший спосіб - навести курсор на зображення та натиснути праву кнопку миші. Якщо ви бачите можливість зберегти зображення, це точно зображення. Крім того, однак, зображення може бути на задньому плані якогось іншого елемента на сторінці (диво), тому ви просто не можете зберегти його правою кнопкою миші. Тоді вам може допомогти лише Інспектор або пошук у вихідному коді.

Що ти все це знаєш? Тож тепер при збереженні зображення подивіться на його ім’я. Заголовок зображення відображатиметься, коли ви його збережете, а якщо не перейменовуватимете, воно буде збережене на вашому комп'ютері. Ось як ми повільно дістаємось до першого з трьох параметрів, які ми використовуємо для оптимізації зображень, і це його назва файлу. Перш ніж ми пояснимо його значення та інші параметри, ви можете спробувати зберегти деякі зображення на своєму комп’ютері, наприклад, із цього веб-сайту. Якими ви бачите їхні імена? Наприклад, це останнє зображення в тексті називається PS-Digital_Ako-na-SEO-v-obrazkoch_Ulozenie-obrazka-z-prehliadaca.jpg.

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

Як здійснювати SEO за допомогою параметрів зображення

Назва зображення - ім'я файлу

Назва зображення є дуже важливим параметром, який ми використовуємо при оптимізації. Google бачить в коді ім’я нашого зображення, може його прочитати, щоб побачити, чи називається воно, наприклад, xyz125qk.jpg, або має оптимізоване ім’я. У випадку з нашими зображеннями ми можемо бачити, що назва зображення може бути фірмовою, в ідеалі на початку. Перевага використання торгової марки в назві зображення полягає в тому, що користувачі почнуть знаходити ваші зображення в Google під час пошуку назви вашої компанії чи назв товарів. Крім того, якщо вони збережуть зображення на своєму комп’ютері і знайдуть його знову через кілька тижнів, назва вашої компанії засвітиться саме там. Вони знатимуть, звідки образ, поінформованість про бренд зростає, і вони будуть знати, якщо хочуть використовувати його, наприклад, до якого джерела він повинен посилатися. Таким чином, завдяки іменам файлів зображень, ми можемо, серед іншого, також отримувати цінні зворотні посилання. Тому ми рекомендуємо використовувати єдиний шаблон іменування зображень на всьому сайті, наприклад, таким чином:

Теги Alt

Іншим важливим параметром є т. Зв. alt тег. Його назва є абревіатурою слова alternative tag, що є альтернативним позначенням зображення. Це також з’явиться на веб-сайті, але лише якщо зображення з якихось причин не завантажується (ви вимкнули завантаження зображень, проблеми зі зв’язком тощо). В іншому випадку тег alt невидимий для користувача і відображається лише в HTML-коді. Його важливість випливає з його значення - тег alt може бачити користувач і повинен повідомляти йому, про що йдеться на зображенні. Тому ми даємо стислий опис зображення як речення. Однак нам може не знадобитися використовувати наголоси (наразі ми не використовуємо наголоси в тегах alt). Отже, якщо ми маємо малюнок, на якому показано, як правильно клеїти ізоляційну плиту з полістиролу EPS, то ми будемо використовувати як альт-тег, наприклад, приклеювання ізоляційної плити EPS.

Тег заголовка IMG для фотографій

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

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

Твій сайт

Як ваш сайт? Багато веб-сайтів не використовують потенціал зображень. У них немає правильних назв зображень, їм часто бракує тегів alt і ще частіше у них немає жодних тегів заголовків img. Погляньте на свій веб-сайт і з’ясуйте, чи добре у вас все в цій галузі чи є у вас застереження. Під час роботи із зображеннями, як правило, необхідно виконати ручні дії з наступним, щоб дійти до бажаного стану. кожне окреме зображення. Ось як:

  1. Завантажте зображення на свій комп’ютер
  2. Вирішіть, чи відповідають ваші ключові слова йому
  3. Перейменуйте зображення
  4. Перевірте його роздільну здатність і за необхідності зменште його
  5. Встановіть для нього відповідне стиснення
  6. Завантажте зображення назад на веб-сторінку та замініть оригінальне зображення у статті
  7. Встановіть для нього правильний тег alt
  8. Встановіть для нього правильний тег заголовка img
  9. Збережіть статтю
  10. Переконайтеся, що зміни вступили в силу в Інтернеті, і все як слід

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

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

Ми працюємо з розміром зображень

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

Читайте далі, щоб дізнатись.

Підбір ключових слів для зображень

Кожна стаття стосується теми. В SEO ми намагаємось змусити Google побачити, що є основною темою вашої статті/сторінки, і показати це в результатах користувачам, які шукають додаткову інформацію з цієї теми. На додаток до отримання органічного трафіку з Google, ми також намагаємось конвертувати, але це інша тема (див. Статтю Цілі SEO ). Отже, якщо ми готуємо цільову сторінку для продукту, який ми продаємо, ключовими словами будуть, крім назви, також важливі параметри, тип товару та все, що можуть шукати ваші потенційні клієнти, якщо такий товар відповідає . вирішення вашої проблеми, шукайте в Інтернеті. Детальніше про те, як правильно вибрати ключові слова для SEO, з’явиться найближчим часом у новій статті.

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

Розмір зображень і всієї сторінки

Кожне зображення має власну роздільну здатність, виражену в пікселях. Якщо у вас на мобільному телефоні хороша камера, роздільна здатність зображення може бути дуже високою, наприклад, 4200 пікселів у ширину. Зазвичай нам не потрібні такі великі картинки в Інтернеті. Щоб встановити правильну роздільну здатність зображення, нам спочатку потрібно знати, де її використовувати. Наприклад, якщо це в заголовку зображення повноекранної сторінки, ми можемо вибрати більш високу роздільну здатність, наприклад 2560px, ніж у повноекранних зображеннях на нашому сайті. Для інших зображень, які відображаються лише в ширину статті, буде достатньо нижчої роздільної здатності, наприклад, 850 пікселів у ширину. Однак, якщо ми хочемо, щоб користувач міг натиснути на зображення та переглянути більший попередній перегляд, ми будемо використовувати більш високу роздільну здатність.

Отже, ми маємо завантажити зображення перед завантаженням відрегулювати до правильної роздільної здатності. Використання занадто великого зображення збільшить розмір усієї нашої сторінки. Користувачеві потрібно більше часу для завантаження, а також ми завантажимо наш сервер, який повинен обслуговувати такі великі зображення. Неможливо сказати, який оптимальний розмір зображення. Це залежить від його дозволу, а також від використовуваного стиснення. Ми можемо встановити якість, інтенсивність стиснення зображення в JPG або PNG. Наприклад, для Інтернету ми можемо стискати зображення більше, ніж при використанні в друкованих матеріалах. Розміри зображень, які ми маємо на сторінці, розраховані так, щоб дати нам розмір усієї сторінки в кілобайтах або мегабайтах. Ідеально, щоб наш сайт був якомога меншим. Він швидко завантажиться і стане більш корисним для користувачів. І Google віддає перевагу сайтам з кращою зручністю використання результатів пошуку.

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

Інструменти для роботи із зображеннями

Графічне програмне забезпечення

Ми не будемо зосереджуватися на інструментах, які допоможуть вам створити приємні зображення для використання в Інтернеті або в соціальних мережах. Їх досить багато, і багато з них доступні в Інтернеті без встановлення. Якщо ви хочете перейменувати зображення, вам також не потрібні ніякі інструменти, ви можете зробити це безпосередньо на своєму комп’ютері. Але якщо ви хочете дізнатись роздільну здатність зображення та зменшити його, вам потрібен якийсь графічний інструмент. Професійні художники-графіки використовують Photoshop, але для цього, наприклад, буде достатньо програмного забезпечення Irfanview, яке ви можете завантажити безкоштовно. Відкрийте зображення в Irfanview, натисніть CTRL + R, щоб побачити роздільну здатність вашого зображення. Встановіть нову нижчу роздільну здатність та збережіть зображення. Його також можна легко обрізати, зробіть вибір миші натисканням клавіші CTRL-Y.

Ідеальне стиснення веб

Правильний, якомога менший розмір зображення можна досягти, стискаючи його. Ми також можемо встановити це безпосередньо в Irfanview. Однак є зручний онлайн-інструмент, який полегшить вам роботу - TinyJPG.com. Ви завантажуєте свої правильно названі зображення у правильній роздільній здатності, і вони стискатимуть їх для вас найкращим стисненням в Інтернеті. Потім завантажте їх і завантажте на свій веб-сайт. TinyJPG.com дозволяє завантажувати як зображення у форматі JPG, так і PNG, стиснення яких дуже високе, а зображення, як правило, значно менші після збереження в новому розмірі, майже без видимих ​​різниць у якості. Однак будьте обережні з зображеннями з меншими текстами, якість від TinyJPG.com тут часто недостатня, і іноді краще використовувати лише веб-стиснення від Irfanview.

Розмір цілої сторінки

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

Порада. Перевірте розмір веб-сторінки перед оптимізацією, а потім змініть розмір, повторно завантажте та перевірте, як ви її змінили

Ліниве завантаження для фотографій

Якщо у вас є одна з найсучасніших систем управління вмістом, ви зможете встановити для лінивого завантаження зображення. Крім того, ви можете вже мати попередньо встановлену для всіх ваших зображень. Якщо ви не знаєте, запитайте у розробника/постачальника веб-сайтів/систему управління вмістом. Ледаче завантаження - це технологія, яка запобігає завантаженню зображення, для якого воно встановлено, разом із завантаженням цілої сторінки на початку. Він не завантажується, поки користувач не прибуде до тієї частини сторінки, де вбудоване зображення. Тому це т. Зв асинхронне завантаження вмісту, коли це дійсно потрібно. Давайте проілюструємо це на прикладі цієї сторінки, яку ви читаєте. Це досить довго, чи не так? Він також містить багато зображень? Відповідь - так. Якби ми відображали їх усі під час завантаження сторінки, ми без потреби передавали б кожному користувачеві багато даних, деякі з яких не досягли б цього дна. Тож їм зовсім не потрібно було бачити деякі фотографії. Отже, якщо ми завантажуємо їх лише тоді, коли користувач прокручує до них, ми зберігаємо дані під час передачі, веб-сайт завантажується швидше, і якщо, наприклад, користувач заплатив дані в мобільному Інтернеті, з його кредиту/ліміту вираховується менше. Тож «Ледаче завантаження» - ідеальний спосіб зменшити розмір сторінки та пришвидшити її завантаження.

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

Короткий зміст - Як щодо зображень у SEO

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

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