Підбір ключових слів

Розглянемо методику підбору ключових слів, на основі інструменту добору ключових слів Google AdWords, на не дуже конкурентну тему: fashion design school. Загалом цей принцип можна використовувати для створення семантичного ядра. Ми приводимо приклад з підбору ключових слів для англомовного сайту та ця методика дозволяє підбирати ключові слова не тільки під англомовні сайти, але під будь-які сайти на інших мовах, які використовуються в Google, у тому числі сайти російською та українською мовами.

Крок 1: Підбір та експорт ключових запитів для Google відсортованих за популярністю.

Вводимо запити, які відповідають темі в однині та множині (як правило, достатньо одного з них, але для повної картини краще ввести обидва), в спадному списку вибираємо “Популярність ключових слів”, натискаємо “Кількість запитів” і отримуємо список ключових запитів відсортованих за популярністю запитів.

Під списком натискаємо «Відкрити в CSV” і експортуємо дані в MS Excel.

Крок 2: Підбір та експорт ключових запитів для Google відсортованих по релевантності.
Т.к. завдання оптимізатора привести на сайт цільову аудиторію, то не можна забувати про релевантність запитів. Адже запит може бути непопулярним, але дуже цільовим і якщо керуватися тільки популярністю запитів, то деякі цільові запити можуть відфільтрувати в процесі створення семантичного ядра. Натискаємо “Сортування за релевантністю” і отримуємо цей же список ключових слів, але відсортований по релевантності.

Далі також експортуємо дані в MS Excel.

Крок 3: Присвоєння рейтингів ключових словах
На цьому етапі ми видаляємо з обох таблиць непотрібні запити типу “fashion designing courses in” (цей запит, швидше за все, пов’язаний з географічним розташуванням і тому в нашому випадку не є цільовим). Новий інструмент добору ключових слів Google AdWords має один недолік: чим більше ключових слів ми вводимо для підбору, тим менше релевантних запитів отримуємо в результатах. Іноді це добре, але іноді релевантні запити не виводяться в результатах, тому що у співвідношенні з іншими вхідними запитами вони виключаються. Найбільш релевантні результати виходять при введенні 2-3 запитів. В результаті ми отримали 2 таблиці з 20 ключовими запитами, відсортовані за популярністю запитів і за релевантністю.

У першу таблицю додаємо колонку “Запити” і кожному запитом даємо бали в зворотному порядку (тобто перший запит отримує 20 балів, а останній 1), в таблицю, відсортовану за релевантністю, додаємо стовпець “Релевантність” і точно також присвоюємо запитам бали в зворотному порядку. Це робиться для того, щоб ми склавши бали обох таблиць отримали показник, який характеризує популярність і релевантність кожного запиту.

Крок 4: Рейтинг ключових слів під Google
Потім ми сортуємо обидві таблиці за запитами в алфавітному порядку (таким чином, ми отримуємо повну відповідність рядків в обох таблицях) і об’єднуємо таблиці в одну, шляхом видалення стовпців E, F, G, H. Потім додаємо колонку “Рейтинг Google”, в якій підсумовуємо стовпці “Запити” і “Релевантність”. Відсортувавши таблицю по стовпцю “Рейтинг Google”, ми отримуємо список запитів найкращих за популярністю і релевантністю. Фактично ми підібрали список ключових запитів для нашого сайту під Google.

Аудиторії пошукових систем відрізняються. Наприклад, технічні працівники більше користуються Google, а серед ріелторів частка Yahoo значно вище ніж в середньому на пошуковому ринку (мабуть це пов’язано з тим, що на Yahoo є портал з нерухомості), тому в залежності від тематики бажано використовувати й інші інструменти орієнтовані на інші пошукові системи.

У випадку, коли потрібно створити семантичне ядро сайту, у якого кілька суміжних тематик або центрів прибутку рекомендується кожну тему досліджувати окремо, і порівняти 2-4 перших запити всіх тематик між собою за допомогою Google AdWords Keyword Tool .

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

 

Написання інформації на сайті

Не декоруй, а інформуй!

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

Ваша інформація оформлена  найбільш зручним для користувачів чином?

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

1. Пам’ятаєте, як працює мозок

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

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

Чи залишає такий підхід місце для творчості? Звичайно.

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

2. Пам’ятаєте, як працюють очі

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

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

Звичайно, я можу продовжити список таких помилок, це необгрунтоване використання контрастних кольорів, реверс (білий текст на чорному фоні) великих уривків тексту, підкладання зображень під текст, велика кількість різних гарнітур і розмірів шрифту, розташування ілюстрацій всюди на сторінці.

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

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

