Зміст:

Інструкція зі стилістичного оформлення публікацій на freeCodeCamp

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

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

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

У цій інструкції ми поділимось порадами того, як зробити публікацію якомога кращою.

Це не місце для публікацій у стилі «допис-кожного-дня» чи потоку свідомості.

Діліться фактами. Діліться цитатами. Діліться кодом. Діліться візуалізацією даних.

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

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

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

Люди зайняті. Тому потрібно негайно привернути їхню увагу. Як це зробити? За допомогою переконливого заголовка.

Заголовок — єдина частина, яку 100% прочитають

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

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

Ось декілька структур заголовків, які добре підходять для публікацій:

  • «Як виправити…»
  • «Як побудувати…»
  • «Як [завдання] за допомогою [інструмент]»
  • «Як працює [щось]»
  • «Що таке [іменник]?»
  • «Історія [чогось]»
  • «Посібник з [чогось]» (обсягом більше 7 000 слів)

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

Додайте зображення

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

Хтось створює зображення самостійно. В цьому може допомогти безоплатний сайт Canva.com (якщо ви не хочете, щоб краї зображень були обрізаними при публікації в твіттері або LinkedIn, використайте співвідношення сторін 1.91:1).

Про що пам’ятати при створенні зображення:

  • Використовуйте контрастні кольори, щоб зображення/текст виділялись.
  • Не використовуйте багато тексту на зображеннях, краще сфокусуйтесь на головній темі та ключових словах (наприклад, замість повного тексту «Як побудувати застосунок для доставки їжі з React» використайте «Як побудувати застосунок з React» або »Побудова застосунку React»).
  • Пам’ятайте основне: головне зображення має бути простим. Вам потрібне привабливе зображення, яке легко переглянути/прочитати на менших пристроях.
  • Ви можете використовувати головне зображення, щоб побудувати свій «бренд» як автора. Якщо ви створюватимете власні зображення, ваші роботи почнуть впізнавати за головним зображенням.

Якщо у вас немає зображення, ви можете завантажити зображення без посилання на авторство (наприклад, з сайтів Pexels, Unsplash чи Wikipedia), зберегти його та завантажити на Ghost.

Налаштуйте посилання

Ви можете напряму встановити посилання своєї публікації (натисніть шестірню). Ми рекомендуємо робити їх короткими та описовими. Наприклад, «машинне-навчання-з-pytorch» або «як-надіслати-зміни-до-віддаленого-каталогу-git».

Виберіть теги

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

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

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

Як виглядають теги в публікації на freeCodeCamp

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

Не змінюйте ці значення на Ghost, вони чудові за замовчуванням

