Ефективні SEO та хороші веб-дизайні-ентеми чи друзі?
- Дата:22.08.2012
- Автор:Оксана Ведерникова
Може чи добре оптимізований сайт мати привабливий дизайн? Якісний текстовий контент, відповідні ключові слова, грамотна внутрішня перелинковка і посилальна маса з авторитетних сайтів — усi це допомагає просувати інтернет-ресурси. Проте, як щодо дизайну? Багато роблять акцент на seo-оптимізації, забуваючи про тому, що на сайт заходять відвідувачі, для яких оформлення ресурсу відіграє не останню роль. Так можна чи поєднати два цих аспекту і отримати оптимізований сайт з хорошим дизайном? Якщо да, то, як повинен виглядати такий «ідеальний» веб-проект? Пропонуємо ознайомитися з деякими прикладами.
Прекрасний дизайн, погана оптимізація.
В як прикладу можна розглянути сайти, розроблені з застосуванням flash-технологій. Для таких ресурсів характерна динаміка: усi живе, усi рухається і блимає. По суті, такі сайти являють собою рекламні ролики. Їх задача — залучити увага відвідувачів саме оригінальним дизайном. Проте оптимізувати такі ресурси під пошукові системи практично неможливо. Якщо головна мета сайту — продавати товари або послуги, користувачі повинні легко знаходити тут потрібну їм інформацію. Flash-анімація в цьому плані може послужити погану службу. Розглядаючи яскраві картинки, відвідувач може зовсім забути про тому, навіщо він зайшов на сайт.
Ультрасучасний флеш-дизайн в більшості випадків приречений на задвірки пошукової видачі. Це пов'язане з тим, що пошуковики «не дружать» з цієї технологією. Вони попросту не можуть обробляти флеш-сторінки і переходити по розміщеним на них посиланнях. Крім того, використання даної технології виключає можливість відстеження переходів (підписок на розсилки, кількість оформлених заявок і т.д.). Як результат — сайт не отримує потрібних позицій в рейтингу.
Ось приклад інтернет-ресурсу з хорошим дизайном і поганий оптимізацією:
eccentris.com
Поганий дизайн, гарне SEO.
Навіть якщо сайт максимально заточений під пошукові системи, але його дизайн відлякує відвідувачів, прибутку від нього чекати не варто. Звичайно ж, пошуковим системам усi одно, гармонує чи колір фону сторінки і малюнків, наскільки привабливо виглядає графічне оформлення ресурсу і т.д. У пошуковиків свої вимоги до тому, яким повинен бути сайт, щоб потрапити в ТОР. Проте останнє слово усi ж за інтернет-користувачами. Адже саме вони здійснюють покупки, реєструються, заповнюють заявки. Ваш сайт може займати перші позиції по певним запитам, але, якщо його дизайн вимагає ґрунтовних доробок, можете не дивуватися, якщо ваш рівень доходів залишиться колишнім.
Що має на увазі під собою поняття «поганий дизайн»? Це такий дизайн, котрий заважає відвідувачам сприймати рекламну інформацію, дратує їх і відволікає від здійснення покупки. Можна виділити кілька ознак поганого дизайну. В першу чергу, це недолік інтервалів. Проміжки між важливими частинами дизайну допомагають уникнути стомлення від перегляду. Крім того, на якість оформлення сайту може вплинути надмірне захоплення шрифтами і квітами, відсутність чіткої структури і послідовності.
Ось приклад подібного сайту:
rainbowsymphony.com
Хороший дизайн, гарне SEO.
Самі якісні сайти — це ті, в яких досягнутий оптимальний баланс між SEO і графічним дизайном. В як прикладу можна розглянути американський ресурс Turbo Photo:
Він має досить хорошу зовнішню і внутрішню оптимізацію (внутрішня перелинковка, структурований текст, що містить корисну для відвідувачів інформацію, і т.д.). З точки зору дизайну цей сайт досить інформативний. Фотографії дисків є домінуючим елементом на кожної сторінці, візуально виділяючи її найбільш важливі частини і покращуючи сприйняття інформації в цілому. При цьому в дизайні проглядається застосування «правила третин».
Ключ до балансу Дотримуючись рекомендаціям фахівців, досить легко досягти оптимального балансу між дизайном і seo-оптимізацією. Ось деякі з них:
1. Одночасність.
Розробляючи сайт, відразу ж починайте замислюватися про його оптимізації під пошукові системи. Підбираючи ключові слова і фрази, потрібно уявити собі, яким чином вони можуть бути інтегровані з дизайном: починаючи з тексту, тегів і закінчуючи кодом. Ключові слова, додані в вигляді графічних елементів вже після завершення розробки дизайну, можуть порушити цілісність сприйняття всього сайту.
2. Принцип KISS (keep it simple, stupid) — «будь простіше, чуділо».
Сьогодні, щоб розробити дійсно хороший сайт, не обов'язково використовувати чудернацькі графічні елементи (звичайно ж, якщо ви не робите веб-проект для себе і прагнете таким чином продемонструвати всім свій талант). Як відомо, люди не приходять в захват від сайтів, розроблених на флеші або містять хитромудрі додатки. До тому ж, використання Flash-технології «гальмує» завантаження сторінок, що особливо дратує користувачів, яким потрібно швидко отримати інформацію. Ще одним плюсом в користь простого дизайну є розташування пошукових систем. Сайти з простим дизайном легше оптимізувати і просувати в ТОР.
Якщо ви усi ж вирішили, що вам без флеш не обійтися, дотримуйтеся наступних правил:
3. Хороший дизайн привертає посилання.
Важливою частиною процесу seo-оптимізації є залучення посилань з інших інтернет-ресурсів. Хороший дизайн привертає інтернет-користувачів, підвищує їх довіру до сайту. Хочете отримати зовнішні посилання на веб-проект? Відправляйте розроблений ресурс на спеціальні виставки. До наприклад, можна розмістити його в однією з галерей CSS-сайтів (cssnature.org, bestwebgallery.com і ін.). Важливі посилання з зовнішніх ресурсів можна розмістити в футере. При цьому футер не обов'язково повинен виглядати сіро і нудно. Ось кілька прикладів того, наскільки привабливо і креативно може виглядати дана частина веб-сайту:
blog.spoongraphics.co.uk
v1.samrayner.com
yodiv.com
4. Дружні скрипти.
Використовуючи такі технології, як JavaScript, потрібно бути обережним. Яваскрипт дозволяє створювати самі різноманітні ефекти, проте будь-яка помилку, допущена при використанні даної технології, може привести до безлічі проблем. Традиційно вважається, що javascript-запити не можуть оброблятися пошуковими системами, в внаслідок чого контент не розпізнається або не індексується. Альтернативою JavaScript може стати jQuery. З однією боку, він дозволяє створювати посилання для пошуковиків, а з інший — дає можливість створювати вражаючі візуальні ефекти.
5. Сучасна навігація.
Хороший веб-дизайн і якісна seo-оптимізація вимагають чіткої структури сайту. Необхідно відмовитися від незручних меню, містять підпункти третього рівня і системи повернення по кнопці «Назад». Замість цього доцільніше впровадити подорож по сторінках сайту по «хлібним крихтам» або breadcrumb-навігацію.
Підбиваючи підсумки, можна сказати, що в умовах високою онлайн-конкуренції однаково важливі як SEO-оптимізація, так і зовнішній вид сайту. При цьому не варто зациклюватися на ніж-то одному. Здорове поєднання хорошого SEO і хорошого дизайну — ось шлях до успіху інтернет-кампанії.
Прекрасний дизайн, погана оптимізація.
В як прикладу можна розглянути сайти, розроблені з застосуванням flash-технологій. Для таких ресурсів характерна динаміка: усi живе, усi рухається і блимає. По суті, такі сайти являють собою рекламні ролики. Їх задача — залучити увага відвідувачів саме оригінальним дизайном. Проте оптимізувати такі ресурси під пошукові системи практично неможливо. Якщо головна мета сайту — продавати товари або послуги, користувачі повинні легко знаходити тут потрібну їм інформацію. Flash-анімація в цьому плані може послужити погану службу. Розглядаючи яскраві картинки, відвідувач може зовсім забути про тому, навіщо він зайшов на сайт.
Ультрасучасний флеш-дизайн в більшості випадків приречений на задвірки пошукової видачі. Це пов'язане з тим, що пошуковики «не дружать» з цієї технологією. Вони попросту не можуть обробляти флеш-сторінки і переходити по розміщеним на них посиланнях. Крім того, використання даної технології виключає можливість відстеження переходів (підписок на розсилки, кількість оформлених заявок і т.д.). Як результат — сайт не отримує потрібних позицій в рейтингу.
Ось приклад інтернет-ресурсу з хорошим дизайном і поганий оптимізацією:
eccentris.com
Поганий дизайн, гарне SEO.
Навіть якщо сайт максимально заточений під пошукові системи, але його дизайн відлякує відвідувачів, прибутку від нього чекати не варто. Звичайно ж, пошуковим системам усi одно, гармонує чи колір фону сторінки і малюнків, наскільки привабливо виглядає графічне оформлення ресурсу і т.д. У пошуковиків свої вимоги до тому, яким повинен бути сайт, щоб потрапити в ТОР. Проте останнє слово усi ж за інтернет-користувачами. Адже саме вони здійснюють покупки, реєструються, заповнюють заявки. Ваш сайт може займати перші позиції по певним запитам, але, якщо його дизайн вимагає ґрунтовних доробок, можете не дивуватися, якщо ваш рівень доходів залишиться колишнім.
Що має на увазі під собою поняття «поганий дизайн»? Це такий дизайн, котрий заважає відвідувачам сприймати рекламну інформацію, дратує їх і відволікає від здійснення покупки. Можна виділити кілька ознак поганого дизайну. В першу чергу, це недолік інтервалів. Проміжки між важливими частинами дизайну допомагають уникнути стомлення від перегляду. Крім того, на якість оформлення сайту може вплинути надмірне захоплення шрифтами і квітами, відсутність чіткої структури і послідовності.
Ось приклад подібного сайту:
rainbowsymphony.com
Хороший дизайн, гарне SEO.
Самі якісні сайти — це ті, в яких досягнутий оптимальний баланс між SEO і графічним дизайном. В як прикладу можна розглянути американський ресурс Turbo Photo:
Він має досить хорошу зовнішню і внутрішню оптимізацію (внутрішня перелинковка, структурований текст, що містить корисну для відвідувачів інформацію, і т.д.). З точки зору дизайну цей сайт досить інформативний. Фотографії дисків є домінуючим елементом на кожної сторінці, візуально виділяючи її найбільш важливі частини і покращуючи сприйняття інформації в цілому. При цьому в дизайні проглядається застосування «правила третин».
Ключ до балансу Дотримуючись рекомендаціям фахівців, досить легко досягти оптимального балансу між дизайном і seo-оптимізацією. Ось деякі з них:
1. Одночасність.
Розробляючи сайт, відразу ж починайте замислюватися про його оптимізації під пошукові системи. Підбираючи ключові слова і фрази, потрібно уявити собі, яким чином вони можуть бути інтегровані з дизайном: починаючи з тексту, тегів і закінчуючи кодом. Ключові слова, додані в вигляді графічних елементів вже після завершення розробки дизайну, можуть порушити цілісність сприйняття всього сайту.
2. Принцип KISS (keep it simple, stupid) — «будь простіше, чуділо».
Сьогодні, щоб розробити дійсно хороший сайт, не обов'язково використовувати чудернацькі графічні елементи (звичайно ж, якщо ви не робите веб-проект для себе і прагнете таким чином продемонструвати всім свій талант). Як відомо, люди не приходять в захват від сайтів, розроблених на флеші або містять хитромудрі додатки. До тому ж, використання Flash-технології «гальмує» завантаження сторінок, що особливо дратує користувачів, яким потрібно швидко отримати інформацію. Ще одним плюсом в користь простого дизайну є розташування пошукових систем. Сайти з простим дизайном легше оптимізувати і просувати в ТОР.
Якщо ви усi ж вирішили, що вам без флеш не обійтися, дотримуйтеся наступних правил:
- не включайте у флеш важливий контент;
- не використовуйте flash-технології для створення навігації по сайту;
- на розміщуйте весь веб-проект на однією сторінці.
3. Хороший дизайн привертає посилання.
Важливою частиною процесу seo-оптимізації є залучення посилань з інших інтернет-ресурсів. Хороший дизайн привертає інтернет-користувачів, підвищує їх довіру до сайту. Хочете отримати зовнішні посилання на веб-проект? Відправляйте розроблений ресурс на спеціальні виставки. До наприклад, можна розмістити його в однією з галерей CSS-сайтів (cssnature.org, bestwebgallery.com і ін.). Важливі посилання з зовнішніх ресурсів можна розмістити в футере. При цьому футер не обов'язково повинен виглядати сіро і нудно. Ось кілька прикладів того, наскільки привабливо і креативно може виглядати дана частина веб-сайту:
blog.spoongraphics.co.uk
v1.samrayner.com
yodiv.com
4. Дружні скрипти.
Використовуючи такі технології, як JavaScript, потрібно бути обережним. Яваскрипт дозволяє створювати самі різноманітні ефекти, проте будь-яка помилку, допущена при використанні даної технології, може привести до безлічі проблем. Традиційно вважається, що javascript-запити не можуть оброблятися пошуковими системами, в внаслідок чого контент не розпізнається або не індексується. Альтернативою JavaScript може стати jQuery. З однією боку, він дозволяє створювати посилання для пошуковиків, а з інший — дає можливість створювати вражаючі візуальні ефекти.
5. Сучасна навігація.
Хороший веб-дизайн і якісна seo-оптимізація вимагають чіткої структури сайту. Необхідно відмовитися від незручних меню, містять підпункти третього рівня і системи повернення по кнопці «Назад». Замість цього доцільніше впровадити подорож по сторінках сайту по «хлібним крихтам» або breadcrumb-навігацію.
Підбиваючи підсумки, можна сказати, що в умовах високою онлайн-конкуренції однаково важливі як SEO-оптимізація, так і зовнішній вид сайту. При цьому не варто зациклюватися на ніж-то одному. Здорове поєднання хорошого SEO і хорошого дизайну — ось шлях до успіху інтернет-кампанії.