В одному такому випадку, збиткове рекламне видання, з великою кількістю реверсного тексту, принесло мільйон фунтів за квартал, після простої заміни реверсного на звичайний (чорний на білому фоні) текст.

В іншому випадку, я бачив брошуру, що збільшила відгук читачів на 543% після невеликого редизайну, що полягав у використанні шрифту з засічками замість рубаного (простіше читати) і видалення великої кількості зображень з правої межі сторінки (де вони відволікають погляд читача, і перешкоджають його поверненню на наступний рядок).

Зараз ви подумали, – «Чудово, але це друк. Чи багато що з цього актуально у веб-дизайні? »

Практично все. Багато успіхів і невдач друкованих дизайнерів, зараз повторюють веб-дизайнери.

3. І найголовніше – ви тут, щоб інформувати, а не декорувати

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

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

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

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

 

Читабельність на сайті

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

1. Не використовуйте занадто багато різних розмірів шрифту
2. Використовуйте рубані шрифти для основного тексту
3. Не використовуйте багато різних гарнітур
4. Акценти
5. Вирівнювання
6. Контраст
7. Використання великих літер
8. Простір
9. Розміри текстових блоків

Не використовуйте занадто багато різних розмірів шрифту

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

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

Використовуйте рубані шрифти для основного тексту

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

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

Шрифти з зарубками

Шрифти з зарубками (Антиква) служать вірою і правдою протягом століть. Вони виглядають старомодно і представницько. Зарубки на кінцях букв спрямовують погляд від букви до букви, роблячи читання більш рівномірним і простим, але це працює тільки на великому дозволі при друку. При маленьких дозволах складність літер зменшує їх розбірливість, а зменшена відстань між буквами ще більше погіршує становище і уповільнює читання. Шрифти з зарубками більше підходять для великих написів.

Рубані

Рубані шрифти (Гротески, гротескові шрифти) більш прості і не мають зарубок. Вони виглядають сучасними і відкритими. Рубані шрифти набагато більш перебірливі на екрані монітора, ніж готичні, завдяки своїй простоті вони легко відображаються на низькій роздільній здатності.

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

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

Не використовуйте занадто багато різних гарнітур

Кожен шрифт має свій характер, що може бути корисно для брендингу.

Як основний шрифт рекомендовано використовувати Verdana (в першу чергу), Helvetica або інші рубані шрифти. Для заголовків і інших елементів сторінки (логотипи, навігація, реклама) можна використовувати набагато більше варіантів шрифтів. Проте використання безлічі різних гарнітур може бути контр-продуктивно, як правило, не варто використовувати більше трьох різних гарнітур на одній сторінці.

Акценти

Привернути увагу користувача або підкреслити важливість елемента можна за допомогою використання підкресленого, напівжирного або курсивного тексту, але використовувати цю можливість слід обережно. Для виділення цілого рядка більш доцільно використання кольору фону або напівжирного накреслення, які не настільки сильно погіршують читабельність як підкреслення або курсив.

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

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

Вирівнювання

Текст з вирівнюванням по лівому краю читається набагато простіше, ніж з вирівнюванням по правому.

Вирівнювання «по ширині» (коли слова розтягуються так, щоб ліва і права кордону параграфа були рівними) може бути ефективно, тільки якщо рядки мають достатню довжину (40 і більше символів). Але текст на екрані монітора набагато простіше сприймається, якщо колонка не надто широка, що не дозволяє застосовувати вирівнювання по ширині.

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

Контраст

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

Використання великих літер

НЕ використовуються прописні букви ДЛЯ великих фрагментів тексту, БО КОНТРАСТ МІЖ СИМВОЛАМИ СИЛЬНО ЗМЕНШУЄТЬСЯ, ЯКЩО ВСІ ВОНИ ОДНОГО РОЗМІРУ.

Прописні букви дуже важливі, тому що дозволяють виділити початок пропозиції або важливу інформацію, таку як ім’я. Вони втрачають ефективність, якщо використовуються не в міру. Текст, написаний прописними літерами, читається дуже повільно і важко.

У заголовках використовуйте великі літери обдумано.

Простір

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

Використовуйте наближення, щоб зв’язати заголовок з текстом, пам’ятайте, що заголовок повинен бути ближчим до того параграфу, до якого він належить, ніж до попереднього.

CSS дозволяє дизайнерам управляти кернингом (за допомогою властивості letter-spacing) і Лідінгом (за допомогою властивості line-height), але у Вас повинні бути важливі причини для їх зміни.

