- Причини необхідності SEO-оптимізації графіки ↑
- Розташування зображення ↑
- Підпис під картинкою ↑
- Атрибут зображення title ↑
- Тег зображення alt ↑
- URL зображення або його назву ↑
- формат зображення ↑
- Карта сайту ↑
- Що ж таке SEO-оптимізована картинка ↑
- попередні записи
- Аналіз неявних переваг користувачів.
- Landing Page по ремонту квартир
- Як перевірити швидкість сайту
- Landing Page для оформлення шенгенських віз
Раніше ми вже розглядали детально необхідність оптимізації контенту і мета-тегів сторінки. Але існує і ще одна, не менш важлива складова - оптимізація зображень для сайту.
зміст
Причини необхідності SEO-оптимізації графіки ↑
- пошук зображень. Оптимізація графіки призведе до того, що вона буде з'являтися в перших рядах видачі, а значить, залучить трафік до вас на сайт;
- ресурси обміну фотографіями. Завдяки оптимізації ви зможете також просуватися через соціальні сайти з обміну картинками (Flickr);
- змішаний пошук. Під час формування пошукової видачі Google пропонує користувачеві не тільки релевантні сайти, але і фотографії. А це досить простий спосіб обійти конкурентів;
- взаємозв'язок картинки та інформації на сайті. Якщо користувачеві підходить знайдене зображення, то дуже ймовірно, що його зацікавить вся стаття і - як результат - весь ваш ресурс.
Розмір зображення ↑
Розмір має значення! Чим він більший - тим це краще! Коли пошуковий робот знаходить кілька копій однієї і тієї ж картинки, то автоматично вибирається зображення, більше за розміром. Для цього необов'язково завантажувати статтю або сторінку величезними картинками. Вони можуть відкриватися в окремому вікні або на іншій сторінці за відповідним посиланням, а спочатку буде досить розмістити лише превью. Крім цього, враховуйте, що розмір мініатюр теж важливий. Якщо параметр картинки менше 100 px, то пошукова система розцінює її як елемент дизайну сайту і не пускає в видачу. Коли ж на одній сторінці ви розмістите багато крихітних зображень, навіть за умови оптимізації пошукова система може відмовитися ранжувати їх. Найбільш прийнятний варіант - це робити посилання на повне зображення, тоді воно точно потрапить в видачу.
<a href="адрес оригінального ізображенія"> <img src = "адреса мініатюри зображення" /> </a>
При цьому буде великою помилкою, якщо ви просто вирішите стиснути велике зображення до розмірів мініатюрки.
- По-перше, може статися спотворення зображення.
- По-друге, файл все одно буде завантажуватися повністю і тим самим гальмувати сторінку.
- По-третє, пошукові системи розпізнають співвідношення реального розміру зображення і заданого стилю, тому можуть порахувати подібне зменшення некоректним або ушкоджуючим сайту в цілому або окремій сторінці.
Розташування зображення ↑
Який би оптимізованої, унікальною і цікавою не була стаття на сторінці, якщо вона супроводжується якісними картинками, то пошукові системи будуть оцінювати її значно краще і вище. Ілюстрація може описувати всю статтю, окремий її абзац, будь-яку смислове частина. Воно може продовжувати або логічно доповнювати статтю. Виходячи з цього, зображення повинно бути розташоване якомога ближче саме до того уривку тексту, яке воно характеризує.
контент і графіка на сторінці знаходяться в близькому взаємодії друг з одним, надаючи взаємний вплив. Чим більше авторитет сторінки - тим вище видача картинок, зображених на ній. Чим більше відповідає зображення контенту - тим більш уважно ставляться до них пошукові роботи.
Завдяки регулярному оновленню контенту, пошукові системи намагаються розпізнавати картинки, але без текстового супроводу пошуковому роботу досить проблематично визначити, що там зображено. Саме для цього і проводиться seo-оптимізація графіки. Ілюстрація, яка супроводжується текстом, легко розпізнається роботом, перевіряється пошуковою системою на релевантність і - в результаті - все це впливає на ранжирування сторінки.
Підпис під картинкою ↑
Найбільш простий спосіб доповнити картинку відповідним текстом - зробити під нею підпис. Це особливо актуально для тих сторінок, де велика кількість зображень і майже немає тексту (припустимо, це сторінки альбомів фотогалереї). Дана підпис повинна бути оптимізована, тому що по відповідності ключових слів в ній буде виявлятися релевантність картинки вмісту сторінки. Якщо на сторінці велике число зображень і мале - тексту, підпис під ілюстрацією буде дуже корисною. Це лише один параметр, який використовується в оптимізації зображень.
Атрибут зображення title ↑
Title - це та сама підказка, яку ви бачите, якщо навести курсор на картинку. І це ще один шанс в оптимізації картинок для пошукових систем. У даній ситуації в тезі Title слід вказати додаткову інформацію про зображення.
Тег зображення alt ↑
Тег alt - або, іншими словами, текстовий опис картинки. Це той текст, який бачить користувач, якщо в браузері заборонено відображення зображень, при помилках завантаження і т.д. Приблизно картинка буде мати такий вигляд:
<Img src = "адреса зображення" alt = "Опис зображення" />
Якщо ж оптимізувати тег Alt, то це позитивно впливає на загальний рівень сторінки. Ми рекомендуємо не забувати заповнювати цей рядок. В даному атрибуті необхідно коротко вказувати, що зображено на картинці (буквально до 60 символів). Вміст атрибутів Alt і Title має відрізнятися один від одного.
URL зображення або його назву ↑
Наступний спосіб seo-оптимізації картинок - це відповідність вмісту зображення і його назви. Наприклад, ілюстрацію, на якій зображено червоний автомобіль, слід назвати «krasniy-avtomobil». У назві допускається використання дефіса. це сформує ЧПУ і набагато більше «сподобається» пошуковому роботу, ніж «img-9631», що, в свою чергу, позначиться на видачу зображення.
формат зображення ↑
Природно, швидкість завантаження картинки залежить від її розміру в кілобайтах. Чим менше розмір - тим вище швидкість. Найчастіше на сайтах використовуються зображення в основних форматах - png, jpeg, jpg, gif. Вони зручні для збереження гарної якості при невеликому обсязі. Це стосується будь-яких видів зображень - малюнки, фотографії, графічний матеріал. В принципі, значної різниці у властивостях ці формати не мають.
Якщо ж випустити з уваги питання розміру зображення, це може привести до негативних наслідків. В основному це стосується популярних сьогодні Landing Page, які в більшості своїй складаються з картинок. Отже, зображення, що важать багато, будуть пригальмовувати завантаження сайту, а значить відштовхувати користувачів і потенційних клієнтів сайту.
Карта сайту ↑
Для індексації зображень вашого ресурсу, додайте їх в sitemap. Або ж створіть окремий sitemap саме під картинки.
Що ж таке SEO-оптимізована картинка ↑
При дотриманні цих досить нескладних правил ми повинні отримати:
<a href= "/krasniy-avtomobil.jpg" alt="Красний автомобіль Ніссан" title="Автомобіль Ніссан-машина зі своїм характером"/> Новий червоний автомобіль Ніссан
або
<a href= "/ krasniy-avtomobil.jpg" title="Автомобіль Ніссан-машина зі своїм характером"> <img src = "/ mini- krasniy-avtomobil.jpg" alt = "Червоний автомобіль Ніссан" /> </ a > Новий червоний автомобіль Ніссан
Є ще один важливий нюанс. Якщо на своєму сайті ви використовуєте чужі зображення, які ви просто знайшли в пошуку і скопіювали собі, то ефект виходить такий же, як і від скопійованого тексту, - плагіат (а можливо і бан). Що, як ви розумієте, неправильно і карається. Будь-яке зображення повинно бути унікальним.
Як ви бачите, особливих складнощів оптимізація графічних картинок для пошукових систем не представляє. Просто приділіть трохи уваги і часу правильному alt, title і ЧПУ. По-перше, це дозволить внести ще трохи додаткового унікального тексту. А по-друге, при попаданні картинок в пошук Google і Yandex ви отримуєте заповітний трафік на свій сайт.
попередні записи
Аналіз неявних переваг користувачів.
Аналіз неявних переваг користувачів - найважливіший фактор у ранжируванні документів в результатах пошуку або, наприклад, показі реклами та рекомендації новин.
Landing Page по ремонту квартир
Хочете зробити Landing Page по ремонту квартир? Ми підібрали для Вас приклади кращих Лендінзі, які знайшли в пошукових системах.
Як перевірити швидкість сайту
Швидкість завантаження сайту - це, звичайно, перш за все показник, який помітний користувачеві сайту. Але в результаті він впливає і на позицію Вашого сайту
Landing Page для оформлення шенгенських віз
Хочете зробити Landing Page для для оформлення шенгенських віз? Ми підібрали для Вас приклади кращих Лендінзі, які знайшли в пошукових системах.