Пошукова оптимізація - явище дуже багатогранне. Подібно до інших складним поняттям нашої дійсності, SEO включає тисячі нюансів, сукупність яких виглядає з боку повною плутаниною.
Людям нетямущим SEO може здаватися деяким нагромадженням дивних ідей. Однак, дотримуючись основних правил SEO-оптимізації, ви зможете успішно адаптувати ваш веб-сайт до умов роботи провідних пошукових механізмів, таких як Google, Bing і Yahoo. Одне з найбільш розхожих упущень, властивих навіть веб-дизайнерам і веб-розробникам, - брак уваги до оптимізації зображень на веб-сайті, покликаної зробити його помітніше для пошукових механізмів. А графічне оформлення ресурсів може дуже сильно впливати на кількість їх регулярних відвідувачів.
Переглядаючи Інтернет, люди звично задіюють пошукові засоби, подібні Image Search від Google. Якщо картинки на вашому веб-сайті оптимізовані належним чином з використанням відповідних ключових слів, то вам вдається залучити на нього потужний потік цього самого знаходиться в пошуку трафіку. У даній статті я збираюся розглянути дію тегів «alt» і «title», роз'яснити методику впровадження в структуру вашого веб-сайту оптимізованих зображень, проаналізувати переваги їх оптимізації через використання тегів «alt» і «title», і, нарешті, запропонувати вам ряд рекомендацій по залученню додаткового трафіку на ваш веб-сайт за допомогою оптимізації картинок.
Чим служать зображенням теги «alt»?
Тег або атрибут «alt» служить для відображення заданого фрагмента тексту ( "alternative text") замість картинки. Як правило, він містить її словесний опис. Читачам матеріалів на вашому веб-сайті його не видно. Єдиний випадок його безпосередньої взаємодії з користувачем - через спеціалізоване ПО для незрячих, які виконують навігацію в Інтернет по звукових сигналів. Теги «alt» дозволяють такій людині зрозуміти, що відображається на вашому веб-сайті. У більшості ж випадків теги «alt» потрібні лише як засобу проведення пошукової оптимізації. З їх допомогою пошукові роботи, прочісують ваш веб-сайт, повніше охоплюють його вміст, щоб точніше проіндексувати ваш ресурс і правильно розмістити дані про нього в їх реєстрах результатів пошуку.
Побачити теги «alt» серед вашого контенту люди можуть, хіба що, при читанні електронних HTML-листів. Ви отримуєте по електронній пошті комерційні HTML-листи? Ну, скажімо, від торгових агентів мереж Macy's, Kohl's і т. П. Іноді в цих посланнях міститься прохання включити відображення картинок. Для чого вам потрібно натиснути правою кнопкою миші де-небудь у верхній частині листа, і тоді ви зможете подивитися зображення. Якщо ж ви перейдіть такого послання, не включивши відображення картинок, то побачите рамку, в якій повинно відкриватися зображення, а всередині неї - текст (при наявності в документі тегів «alt»). Цей текст і є тег «alt», прикріплений до даної зображенні.
Як виглядає HTML-тег «alt»? Ось фрагмент HTML-верстки з тегом «alt», що містить опис картинки.
Оскільки самі ці теги нікому не видно, їх точно варто прикріплювати до ваших зображень. Про те, яким саме текстом слід наповнювати теги «alt», ми докладніше поговоримо трохи пізніше.
Що являють собою прикріплюються до картинок теги «title»?
Теги «title» - просто-напросто назви ваших зображень. Траплялося вам бачити на веб-сайтах спливаючі написи, видимі лише при наведенні курсору на картинки? Тексти цих написів і є вміст тегів «title», прикріплених до зображень. Тег «title» виконує кілька різних функцій. Головне його призначення - повніше інформувати аудиторію про те, що вона бачить на картинці. Теги «title» можуть як безпосередньо прикріплятися до об'єктів, так і завантажувати в посилання переходів на інші веб-сторінки. Теги «title» стають видні і при наведенні курсору на гіперпосилання. На відміну від них теги «alt» відвідувачам вашого веб-сайту не видно, так що, текстом їх можна наповнювати будь-яким, зовсім необов'язково осмисленим. А теги «title» у всіх на виду, тому вам потрібно подбати про зв'язності фраз і пропозицій з використовуваних вами ключових слів.
Теги «title» не повинні бути довшими трьох-п'яти слів. Дехто в припадку красномовства набиває теги «title» цілими реченнями або абзацами. Прагніть до стислості і інформативності. Не забувайте вставляти в теги «title» до ваших зображень ключові слова. Теги «title» так само значимі для прочісують ваш веб-сайт пошукових роботів, як теги «alt», і настільки ж важливі в плані SEO-оптимізації. Мої веб-сайти щомісяця залучають сотні нових відвідувачів за рахунок однієї тільки оптимізації всіх розміщених на них зображень, проведеної мною шляхом грамотного підбору тегів «title» і «alt». Вам теж варто спробувати цей спосіб на ваших веб-сайтах.
Як виглядає HTML-тег «title»? Ось фрагмент HTML-верстки з тегом «title», що прикріплюється до картинки.
Оптимізація зображень на вашому веб-сайті за допомогою тегів «alt» і «title»
Оптимізувати зображення на вашому веб-сайті або в блозі за допомогою тегів «alt» і «title» не так вже й довго, зате ці зусилля точно окупляться різким підйомом віддачі від вашого веб-сайту за рахунок залучення на нього додаткового якісного трафіку, що використовує пошукові механізми . Прикріплювати до картинок теги «alt» і «title» дуже легко. Це займе у вас всього кілька зайвих секунд при розміщенні на сайті нової картинки. Нижче наведена послідовність дій по закріпленню тегів «alt» і «title» до зображень на вашому веб-сайті.
* Виберіть відповідає вашому задуму зображення (воно повинно відображати тематику вашого матеріалу).
* Відкрийте список ключових слів, яким ви користуєтеся при проведенні пошукової оптимізації, і знайдіть в ньому відповідні ключові слова - одне з ємним і загальним значенням, інше зі значенням, більш придатним для побудови лексичних конструкцій, - проаналізуйте їх смислове відповідність тематиці зображення, вибраного вами для вашої веб-сторінки.
* Вставте перший ключове слово в тег «alt» (наприклад, alt = "alt tags SEO").
* Вставте другу ключове слово в тег «title», неодмінно розбавивши його текстовим наповненням, щоб при наведенні курсору на вашу картинку люди могли прочитати текст, укладений у вашому тезі «title», і щоб він не різав їм слух (наприклад, title = " use title tags to increase website traffic "-" підвищуйте відвідуваність веб-сайту за допомогою тегів «title» ").
* От і все. Так просто!
Переваги оптимізації зображень за допомогою тегів «alt» і «title»
Найбільш значущі переваги, які дає вам оптимізація зображень за допомогою тегів «alt» і «title», такі:
* Підвищення обсягів трафіку, що знаходить ваш веб-сайт через пошук.
* Підвищення якості цього знаходить ваш веб-сайт через пошук трафіку.
* Більш тісний контакт з відвідувачами веб-сайту.
Рекомендації по використанню зображень для підвищення відвідуваності веб-сайту
Ви, напевно, вже переконалися в тому, що прикріплювати до ваших картинок теги «alt» і «title» - не ракети будувати. Справді, тут немає нічого складного. Проте, ряд нюансів вам, все ж, варто враховувати при оптимізації зображень на вашому веб-сайті. Нижче наведені рекомендації по отриманню максимальної віддачі від оптимізації графічного оформлення вашого веб-сайту.
Ці рекомендації допоможуть вам приступити до оптимізації ваших зображень під умови роботи пошукових механізмів. А завершивши розпочату, ви неодмінно помітите щомісячний приріст "пошукового" трафіку, як мінімум, на 10% - 15%.
Чи станете ви прикріплювати теги «alt» і «title» до зображень на вашому веб-сайті?