Researchproofthatmarginsimprovereadability (andleadingisnice)

Розміри текстових блоків

Текстові блоки не повинні бути занадто широкими або дуже вузькими.

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

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

Правила юзабіліті

Юзабіліті: Правила, психологія, терміни

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

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

Правила і принципи юзабіліті

Правило 7 ± 2

Можливості мозку з обробки інформації не безмежні, відповідно до результатів дослідження Джорджа Міллера короткочасна пам’ять може одночасно містити від 5 до 9 сутностей. Цей факт часто використовується при обгрунтуванні необхідності скоротити кількість елементів в навігаційних меню до 7, що викликає гарячі дебати , оскільки не зовсім ясно, як це правило повинне застосовуватися у веб.

Правило 2-х секунд

Полягає в тому, що користувач не повинен чекати будь-якої реакції системи, наприклад, запуску або перемикання програми, більше 2-х секунд. Значення 2 секунди вибрано довільно, але здається досить підходящим. У загальному випадку, чим менше чекає користувач, тим краще.

Правило 3-х кліків

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

Правило 80/20 (Принцип Парето)

Полягає в тому, що 80% ефекту виходить в результаті 20% дій. У бізнесі це правило часто застосовується у вигляді: «80% продажу припадає на 20% клієнтів». У веб-дизайні та юзабіліті це правило працює не менш ефективно. Наприклад, значно поліпшити віддачу сайту можна визначивши 20% користувачів, замовників, дій, продуктів чи процесів які дають 80% прибутку і звернувши на них особливу увагу при розробці сайту.

Вісім золотих правил для розробників інтерфейсів

В результаті досліджень взаємодії людини і комп’ютера Бен Шнейдерман склав набір правил, які можуть бути використані при розробці багатьох типів інтерфейсів. Ці принципи актуальні як для розробників інтерфейсів, так і для веб-дизайнерів:

1. Прагніть до логічності
2. Для досвідчених користувачів повинен бути швидкий спосіб (скорочення, гарячі клавіші, макроси)
3. Повинен бути інформативний  зворотній зв’язок
4. Діалог повинен бути закінченим
5. Обробка помилок повинна бути простою
6. Повинен бути простий спосіб скасування дій
7. Користувач повинен відчувати, що все під його контролем
8. Якомога менше завантажуйте короткочасну пам’ять

Правило Фіттса

Опублікована Паулем Фіттс в 1954 році модель рухів людини, визначає час, необхідний для швидкого переміщення в цільову зону, як функцію від відстані до цілі і розміру цілі. Зазвичай це правило використовується при розгляді руху мишею від точки A до точки B. Це може бути важливо при розміщенні елементів, кількість кліків на які бажано збільшити.

Перевернута піраміда

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

Задоволеність

Користувачі не вибирають оптимальний шлях у пошуках необхідної інформації. Їм не потрібно найкраще і надійне рішення, навпаки – часто вони готові задовольнитися швидким і не найкращим рішенням, яке буде «цілком прийнятним». Стосовно до веб, задоволеність описується саме цим випадком: користувач отримав «цілком прийнятне» рішення проблеми – навіть якщо альтернативні рішення повніше покривають його вимоги на тривалий термін.

Психологія в юзабіліті

Синдром каченяти (Baby-Duck-Syndrome)

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

Банерна сліпота

Користувачі ігнорують все, що схоже на рекламу, і що цікаво, роблять це дуже ефективно. Хоча рекламу помічають , її все одно завжди ігнорують . У користувачів вироблені досить-таки чіткі схеми, яким вони слідують, виконуючи в веб різні дії: у пошуках необхідної інформації вони фокусують увагу на тих частинах сторінки, де ця інформація може бути розташована – на основному тексті і гіперпосиланнях. Великі, барвисті, анімовані банери в цьому випадку повністю ігноруються.

Джерело: Banner Blindness: Old and New Findings
Переклад: Користувачі не бачать банерів

Ефект невизначеності (Ефект Зейгарник)

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

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

Принципи сприйняття форм

Це фундаментальні правила людської психології в контексті дизайну інтерфейсів людина-комп’ютер.

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

Реальний приклад дії закону близькості c MTV Music Awards 2002.

Закон подібності стверджує, що подібні об’єкти людина підсвідомо групує.

The Law of Pr?gnanz стверджує, що один і той же об’єкт може грати важливу роль в одному візуальному полі і бути частиною фону в іншому.

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

Закон симетрії стверджує, що ми схильні сприймати симетричні об’єкти як один об’єкт.

