Просуваємо бізнес-сайти

259
  • 11 помилок пов’язаних з текстами, які вб’ють SEO
  • 5 простих порад по структурі текстів
  • Чому так важливо форматування тексту?
  • 15 лайфхаков для ідеальної подачі текстів
  • Підводимо підсумки по текстової оптимізації сайту
  • Здрастуйте, шановні читачі блогу . Сьогодні я хочу продовжити тему, розпочату в статті «Seo оптимізація текстів для комерційного сайту».

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

    Просуваємо бізнес-сайти

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

    11 помилок пов’язаних з текстами, які задушать ваше SEO

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

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

  • Скани текстів (графічні файли) не сприймаються пошуковими системами як текст (у всякому разі поки що), тому не варто їх використовувати замість вмісту.
  • Незмістовні тексти (водянисті) будуть практично марні для просування.
  • Не слід писати тексти для пошукових роботів, бо це алгоритмів пошуковиків дуже легко розпізнається. Природність і ще раз природність. Пишіть так, щоб стаття була читабельна для людей.
  • Ще гірше буде, коли вам тексти будуть писати погані Сео-копірайтери (водна водичка), намагаючись їх знову ж оптимізувати під пошукових роботів.
  • Не виділяйте всі ключові фрази в статті жирним — за це можна потрапити під пессимізації.
  • Якщо текст великий (принаймні в кілька екранів перегляду), то без належного форматування він буде сприйматися користувачами погано, що призведе до погіршення поведінкових чинників та труднощі з просуванням. Обов’язково застосовуйте форматування (подробиці дивіться трохи нижче). Наприклад:
  • Текст повинен бути розбитий на абзаци (за принципом закінченої думки, а не за принципом однакових по висоті блоків), які один від одного по висоті повинні відділятися відступом (це дозволяє візуально краще сприймати інформацію)
  • По можливості використовуйте списки (маркіровані або нумеровані, не важливо)
  • Великі масиви тексту непогано було б розбавити вставкою картинок
  • Дуже непогано також працюють іконки або інфографіка
  • Гіперпосилання також можуть поліпшити поведінкові фактори (зокрема, число переглянутих користувачем сторінок)
  • Слід розставляти смислові акценти з допомогою виділення фраз або фрагментів тексту:

  • Виділяючи жирним важливі для розуміння фрази (за них чіпляється око читача при побіжному перегляді)
  • Виділяючи кольором або рамкою важливі шматки тексту
  • Якщо якісь наведені факти або наявні дані можна оформити у вигляді таблиці, то це теж може поліпшити сприйняття, а значить збільшити ПФ і шанси потрапити в Топ.
  • Багато граматичних помилок можуть звести нанівець всі ваші зусилля по просуванню вашого сайту
  • Не спамьте в тексті ключовими словами — одне-два вживання на дві-три тисячі знаків буде цілком достатньо.
  • Не нехтуйте заголовками і підзаголовками:
  • Відсутність на сторінці заголовка в тегах H1 кілька знизить ваші шанси на успішне потрапляння у Топ
  • Поганою ідеєю буде використання декількох H1 на веб-сторінці
  • Ще гірше буде, якщо замість тегів підзаголовків H2 і H3 буде використовуватися багаторазово тег H1, а змінюватися розмір шрифту підзаголовків буде за допомогою CSS стилів.
  • Якщо у вас текст більше двох тисяч знаків, то невикористання підзаголовків в тегах H2 і H3 (а при необхідності і більш низьких) може погіршити поведінкові фактори і знизити ефект від просування. Форматування рулить, як я вже згадував трохи вище.
  • Основний заголовок повинен відрізнятися від підзаголовків розміром шрифту. Відповідно, і підзаголовки різного рівня теж повинні відрізнятися один від одного.
  • Зовсім поганий варіант ви отримаєте, якщо для основного заголовка (H1) будете використовувати той же розмір, що і в тексті. Трохи менше зло буде, якщо і розміри шрифтів підзаголовків будуть зливатися з текстовим масивом. Відвідувачі звертають увагу насамперед на заголовки.
  • Контент на сайті найкраще розташовувати блоками, між якими обов’язково робіть відступи для їх комфортного сприйняття. Блоки досить добре сприймаються відвідувачами, особливо якщо кожен з них забезпечений помітним і зрозумілим заголовком. Те ж саме стосується і відступів між текстом і що знаходяться в ньому картинками, іконками, відеороликами, таблицями і т. п.
  • Ну, і найголовніше саме для комерційного сайту — помітна кнопка замовлення. Для інформаційного ресурсу її аналогом може бути кнопка для підписки на стрічку новин. Хоча, саме текстової оптимізації це має вельми опосередковане відношення.
  • Текст на вашому комерційному сайті повинен бути набагато більш правильним, ніж це можуть собі дозволити власники інформаційних сайтів. Вам належить битися за місце в Топі з сотнями конкурентів, у яких будуть аналогічні вашому сайти з аналогічними текстами. У такій боротьбі важливий кожен мало-мальськи значимий фактор, який можна було б поліпшити і тим самим підвищити свої позиції у видачі.

    5 порад по структурі текстів, які полюблять пошукачі

    Дуже важливим в цьому плані є правильне побудова логічної структури тексту:

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

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

  • Якщо у вас досить великий текст, то бийте його на абзаци, бо людям вкрай незручно читати, коли у вас на сторінці йде одна суцільна «простирадло» тексту. Як я вже неодноразово згадував, кожен абзац повинен містити в собі закінчену думку. Абзаци розділяйте пропусками рядків.
  • Через кожні три-п’ять абзаців бажано робити підзаголовки. Так текст буде простіше читати.
  • Блоки з контентом повинні мати відступи один від одного достатні, щоб користувач розумів, де закінчується один логічний блок і починається інший. Особливо це важливо, коли не використовуються різні фонові кольори для блоків або яке-небудь їх візуальне відділення.
  • Ну і, природний, ніякої «води». Головне не розмір тексту, а його зрозумілість, достатність і правильне структурування.
  • Чому так важливо форматування тексту?

    Як форматувати текст для отримання максимальної віддачі? Як ми з вами вже з’ясували, у користувачів інтернету є дуже специфічний метод сприйняття інформації, який із звичайним читанням (книг, газет, журналів) має мало спільного. Відвідувач на загальне сприйняття вашого сайту (відкритої в браузері сторінки) витрачає буквально пару секунд. За цей короткий час він встигає відзначити для себе в середньому до десяти елементів тексту, який має місце бути на сторінці. Що це за елементи? Найчастіше це:

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

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

    15 лайфхаков для ідеальної подачі текстів

    Отже, які ж інструменти для форматування тексту є в нашому розпорядженні:

  • В першу чергу звертають увагу, звичайно ж, на заголовок, за умови, що він за всіма правилами зроблений помітним. Трохи нижче я буду наводити приклади використання різної графіки для залучення уваги користувача в тому числі і до заголовків (наприклад, написання їх на так званих стрічках).
  • На другому місці знаходиться, напевно, виділення фрагментів тексту жирним, іншим кольором, або НАПИСАННЯМ З ДОПОМОГОЮ ЛИШЕ ПРОПИСНИХ БУКВ
  • Списки теж привертають увагу (і дозволяють набагато швидше сприйняти інформацію подається). Вони добре спрацюють, наприклад, при перерахуванні якихось властивостей ваших товарів або послуг.

    Просуваємо бізнес-сайтиПросуваємо бізнес-сайти

    При створенні списків для більшого залучення уваги їх можна маркувати іконками, як я, наприклад, це зробив для цього списку. Для цього зазвичай використовують оформлення з допомогою CSS правила list-style-image, про можливості якого ви можете прочитати за наведеним посиланням.

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

    Просуваємо бізнес-сайтиПросуваємо бізнес-сайти

  • Наступним за значущістю, напевно, можна поставити виділення фрагмента тексту фоном, або рамкою (або і тим, і іншим одночасно). Особисто я використовую це не часто, але на комерційних сайтах таке можна зустріти часто-густо. Прикладом можете служити цей абзац, а засобами знову ж послужать CSS правила (Background та Border в даному випадку). Хоча, для створення якісного виділення потрібні задатки дизайнера (або копіпастера).

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

    Просуваємо бізнес-сайтиПросуваємо бізнес-сайти

    Такий же спосіб виділення блоків тексту я використовував при публікації інтерв’ю, щоб відокремити мої запитання від відповідей опонента (див. статті про «Лайфхак по SEO» (читайте, що таке лайфхак) або «Інтерв’ю з творцем Гогетлинкс»).

  • Просуваємо бізнес-сайтиПросуваємо бізнес-сайтиДалі у нас слід вставка картинок в текст (тег IMG, якщо хто не знає, це дозволяє робити). Текст плюс графіка в більшості випадків буде сприйматися краще, ніж просто текст. Само собою зрозуміло, що вони повинні «бути в темі», тобто нести в собі якийсь додатковий візуальний, добре читається і сприймається сенс. Це істотно покращує сприйняття тексту і підвищує конверсію. Будь-візуалізація (графіка, фото, відео, списки, блоки) працює краще, ніж просто текст. Картинку можна зробити, при бажанні, обтічної текстом за допомогою CSS властивості Float, як це зроблено в цьому абзаці.
  • Багато користувачів набагато краще тексту сприймають відео, тому разом з текстом можна буде вставити на сторінку і відеоролик. Вставити його можна, наприклад, за допомогою тегів і Embed object, або за допомогою тега Iframe (якщо залили ролик, приміром, на ютубі)

    Просуваємо бізнес-сайти«alt=»»>

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

    Просуваємо бізнес-сайтиПросуваємо бізнес-сайти

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

    Просуваємо бізнес-сайтиПросуваємо бізнес-сайти

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

    Просуваємо бізнес-сайтиПросуваємо бізнес-сайти

  • Дуже непогано для залучення уваги спрацьовують різні стрілки. Їх досить часто можна зустріти на продають сторінках, де вони, як правило, вказують на форму замовлення, залучаючи до неї увагу відвідувача. По суті, подібні елементи підвищують конверсію сторінок, на яких вони розміщені.
    Просуваємо бізнес-сайтиПросуваємо бізнес-сайти
  • Також досить часто для залучення уваги відвідувача використовують такі елементи дизайну, як стрічки. Наприклад, такі:

    Просуваємо бізнес-сайтиПросуваємо бізнес-сайти

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

    Просуваємо бізнес-сайтиПросуваємо бізнес-сайти

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

    Просуваємо бізнес-сайтиПросуваємо бізнес-сайти

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

    Просуваємо бізнес-сайтиПросуваємо бізнес-сайти

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

    Просуваємо бізнес-сайтиПросуваємо бізнес-сайти

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

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

    Спробуємо підсумувати все, про що ми говорили у цій та попередній статтях:

  • На сьогоднішній день досягти результатів в пошуковому просуванні без текстів взагалі не можливо. Без них сучасне SEO не існує за визначенням, тобто ви не отримаєте ні позицій за потрібне пошуковим запитам, ні тематичного трафіку на ваш сайт, ні продажів. Нічого не буде.
  • Як би це банально не звучало, але тексти завжди потрібно писати саме для людей. Часи успішної оптимізації текстового змісту сторінки під пошукові системи (на жаль багатьох SEO-шників) канули в лету. Відповідно, якщо ви пишіть тексти не самі, то шукайте копірайтерів, які здатні писати для людей. Насправді, це не так уже й просто зробити, але біржі контенту і копірайтингу вам можуть допомогти.
  • Завжди форматуйте тексти, використовуючи якісь з описаних вище загальноприйнятих способів. Можете їх підглянути у ваших успішних конкурентів.
  • Спробуйте поставити себе на місце відвідувача вашого сайту, або попросити кого-то не упереджено оцінити ваші тексти на предмет: «А чи будуть їх читати?». І чи можливо при цьому за першу пару секунд зрозуміти, про що цей текст оповідає (зазвичай за це відповідає заголовок та інші основні елементи форматування, перераховані вище).
  • Удачі вам! До зустрічей на сторінках блогу