Важливість граматики, написання та форматування

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

  • Пишіть максимально просто. Використовуйте прості та зрозумілі слова, якщо це можливо.
  • Використовуйте короткі речення. Розбивайте довгі речення на декілька коротких. Це допомагає швидше читати та краще сприймати матеріал.
  • Використовуйте короткі абзаци. Розбивайте довгі абзаци на абзаци з одним чи двома реченнями. Велика кількість тексту призводить до того, що читачі забувають про матеріал та переходять до режиму «швидкого перегляду».
  • Перевіряйте пунктуацію. Велика кількість знаків оклику може відволікати. Крапка з комою зазвичай непотрібна; просто використайте крапку. А три крапки… ну… трохи зайві.
  • Використовуйте підзаголовки, щоб структурувати текст. У наших публікаціях можна використати великі та малі заголовки (великі заголовки для головних тем, а малі — для розділів в межах цих тем). Заголовки можна додати за допомогою синтаксису Markdown (## для H2, ### для H3 і так далі) або двічі натиснувши на текст, який має бути заголовком. Тоді з’явиться наступне меню:
  • Уникайте надмірного користування жирним шрифтом та курсивом. Чим більше форматування тексту, тим важче його читати. Особливо якщо використовувати жирний шрифт та курсив разом. Використовуйте їх окремо та лише за потреби.
  • Видаліть абревіації. Вони роблять публікації важкими для розуміння. Розписуйте акроніми, які не використовуються часто.
  • Не переходьте з теми на тему. У читачів обмежений час. Допоможіть їм отримати якомога більше користі з публікації, перш ніж їм доведеться продовжувати свої справи.

Використовуйте активний стан

Під час розмови зазвичай використовують активний стан.

Тому старайтесь використовувати активний стан, якщо це можливо. Це займе більшу частину тексту.

Ось приклад активного стану:

«Ви можете встановити Node.js, дотримуючись таких кроків.»

Ось приклад пасивного стану:

«Node.js може бути встановленим, дотримуючись таких кроків.»

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

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

Додавайте фрагменти коду

Ви можете створити блок коду, використавши три зворотні галочки (“`), вказавши мову програмування та натиснувши на пробіл.

‌Вказавши мову програмування, ви дозволите Ghost додати синтаксис.

Наприклад, якщо написати “`js, ви отримаєте синтаксис для JavaScript. До того ж, ми підтримуємо багато інших мов програмування.

Блок коду на Ghost з доданою мовою програмування

Як структурувати публікацію

  1. Напишіть короткий вступ, у якому розповідаєте читачам, чого вони дізнаються, які ваші цілі та/або чого вони досягнуть.
  2. Поясніть будь-які передумови, які необхідні для читачів (наприклад, знання HTML та CSS, розуміння хуків React, встановлений/налаштований VSCode та інше).
  3. Ознайомте читачів з вмістом публікації.
  4. Використайте нумерований список для кроків у певному порядку. Або просто використайте підзаголовки, які плавно переходять один до одного.
  5. Розгляньте якомога більше деталей.
  6. Напишіть висновок, нагадавши читачам про те, чого вони навчились.

Пишіть довгі вичерпні публікації замість декількох частин

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

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

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

Посібники та книги

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

Чим відрізняється звичайна публікація від посібника?

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

Посібники більші за розміром (7000 – 10000 слів) та пропонують більш широке висвітлення великої теми. Наприклад, «Що таке програмування? Довідник початківця» або «Приклади коду на Python: програмування для початківців».

Книги ще значніші та глибші, часто мають понад 10 000 слів. Наприклад, Квінсі Ларсон, засновник freeCodeCamp, написав книгу про те, як навчитися програмувати та знайти роботу розробника, щоб допомогти майбутнім розробникам успішно пройти свій шлях у програмуванні та пошуках роботи.

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

Ви можете ознайомитись з тим, як додати таблицю до посібника у цьому уроці: «Як додати таблицю змісту до публікації».

Якщо вам потрібно більше детальної інформації, див. «Як додати заголовки та ID до таблиці змісту».

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

Приклад обкладинки книги freeCodeCamp

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

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

Дотримуйтесь рейтингу G

Спільнота freeCodeCamp складається переважно з дорослих, але тут є і діти.

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

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

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

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

Такі зображення можна знайти на вебсайтах. Наприклад, на Pexels, Unsplash або Wikipedia.

Не використовуйте хотлінки на зображення. Замість цього завантажте будь-які зображення, які хочете використати, а потім перетягніть їх на Ghost. Таким чином freeCodeCamp зможе обслуговувати зображення через власні надійні CDN (для кращої продуктивності та доступності). І, будь ласка, дотримуйтесь розмірів зображень менше 1 МБ.

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

Деякі зображення (наприклад, вебкомікси) створені з метою спільного користування. Для них ви можете вставити зображення, а потім вказати: «Автор зображення: XKCD», з посиланням на конкретну сторінку вебкоміксу.

Завжди вказуйте джерела

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

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

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

Як правильно вказати джерело

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

«Ця гра повністю керується введенням команд у командному рядку. Оскільки ця гра реального часу, це може призвести до напружених моментів швидкого введення команд у спробах врятувати свої дрони від небезпеки.» (Джерело: Квінсі Ларсон)

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

Завжди вказуйте авторів цитат. Якщо це багаторядкова цитата, ви можете використати виписку, щоб розбити довші абзаци:

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

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

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

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

Приклади плагіату

Ось декілька прикладів плагіату, тобто того, що не робити. Перший очевидний (скопійований слово в слово):

Оригінал:

Коротке зауваження перед тим, як ми розпочнемо: вебверсія інстаграму та мобільний застосунок досить відрізняються. Більшість людей користуються інстаграмом на мобільних пристроях (за допомогою мобільного застосунку), оскільки саме там ви можете публікувати дописи. (Джерело: Еббі Реннемейер)

Плагіат:

Що ж, готові дізнатись про інстаграм?‌‌‌‌

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

Тепер ми точно готові розпочати.

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

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

Оригінал:

Існує багато причин, чому в інстаграмі діляться фото та відео.‌‌‌‌ Можливо, ви розпочали бізнес або випустили продукт. Можливо, ви працюєте в компанії, якій важлива сторінка в інстаграмі. Можливо, ви хочете створити власний бренд як фотограф, турист або митець. Або ж ви просто хочете ділитись своїм життям.‌‌‌‌ Незалежно від причини, інстаграм — це чудове місце, щоб ділитись ідеями, повідомленнями та мистецтвом. (Джерело)

Плагіат:

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

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

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

Примітка щодо штучного інтелекту

Генеративний штучний інтелект може бути корисним для розробників та авторів. Але він не повинен замінювати власне письмо.

Ви можете використовувати інструменти, такі як ChatGPT/GPT-4, щоб дослідити тему, згенерувати унікальний код тощо. Але копіювати цілий абзац або публікацію, написану ChatGPT, і подавати їх без будь-яких змін — погана ідея.

Як сказала Беверлі Сіллз: «До будь-якого вартого місця не існує коротких шляхів».

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

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

Тут, на freeCodeCamp, ми завжди вважали, що якість краща за кількість. Тому приділіть час, проведіть дослідження і напишіть корисні публікації.

Прочитайте свою публікацію. Потім прочитайте її ще раз

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

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

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

Уникайте кроспостингу

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

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

Однак ви можете взяти деякі особисті публікації на схожу тему (наприклад, «Плагіни для Visual Studio» чи «Продвинуті команди Bash») і створити з них одну, більшу публікацію для freeCodeCamp.

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

Прийнятні способи самореклами

freeCodeCamp.org — це неприбуткова організація, яка підтримується донорами. Ми не хочемо, щоб у когось склалася думка, що ми робимо «оплачувану рекламу» (ми цього не робимо), оскільки це може застерегти людей від донатів.

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

Ми просимо вас робити це якнайпристойніше. Зовсім нормально мати одне речення в кінці публікації.

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

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

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

Зверніть увагу, що на відміну від більшості популярних вебсайтів всі посилання в наших публікаціях мають атрибут rel=”doFollow” з метою SEO. Це означає, що кожна сторінка, на яку ви посилаєтеся (включно з власним блогом), отримає підвищення рейтингу в гуглі. Будь ласка, пам’ятайте це і робіть це в міру.

Завершення процесу

Як тільки ви будете впевнені, що публікація готова для читачів, надішліть посилання на чернетку на [email protected]. Наша редакторська команда оперативно внесе правки, щоб покращити вашу роботу перед публікацією.

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

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

І на завершення, важливе зауваження: якщо компанія оплачує вам за написання статті та спробує її опублікувати на freeCodeCamp, будь ласка, повідомте про це редакторську команду при надсиланні чернетки.

Ви можете використовувати GitHub Markdown

Ви знали, що можете використати Markdown, сумісний з GitHub, для створення своєї публікації?

Ви можете вставити Markdown і він миттєво перетвориться на відформатований текст.

Також можна набрати синтаксис Markdown на початку рядка. Наприклад, # або ## для заголовків, або * для маркованого списку, і починати набирати текст. Текст автоматично перетвориться у вказаний формат.

Використовуйте вставки в міру

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

Однак ми радимо робити це обережно з трьох причин:

  1. Вставки роблять виклик до зовнішнього сервісу, як-от твіттер, що може сповільнити роботу.
  2. Багато людей, які читають публікацію, користуються читачами екрана. Велика частина розробницької спільноти має порушення зору (або повну втрату зору). Вставки менш доступні, ніж текст.
  3. Кожна публікація має версію Accelerated Mobile Pages, де вставки можуть відтворюватись некоректно.

Використовуйте «ви» замість «ми»

Іноді хочеться використати «ми» в публікації. «Тепер нам потрібно встановити Node.js. ». Це природний спосіб спілкування.

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

Звісно, є винятки — ми часто використовували «ми» у цій інструкції, наприклад! 🙂 Але користуйтеся власним судженням і намагайтеся використовувати «ви», якщо це можливо.

Як переглянути аналітику в Google Analytics

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

Нова панель аналітики автора freeCodeCamp

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

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

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

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

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

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

Дякуємо, що ділитеся своїми спостереженнями зі спільнотою

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

— Редакторська команда freeCodeCamp

8 порад, як написати успішну та прибуткову публікацію на вашому сайті

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

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

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

1. Майте чітку мету

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

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

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

2. Використовуйте привабливий заголовок

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

Універсальна платформа для ефективного SEO

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

Ми нарешті зробили реєстрацію на Ranktracker абсолютно безкоштовною!

Або Увійдіть, використовуючи свої облікові дані

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

  • Виділіть унікальну торгову пропозицію (УТП) і чітко зрозумійте її особливості;
  • Сформуйте вигоду клієнта, яка може бути відображена в його меті або заповітній мрії. Наприклад, багато людей купують абонемент у спортзал, щоб схуднути. Тобто схуднення – це вигода від відвідування спортзалу;
  • Додайте конкретики. Ви можете розвіяти міфи, підкріпивши їх даними минулих клієнтів;
  • Встановіть часові рамки. Наприклад, щоб схуднути на 10 кг, вам знадобиться певна кількість місяців або навіть років;
  • Зробіть свою пропозицію унікальною, додавши до неї конкретні бонуси для клієнтів.

Ось так! Якщо заголовок не працює одразу, нічого страшного. Іноді потрібно трохи часу, щоб випробувати нову техніку. Якщо терпіння не вистачає, можна скористатися сайтом All Top Reviews, на якому можна знайти експерта, який допоможе вам з будь-яким питанням, пов’язаним з контентом.

3. Пишіть чітко і лаконічно

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

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

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

4. Додайте цінності

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

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

  • Проблема + Рішення: озвучте в статті біль вашої цільової аудиторії та дайте дієві рекомендації щодо його вирішення.
  • Інструмент, призначений для. описати набір дій або запропонувати практичні інструменти, які можуть бути використані для вирішення проблем, що цікавлять користувачів.
  • Наші клієнти часто просять: окресліть проблему, з якою стикаються користувачі, проаналізуйте, що вона має спільного із запитами більшості, та вкажіть шляхи її вирішення. У такому форматі можна використовувати кілька запитань-відповідей на схожі теми.
  • Експертна оцінка: аналізуйте те, в чому ви добре розбираєтесь. Враховуйте, що читачі можуть швидко виявити некомпетентність автора, ставлячи запитання в коментарях.

5. Додайте внутрішні посилання

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

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

6. Перевірте унікальність

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

Універсальна платформа для ефективного SEO

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

Ми нарешті зробили реєстрацію на Ranktracker абсолютно безкоштовною!

Або Увійдіть, використовуючи свої облікові дані

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

7. Використовуйте наочність

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

Універсальна платформа для ефективного SEO

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

Ми нарешті зробили реєстрацію на Ranktracker абсолютно безкоштовною!

Або Увійдіть, використовуючи свої облікові дані

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

За даними Bazaarvoice, візуалізація збільшує конверсію на 111%. І збільшує дохід на одного відвідувача на 180%. Тож це хороші цифри, щоб подумати про упаковку вашого продукту вже зараз. І останнє: чи знаєте ви, що близько 80% інформації, яку читає людина, – це візуальний контент?

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

8. Просувайте свою публікацію

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

Підсумок

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

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

Kristen Bray

Professional Writer and Blogger

Kristen Bray is a professional writer and blogger. She mainly covers topics such as blogging, digital marketing, and self-education. In her free time, she practices yoga and also travels.

Універсальна платформа для ефективного SEO

  • Rank Tracker
  • Keyword Finder
  • SERP Checker
  • Backlink Checker
  • Backlink Monitor
  • Website Audit
  • AI Article Writer

Створіть свій обліковий запис сьогодні. Кредитна картка не потрібна.

Почніть користуватися Ranktracker. Безкоштовно!

Дізнайтеся, що стримує ваш сайт від ранжування.

Або Увійдіть, використовуючи свої облікові дані