Закон змикання стверджує, що люди схильні об’єднувати об’єкти, які насправді не є єдиними.

У логотипі IBM ми бачимо літери I, B, M хоча насправді там є тільки лінії різної довжини.

The Self-Reference Effect

Цей ефект особливо важливий при створенні текстів для веб, оскільки може значно поліпшити зв’язок між автором і читачем. Речі, пов’язані з нашим власним досвідом, ми запам’ятовуємо краще, ніж ті, які з нами не пов’язані. Приміром, після прочитання статті люди краще запам’ятовують персонажів, історії або факти, з якими вони були якось пов’язані.

Термiни та концепції

Відстеження погляду (Eye-Tracking)

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

Приклад результату відстеження погляду.

Згин (Fold)

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

Підказки (Gloss)

Підказки до посилань можна додати за допомогою атрибута title. Точний опис всіх внутрішніх і зовнішніх посилань за допомогою інформативних підказок і тексту посилання може поліпшити юзабіліті веб-сайту.

Graceful Degradation, Fault-tolerance

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

Granularity

Ступінь розділення великого обсягу складних даних на невеликі модулі.

Hotspot

Клікабельна область сайту, яка змінює своє оформлення після кліка на неї. Це характерно для: focus-ефектів після кліка на посилання або інший елемент сайту.

Hotspot і gloss

Чіткість (Legibility)

Візуальна розбірливість тексту.

Minesweeping

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

Містична навігація (Mystery-Meat Navigation, MMN)

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

Логічність (Physical consistency)

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

Прогресивне поліпшення (Progressive Enhancement, PE)

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

Читабельність (Readability)

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

Дизайн орієнтований на користувача (User-centered design, UCD)

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

Пильність (Vigilance, sustained attention)

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

Walk-Up-And-Use Design

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

Wireframe

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

 

Як створювати гіперпосилання

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

Правила

1. Текстові гіперпосилання повинні добре виділятися на фоні решти тексту.
2. Наведення мишки на посилання повинно викликати ефект підсвічування.
3. Текст посилання повинен бути, по можливості коротким, але досить довгим, щоб чітко описати наступне:
• куди ви потрапите.
• що побачите
• що відбудеться
4. Гіперпосилання на різні документи повинні чітко розрізнятися.
5. Гіперпосилання, що викликають несподівані для користувача дії, повинні про це попереджати, наприклад:
• посилання на файли
• посилання, що відкривають або закривають вікна.

Як не потрібно робити посилання?

Сайт призначений для пошуку доступних AstonMartin по всьому світу. На скріншоті приклад результатів пошуку. Здогадайтеся, як можна отримати більш детальну інформацію про кожний автомобіль? Посилання тут тільки модель автомобіля (у колонці Vehiclesummary).

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

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

Натискаю на «AstonMartin DB7 GT» я очікую побачити опис цього автомобіля, порушено правило 3, тому що посилання не відповідає на питання, що я побачу, якщо натисну на неї.

Як потрібно було зробити?

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

Точний розмір в гіперпосиланнях

Досить поширена практика вказувати точний розмір у посиланні на файл:

PDF (46,764 байт)

Оформлення гіперпосилань

Де-факто встановився стандарт, згідно з яким посилання повинні використовувати синій підкреслений текст, який стає червоним при натисканні, і пурпурним для відвіданих посилань.

Найчитабельніший спосіб – при використанні чорного тексту на білому фоні виділяти посилання синім кольором. При такому оформленні вони добре помітні в тексті, і досить контрастні, щоб не погіршувати читабельність.

Чи повинні гіперпосилання використовувати підкреслення?

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

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

Але в міру зростання кількості посилань підкреслення втрачає свої переваги, найгірше, якщо воно використовується для списків посилань.

Ось кілька прикладів, колекцій посилань в оригінальному оформленні, і без підкреслення.

Зверніть увагу, що читати список посилань без підкреслення швидше і простіше.

Логічність

Дуже важливо, щоб гіперпосилання вели себе досить послідовно.

Очевидно, що деякі посилання, наприклад, у блоці навігації, вимагають спеціального колірного оформлення або особливої ??поведінки.

На перший погляд посилання досить схожі, колір # 036, в основному не підкреслені, але при наведенні миші використовуються різні стилі.

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

Висновок

На мою думку, збалансованим рішенням є слідувати стандарту де-факто і використовувати для посилань колір # 00f або # 00c, і червоний з підкресленням при наведенні на них мишки, в цьому випадку досить функціональні як окремі посилання в тексті, так і великі групи посилань.

