Як правильно оформити текст на сайті?
Хороший текст – це не тільки виразність та цікава тема. Це також зручність читання. Через занадто довгі абзаци тексту складно пробратися до тих важливих думок, які ви так довго пакували в літери.
Щоб читач знайомився з текстом комфортно, оформляти тексти для сайту потрібно правильно. У цій статті ми розповімо про правила такого оформлення. Ці правила можна застосувати у ваших публікаціях блогу або в текстах на інших ресурсах.
Абзаци та речення
Абзаци – це природний поділ тексту на думки. Публікація (текст, пост, матеріал у блозі, опис у posm-матеріалі) ділиться на структурні розділи. Вони розповідають про окремі аспекти теми. Далі в цих умовних розділах ви крок за кроком рухаєтеся до повноцінного огляду підтеми. Цей окремий крок, ця окрема маленька думка і є абзац.
Абзаци повинні бути компактними. Так легше з ними ознайомлюватись. У надто великому абзаці читач починає губитися. Коли він відволікається від тексту, знайти місце закінчення читання йому важко.
Також ви зможете внутрішньо оцінити, а чи оптимальна довжина абзацу. Для цього прочитайте текст ще раз. Відчуваєте, що починаєте втомлюватися і хочеться рухатися далі? Погані новини – потрібно скорочувати абзац або поділити абзац на кілька абзаців. Тільки так ви гарно оформите текст.
Формальний критерій для оцінки оптимальної довжини абзацу – число рядків у ньому. Хоча ширина рядка та розмір шрифту можуть бути різними, але зазвичай абзац вдалого тексту розміщується у 4-5 рядках. Максимум – це 8 рядків. Далі читати текст на сайті вже некомфортно.
Як і в абзацах, у реченнях потрібно прагнути до лаконічності. Ви не мусите силувати себе. Ви – жива людина і створюєте тексти для інших людей. Стерильні короткі речення неприродні. Використовуйте тире, коми, дужки. Робіть складні речення.
Головне – після написання відкладіть текст на деякий час, а потім почніть читати його вголос. Завдяки цьому ви зрозумієте, чи потрібно речення скорочувати та спрощувати. Кілька таких перевірок – і у вас з'явиться нова навичка. Робити абзаци та речення оптимальної довжини.
Форматування та колір тексту, розмір шрифту
У своїх текстах можна використовувати форматування: тобто робити текст нахиленим, жирним і підкресленим. Ці налаштування також відповідають за красиве оформлення тексту.
Ми не рекомендуємо використовувати підкреслення. З ними матеріал неохайний. Ви, мабуть, помітити, що на більшості ресурсів ви не знайдете підкреслень навіть для гіперпосилань.
Курсив корисний для тих випадків, коли потрібно або відокремити змістовно важливий текст від допоміжного, або вказати на термін, пряму мову, тезу. Наприклад, у вашому блозі ви можете використовувати курсив для блоку з пропозицією про ознайомлення з іншими публікаціями.
Жирний текст допомагає акцентувати увагу читача на окремих думках чи ділянках тексту. Виділення жирним – це альтернатива використанню заголовків.
Одночасно з форматуванням можна змінювати і колір тексту, щоб оформити текст. Текст іншого кольору також привертає увагу. Колір не повинен бути надто яскравим і світлим – повинен бути контрастним на тлі сторінок.
Обираючи розміри шрифту для оформлення тексту, зупиняйтеся для тексту абзаців на показниках 14-18 пікселів, для тексту заголовків – 28-34 пікселів. Вони забезпечать найкращий баланс між зручністю читання та компактністю тексту.
Вирівнювання тексту
Практично на будь-якій платформі та в будь-якому графічному редакторі ви можете використовувати вирівнювання тексту за лівим та правим краєм, а також по центру.
Вирівнювання за лівим краєм для нас найприродніше. Такий текст нам читати найлегше. Вирівнювання по центру стане в пригоді в невеликих підзаголовках та в описах до зображень галереї.
Ситуацій для доречного вирівнювання праворуч практично немає. З таким вирівнюванням початок кожного нового рядка тексту знаходиться у різному місці. Читачеві потрібно додатково концентруватися та шукати цей початок. Через це задоволення від читання тексту зменшується – ваші матеріали відштовхнуть читачів.
Заголовки та підзаголовки
Намагайтеся поміщати заголовки в один рядок. Читач повинен миттєво розуміти, що його чекає у новій частині тексту. Якщо ви використовуєте також підзаголовок, він повинен займати не більше 2-3 рядків.
Марковані списки в текстах
Коли вам потрібно компактно оформити однорідні думки, тези та факти, використовуйте список з булітами. Якщо список виходить великим, виділяйте жирним початок речень. Тоді читач зможе сканувати очима зміст тексту та розуміти, про що йдеться.
Альтернативний варіант – на початку кожного пункту списку робити своєрідний заголовок, виділяти його жирним. Для решти тексту додаткове форматування не потрібне.
Використовувати списки з цифровою нумерацією бажано у випадках, коли читачеві важливо бачити порядок чи загальну кількість пунктів списку. Серед доречних для використання нумерації ситуацій можна виділити:
- Кроки виконання вами певних робіт та надання послуг.
- Перерахування складу чи внутрішньої будови предметів.
- Пояснювальні описи цифр на зображенні.
- Згадування ситуацій або фактів, які ви прокоментуєте в тексті далі.
Щоб ваш читач переглядав текст із комфортом – намагайтеся робити кожен із пунктів однакової довжини.
Також читач швидше сприйматиме сенс, якщо структурно текст пунктів буде однаковим. Наприклад, якщо ви починаєте кожен із пунктів дієсловом, а далі називаєте предмет (“цікавтеся маркетингом”, “створюйте сайти”, “заробляйте гроші”) – використовуйте цю формулу у всіх текстах списку. Так, структура кожного пункту не буде сталою. Достатньо поглянути на пункт – і усе зрозуміло.
Залежно від налаштувань відображення шрифтів довжина рядків у тексті може змінюватись. Але якщо текст пункту займає більше двох рядків – варто відмовитись від оформлення списком. Достатньо просто перерахувати факти у списку, а пояснення розмістити нижче.
Якщо ж ви вирішили робити текст пунктів списку великим (таким що виходять за 2-3 рядки) – можете виділяти жирним великі змістові ділянки всередині тексту. При цьому пункти можуть оформлятися великими іконками з цифрами.
Чітких вимог до використання розділових знаків у нумерованих списках немає. Є два альтернативні класичні варіанти (але ви можете використовувати пунктуацію на свій розсуд; ваш текст – ваші правила):
- Для пунктів у вигляді великих речень використовувати крапку в кінці пункту, а безпосередньо речення починати з великої літери.
- Для пунктів у вигляді простих словосполучень використовувати крапку з комою наприкінці пункту. Пункти починати з маленької літери. В останньому пункті ставити крапку.
Перед пунктами списку краще розміщувати двокрапку, але й крапка також прийнятна. З двокрапкою ваш текст сприймається легше (він більш послідовний), а з крапкою текст стає впевненішим.
Таблиці та інфографіка
Таблиці – це один із найкращих способів оформити складний та великий текст. У таблицях можна вмістити велику кількість інформації. Текст для таблиць потрібно максимально скорочувати.
Під час верстки тексту переконайтеся, що таблиця нормально відображається на екранах мобільних пристроїв – не тільки під час перегляду на комп'ютері. Залежно від платформи для публікації мобільне відображення таблиць реалізується двома способами:
У таблиці не з'являється нове форматування, але вона гортається горизонтально. Таким чином користувач може скролити її для ознайомлення з інформацією.
Таблиця переформатується для вертикального відображення змісту. Тобто кожен рядок перетворюється на невелику окрему картку. Рядки таблиці у цих картках знаходяться один над одним.
Якщо можливостей оформлення таблиці на вашій платформі немає – робіть таблиці у вигляді зображень. У цьому допоможуть популярні графічні онлайн-редактори. У них знайдете готові шаблони для ваших потреб.
Додати користі вашим публікаціям та зробити сенси наочними допоможе інфографіка. У ній ви поєднаєте зображення, графіку, допоміжні покажчики та текст в одному зображенні. Детальний опис видів інфографіки та онлайн-сервісів для її створення ви знайдете у нашому матеріал
Оформлення тексту на Weblium
З Weblium вам не потрібно турбуватися про розміри шрифтів та їх вирівнювання. Усі налаштування шрифтів зберігаються у глобальних стилях сайту. Обраний пресет зможете доналаштувати. Вже при роботі з кожним окремим елементом тексту з простого функціонального меню ви виберете параметри форматування тексту, а також тип тексту: заголовки, підзаголовки, абзаци, пояснення.
Читайте також:
👉 Найкращі конструктори інтернет-магазинів