Сім порад як правильно підбирати ключові слова

• Перше – визначаємо одну основну, та кілька другорядних ключових фраз чи слів, під які будемо оптимізувати статтю.

Для цього використовуємо такі сервіси пошукових систем як: wordstat для Yandex та insights для Google. Я думаю розібратися у цих сервісам Вам під силу.

Ключові фрази бувають: низькочастотних запитів, середньо та високо частотних запитів. Обираючи ключові фрази та слова, обов’язково оцінюйте конкурентів, які оптимізовують свої ресурси за таким ж ключами. Не варто обирати ключовик, який шукають більше 7-10 тисяч разів на місяць – дуже велика конкуренція і неймовірно важко буде влізти у ТОП видачі пошукових систем по цим ключовим словам. Також не рекомендую вибирати ключові слова, які шукають менше 600-700 разів на місяць. Навіть увійшовши у ТОП – 3, ви отримаєте мізерний трафік.

 • Друге – не забувайте, що ключові слова не можна видозмінювати.

Наприклад: Ви обрали ключову фразу “Львівська залізниця”. Її шукають 5000 разів на місяць. Ні в якому разі, не потрібно у статті писати “залізниця Львова”, або “Залізниця у Львові” – такі фрази шукають у кілька разів менше.

 

• Третє – потрібно правильно розміщати ключові фрази та слова у статті.

Для пошукових роботів найкращим варіантом буде, якщо ключові пошукові слова розміщенні якомога ближче один до одного. Але така послідовність слів може сказатися на читабельності тексту. Пам’ятайте про людей, що мають читати Ваші статті. Ключові слова потрібно вживати у статті мінімум три рази (краще більше). Ні в якому разі не робіть із статті набір слів! Все-таки вона пишеться для людей, а не для робота.

 • Четверте – кожен пошуковий робот намагається знайти назву статті (головна ключова фраза) у першому абзаці.

Якщо вона там є, це добре скажеться на оптимізації та видачі у ТОП. Та й будь-яка людина спочатку читає перший абзац і якщо її нічого там не “зачепило”, вона навряд чи дочитає її до кінця.

 • П’яте – кількість знаків у статті повинна бути не більшою 1000.

Пошукові роботи люблять “багатенько букв”  та не робіть її більшою за 1000 знаків. Люди не люблять багато читати. Стаття має бути корисною для читача і нести смислове навантаження. Серферу повинно бути не нудно читати Вашу статтю.

 • Шосте – гіперпосилання (лінки)

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

 • Сьоме – картинки до Ваших статтей

У тегові картинки “alt” обов’язково  вказуйте головне ключове слово, або назву статті. Хоча, якщо стаття правильна оптимізована, то це одне й теж. Багато трафіку отримати з картинок важко, але правильно оптимізувати статтю вони допомагають.

15 особливостей сайту, які дратують читача

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

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

1. Реклама з’являється при наведенні на посилання

Будь-яка реклама в тексті неприємна, причому не тільки та, яку постійно видно, але і та, яка з’являється при наведенні миші на посилання в тексті. Особливо сильно дратують віконця, які з’являються при випадковому наведенні мишки на посилання.

2. Відсутність дати публікацій

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

3. Спливаючі вікна

В еру табів IE7, FireFox і Opera, спливаючі вікна стають все більш дратівливими, більшість користувачів вважають за краще відкривати сторінку в новому табі, а не вікні. Дратуючи читача новими вікнами, Вам навряд чи вдасться затримати його на сайті.

Не варто розчаровувати читача, дайте йому можливість самостійно обирати спосіб навігації.

4. Спливаючі при наведенні на посилання прев’ю

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

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

5. Незручно розташований або відсутній пошук

Якоб Нільсен вважає, що пошук повинен бути простим і помітним , і в цьому він правий.

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

6. Темний фон

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

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

7. Музика, що включається при вході на сайт

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

8. Нерозділені коментарі і трекбеки

Трекбеки і пінгбеки призначені, в першу чергу, для блогерів, з їх допомогою можна легко сказати: «Гей, я говорив про тебе на своєму блозі. Подивися». Для звичайних читачів трекбеки не є частиною обговорення, а скоріше навпаки переривають його і часто в самому невідповідному місці.

Мені дуже подобаються читачі, які вступають в дискусію, висловлюють свою думку і залишають посилання, на кшталт: «Я, написав про це у своєму блозі», по-моєму, такі коментарі більш значущі, ніж трекбеки.

Щоб розділити трекбеки та коментарі користувачам WordPress потрібно трохи модифікувати файл comments.php.

9. Аудіо реклама

«Вітаємо! Ви потрапили на сайт з аудіо рекламою. Ви тільки-що виграли безперебійне постачання Віагрою і презервативами протягом місяця!»

Непогана комбінація. Гірше те, що всі колеги чули, що Ви тільки-що виграли.

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

10. Нав’язливі пропозиції підписатися

«Ви тут новачок? Чому б не підписатися на наш RSS?»

Ця фраза могла б звучати і так: «Гей, хлопець … підпишись на наш RSS, ШВИДШЕ! Якщо ти не підпишеш, я буду весь час пиляти тебе. Але навіть якщо ти підпишеш, я не відстану. ХА!»

11. Заховані посилання підписки

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

Посилання на RSS точно так, як і форма пошуку, повинно бути видно відразу, як тільки користувач потрапляє на сайт.

12. Відсутність списку схожих матеріалів

На кожному сайті повинен бути простий спосіб знайти матеріали, пов’язані з тільки-що прочитаними статтями або придбаним товаром. Подивіться на рекомендовані продукти Amazon.com.

Особисто я обов’язково використовую карту сайту, зручні архіви і помітну форму пошуку.

13. Нав’язлива реклама

Читачі повинні бути вільними, не потрібно примушувати їх переглядати рекламу.

14. Реклама в тексті

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

У гіршому випадку при наведенні на посилання з’являються віконця з рекламним оголошенням, але це у нас, здається, було першим пунктом.

15. Дрібний шрифт

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

23 важливих висновки з результатів eye tracking-досліджень

Eye-tracking дослідження гаряча тема у світі веб-дизайну, але у них є одна проблема, не завжди очевидно як застосувати результати при розробці реального сайту.

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

1. Спочатку погляд сфокусований в лівому верхньому кутку сторінки.
   У цьому немає нічого дивного, більшість програм розроблені так, що користувачеві постійно доводиться звертати погляд в цю область. Якщо Ви хочете створити успішний сайт, то при розробці дизайну потрібно про це пам’ятати і, прагнучи створити унікальний стиль, не порушувати звичок користувачів.
2. У першу чергу користувачі дивляться ліву верхню і верхню частину сторінки і тільки потім дивляться нижче і правіше.
   Дослідження показують, що зона уваги користувачів має вигляд літери F . Найбільш важливі елементи сайту повинні знаходитися в цих ключових областях.
3. Читачі ігнорують банери.
   Реклама дозволяє власникам сайту заробити на хліб з маслом, але дослідження показують, що в більшості випадків користувачі ігнорують банери фокусуючись на них лише на долі секунди. Якщо Ви хочете заробити на рекламі, підходити до її розміщення, оформлення і типу потрібно творчо.
4. Помітне форматування і шрифти ігноруються.
   Чому? Тому що користувачі приймають їх за рекламу, що не містить потрібної їм інформації. Дослідження показують, що великі, кольорові букви ускладнюють пошук інформації, причина криється звичкою користувача ігнорувати все схоже на рекламу. При розробці дизайну важливо, щоб «блиск» не відволікав увагу від важливої ??інформації і не робив її схожою на рекламу.
5. Показуйте числа цифрами.
   Цифрова інформація сприймається простіше, ніж та ж інформація прописом. Пам’ятайте про те, що Ви пишете, переважно, для читачів скануючих сайт. Намагайтеся спростити пошук інформації, щоб вони зберігали зацікавленість.
6. Розмір шрифту впливає на спосіб перегляду.
   Дрібний шрифт сприяє сфокусованому перегляду, тоді як великий спрощує сканування. Використовуйте цю особливість, щоб схилити користувачів до потрібного Вам типу перегляду.
7. Користувачі сприймають підзаголовки, лише якщо вони їм цікаві.
   Вибирайте релевантні і цікаві підзаголовки.
8. Зазвичай люди переглядають сторінку невеликими частинами.
   Це можна використовувати в своїх цілях, створюйте області, які ловлять увагу користувача, скануючого сайт, наприклад, виділені області або списки.
9. Короткі параграфи краще довгих.
   Інформація, розміщена на сайті, повинна бути розрахована на швидке сприйняття, оскільки більшість інтернет-користувачів прагнуть економити час. Параграфи і пропозиції повинні бути короткими, за винятком випадків, де зворотного вимагає контекст.
10. Одностовпчикові формати краще фіксують погляд, ніж багатостовпчикові.
    Не перевантажуйте користувача інформацією. У деяких випадках «простіше» означає «краще».
11. Реклама у верхній і лівій частинах сторінки краще всього привертає увагу.
    Якщо Ви розміщуєте на сайті рекламу, намагайтеся щоб вона була у верхній лівій частині сторінки, там вона краще всього зверне на себе увагу. Звичайно, те, що користувач бачить рекламу ще не означає, що він буде на неї клікати, тому не варто занадто жертвувати дизайном, щоб отримати більш помітну рекламу.
12. Реклама, розміщена біля цікавих областей сайту, помітніша.
    Щоб збільшити помітність реклами розміщуйте її біля найбільш затребуваних і цікавих областей сторінки. При цьому користувачі не втратять можливість знайти те, що їм потрібно, а Ви отримаєте більш ефективну рекламу.
13. Текстова реклама проглядається користувачем уважніше, ніж інші види реклами.
    Як було сказано раніше, більшість інтернет-користувачів не витрачають час на перегляд елементів схожих на рекламу, тому текстова реклама, добре поєднується з іншими елементами сторінки і не дратує читача.
14. Великі зображення краще привертають увагу.
    Люди віддають перевагу великим, інформативним зображенням, на яких доступні деталі, разом з тим зображення повинні бути пов’язані з текстом, поряд з яким розміщені, інакше шанс того, що вони будуть проігноровані, зростає.
15. Зрозумілі, прості обличчя на зображеннях краще привертають увагу.
    Абстрактні і артистичні фотографії можуть добре поєднуватися з дизайном, але не завжди звертають на себе увагу читача. Якщо Ви використовуєте фото людей, вони повинні бути зрозумілими і простими. Потрібно звернути увагу і на те, що краще працюють фото реальних людей, а не моделей.
16. Заголовки притягують погляд.
    Перше, що користувач шукає на сторінці це заголовок . Вони не повинні придушуватися іншими елементами сторінки, постарайтеся, щоб заголовки були досить помітними.
17. Користувачі витрачають багато часу, дивлячись на кнопки і меню.
    Тому при розробці дизайну Вам варто звернути на них особливу увагу. Крім того, що вони привертають увагу користувача це ще й одні з найважливіших елементів сайту.
18. Списки добре затримують увагу користувача.
    Один із способів затримати увагу користувача на сайті – це часте використання списків в статтях. Використовуйте числа або буліти, щоб підкреслити важливу інформацію, це спростити «сканування» сайту.
19. Великі блоки тексту ігноруються.
    Дослідження показують, що більшість інтернет-користувачів не готові витрачати час на вивчення великих блоків тексту, як би інформативні і добре написані вони не були. Розбиття на невеликі параграфи, виділення важливих областей, підзаголовки і списки дозволяють затримати увагу користувача.
20. Затримати увагу може форматування.
    Щоб користувач не пропустив найбільш важливу інформацію, використовуйте різні способи її виділення: жирний, курсив, кольоровий, але не перестарайтеся, надмірне використання цих елементів зробить сторінку нечитабельною і буде відштовхувати відвідувачів.
21. Простір корисно.
    Незважаючи на бажання втиснути що-небудь в кожен куточок сторінки, краще залишити трохи простору. Перевантаження сайту призведе тільки до того, що користувач буде ігнорувати значну частину контенту. Тому намагайтеся зробити сайт простим і залишити достатньо простору , на якому могли б відпочити очі користувача.
22. Найкраще місце для навігації – верхня частина сторінки.
    Ви, звичайно, хочете щоб користувач не тільки переглядав першу сторінку, але і продовжував вивчення сайту у пошуках цікавої йому інформації. Утримати користувача допоможе, проста у використанні і помітна, завдяки розміщенню у верхній частині сторінки, навігація.

Пошукова оптимізація сайту

Пошукова оптимізація сайту

Пошукова оптимізація сайту (або СЕО транскрипція від англ. SEO – search engine optimization – оптимізація під пошукові системи) – заходи спрямовані на залучення цільової аудиторії з пошукових систем. Оптимізований сайт піднімається по цільових запитах в результатах пошуку пошукових систем і таким чином збільшується кількість відвідувачів сайту з одночасним збільшенням частки цільової аудиторії.

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

Приблизний план робіт по внутрішній пошуковії оптимізації сайту:

1. Аналіз веб-сайту на відповідність технічним вимогам. Більшість веб-Майстрів не замислюються над тим навіщо вони розробляють сайти і як створений сайт буде сприйнятий пошуковими системами. І основна робота оптимізаторів полягає у виправленні помилок веб-майстрів. Основні помилки: використання конструкцій <font size…> або <font class> замість <H1>, <H2> для заголовків, використання в навігації випадаючих списків реалізованих за допомогою скриптів, використання ідентифікаторів сесій в URL-ах для сайтів виконаних на PHP і багато іншого.

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

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

4. Створення семантичного ядра сайту. Семантичне ядро ??- список слів і фраз, які найбільш точно характеризують тематику сайту. Якісне семантичне ядро ??формується в результаті аналізу підібраних ключових слів і центрів прибутку сайту / компанії. Семантичне ядро ??базується на основних центрах прибутку сайту / компанії і доповнюється найбільш близькими за змістом популярними запитами.

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

6. Написання МЕТА-тегів. За семантичному ядру пишуться META-теги TITLE, Description, Keywords (Заголовок, Опис, ключові слова) для головної сторінки сайту. Для розділів і внутрішніх сторінок крім META-тегів TITLE, Description, Keywords, пишуться <H1>, для динамічних сайтів пишуться правила заповнення META-тегів TITLE, Description, Keywords і <H1>.

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

Що дає пошукова оптимізація?

Оптимізація сайту під пошукові системи – дозволяє збільшити кількість відвідувачів залучених через пошукові системи (тобто збільшити пошуковий трафік сайту) за рахунок підвищення позицій цільових запитів в результатах пошуку пошукових систем. Оптимізація сайту – збільшує частку цільового трафіку (потенційних клієнтів).

В ідеалі оптимізація піднімає 5-7 найпопулярніших цільових запитів на перші позиції за результатами пошуку в декількох основних пошукових системах. Перші результати просування сайту в пошукових системах проявляються через 3-6 тижнів після завершення робіт, а для англомовних сайтів орієнтованих на міжнародний ринок через 2-3місяці. Але одним з чудових властивостей оптимізації є її довготермінова дія, при тому, що такі роботи проводяться одноразово. Оптимізація сайту під пошукові системи – це першочергове завдання будь-якого сайту має які-небудь центри прибутку.

Гарантії оптимізації

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

 

8 правил юзабіліті

1. Не використовуйте спливаючі вікна (поп-апи). Спливаючі вікна відволікають увагу відвідувачів від контенту сайту, що не є добре. Поважайте своїх відвідувачів!
2. Не змінюйте розмір вікна браузера відвідувача. Причини ті ж, що і у випадку з спливаючими вікнами + ще одне: деякі браузери запам’ятовують останній розмір вікна браузера і при новому завантаженні відтворюють його. Як дуже влучно підмітив Бен Бодьен «Якщо Ви думаєте, що краще знаєте, який розмір вікна браузера краще для Ваших відвідувачів, то Ви робите одну з грубих помилок, яка не пробачить Вас …».
3. Не використовуйте дрібні, нечитабельні розміри шрифтів. Через це довгі тексти читаються з великими зусиллями, а на читання коротких йде більше часу, ніж зазвичай. Це відноситься не тільки до контенту, а й до посилань, кнопок, форм та інших елементів веб-сайту.
4. Тексти всіх посилань повинні бути зрозумілі відвідувачам. Тексти посилань повинні давати уявлення відвідувачам про ту сторінку, на яку веде конкретне посилання. Неоднозначні і двозначні тексти посилань слід виключити.
5. На сайті не повинно бути жодного «мертвого» посилання. Дана помилка здатна зруйнувати думку відвідувачів про Вас і Ваший сайт.
6. Не використовуйте більше 1 анімації на сторінці. Анімовані банери дуже сильно відволікають відвідувачів від основного контенту сайту. Якщо вже Ви не хочете відмовитися від їх використання зовсім, то хоча б не розміщуйте їх поруч з основним контентом сайту. Відвідувачі Вам за це будуть дуже вдячні!
7. Зробіть процес зв’язку з Вами максимально простим і зручним. Якщо Ви не хочете підтримувати зв’язок зі своїми відвідувачами – Ви на грані провалу. Зацікавлені Вашим проектом відвідувачі обов’язково захочуть зв’язатися з Вами, але якщо не знайдуть Ваших координат, то відразу ж втратять інтерес і довіру до Вас і Вашого сайту. Дане правило особливо важливо для сайтів, які безпосередньо займаються електронною комерцією.
8. Всі номери, що мають бути на Вашому сайті, повинні відкриватися в цьому ж вікні браузера. Кожен відвідувач має право сам вибирати, як і де відкривати то чи інше посилання. Тому нав’язування своїх правил не призведе ні до чого хорошого.

« попередні записи наступні записи »