Стаття для сайту: рецепт приготування і способи подання.Частина 3. Як розмістити статтю на сайті

by Степан Лютий · 31 Травня, 2019

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

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

Пояснимо на прикладі. Ось такий текст розміщений лише заради процесу розміщення:

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

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

Переходимо до справи.

Розміщуємо текст на сайті самостійно

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

Щоб було зрозуміліше, візуальний редактор – це ось така штука:

Розберемо процес розміщення статті на сайті по кроках.

Крок 1. Вибираємо категорію

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

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

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

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

Крок 2. Вказуємо назву статті та адреса

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

Наприклад, було «Спальне місце на кухні: куди прилаштувати нежданих гостей». Записуючи транслітом, отримуємо «spalnoe-mesto-na-kuhne-kuda-pristroit-nezhdannyh-gostey».

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

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

Так що скоротимо нашу адресу до
http://start-s.ru/articles/spalnoe-mesto-na-kuhne/ (50 символів)

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

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

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

Крок 3. Прописуємо мета-теги

Вказуємо для сторінки складені нами теги title (Заголовок) і description (Опис).

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

Крок 4. Вставляємо текст статті

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

Тут може ховатися один нехороший «підводний камінь». Деякі візуальні редактори намагаються зберегти оформлення тексту (шрифт, його розмір, виділення жирним або курсивом). З одного боку, це зручно, бо не треба буде знову все це виділяти в редакторі на сайті. Але часто при копіюванні з Ворда редактор додає багато зайвого коду. Наприклад, ось такий непотрібний код може додати адмінка Joomla:

Що можна зробити, щоб цього уникнути?

Наприклад, можна пошукати в редакторі кнопку «Очистити формат». Виділити весь текст і натиснути цю кнопку:

Тоді всі самовільно додані стилі будуть видалені.

Або іноді я роблю так: Відкриваю на комп’ютері звичайний Блокнот і копіюю текст з Ворда в нього. В Блокноті ніякого форматування немає. Там залишається тільки «голий» текст:

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

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

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

Крок 5. Розставляємо теги і посилання

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

Пройдемося по тексту і розставимо потрібні теги.

Заголовки h1, h2, h3

Є 6 рівнів заголовків – від h1 до h6 (h тут від слова header – заголовок). Цифра означає пріоритет заголовка. Тобто h1 – найважливіший заголовок, h2 – менш важливий заголовок, h3 – підзаголовок і т. д.

У нас в статті використовуються заголовки першого і другого рівня, розставимо їх у візуальному редакторі. Виділяємо перший заголовок, тиснемо на випадаючий список «Абзац» (іноді буває «Параграф», «Формат», «Стиль») і вибираємо пункт «Заголовок 1»:

Інші заголовки так само по черзі виділяємо і для них виставляємо «Заголовок 2»:

Жирний текст і курсив

Жирним текстом у нас в статті відзначений один запит. Виділяємо цей текст і тиснемо кнопку «B» (від слова bold – жирний) в редакторі:

Також відзначимо жирним назви моделей диванів, щоб вони виділялися в тексті:

Перший абзац у нас йде курсивом. Виділяємо текст і тиснемо кнопку «I» (від слова italic – курсив):

Списки

В нашому тексті є нумерований список, оформимо його належним чином:

Посилання

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

Виділяємо текст посилання, тиснемо на кнопку «Вставити посилання» (зазвичай це іконка ланцюжки) і вставляємо адресу відповідної сторінки:

Зберігаємо чернетка сторінки і переходимо до візуальної складової.

Крок 6. Додаємо картинки

Попередньо підготуємо картинки до розміщення. Зробимо все картинки одного розміру – 800 на 500 пікселів, оптимізуємо їх вага, зробимо зображення (картинки в два рази менше оригіналів), збережемо з назвами на латиниці. Ось тут є покрокова інструкція по підготовці картинок без спеціальних програм.

В редакторі тиснемо кнопку «Додати медиафайл» (або шукаємо кнопку з піктограмою картинки) і вставляємо в текст прев’ю-зображення. При цьому не забуваємо вказати складені нами alt-s:

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

Вирівняємо картинки, а заодно і назви моделей диванів, по центру:

Крок 7. Додаємо оформлення

У нас вийшла ось така сторінка (на скріншоті скорочений варіант, не всі картинки, але суть зрозуміла).

Зараз в ній залишилося тільки 3 проблеми, які треба поправити:

«Зливаються один з одним картинки. Немає чіткого розділення між блоками з картинками. Просто додамо між ними більше відступів. І зробимо трохи крупніше назви диванів.
Не відразу зрозуміло, що зображення можна збільшувати. Треба додати до них іконку лупи. За цим все-таки звернемося до верстальщику.
Непомітні контакти в кінці статті. Треба виділити кольором або розміром шрифту. Придумуємо в Ворді підходить під стиль оформлення сайту:
І теж віддаємо цей пункт верстальщику (раз все одно потрібна його допомога).

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

Крок 8. Перевіряємо результат

В результаті ми отримали таку статтю:

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

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

Потім відкриваємо статтю у 3-4 інших браузерах. Основні – Google Chrome, Mozilla Firefox, Opera, IE (Edge), Яндекс.Браузер Safari. Можна попросити друзів або колег. Також буде не зайвим перевірити сторінку і на різних пристроях (комп’ютер, планшет, телефон).

Перевіряємо ще раз нудоту тексту, як і планували при оптимізації статті – на цей раз будемо дивитися нудоту сторінок (разом з шапкою, підвалом і всіма меню). Йдемо на http://pr-cy.ru/analysis_content/ у полі «Введіть сторінку для перевірки» вказуємо адресу нашої сторінки і тиснемо кнопку «Перевірити». Дивимося результат:

Показник нудоти сторінки в нормі (від 4 до 8).

Крок 9. Закріплюємо права на текст

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

В Яндексі закріпити права просто. Йдемо в Яндекс.Вебмастер, вибираємо свій сайт, відкриваємо зліва «Налаштування індексування» → «Оригінальні тексти». Вставляємо текст статті і тиснемо кнопку «Відправити»:

Щоб закріпити за собою авторство тексту в Google, потрібно створити свій аккаунт в мережі Google+. В ньому у розділі «Про себе» → «Посилання» вказати адресу свого сайту. Потім розмістити на сайті, наприклад, в підвалі, посилання на цей аккаунт в Google+ (Google переконався, що аккаунт і сайт належать одній особі).

Крок 10. Публікуємо статтю

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

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

Крок 11. Поширюємо статтю

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

Пошукові системи

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

Повертаємося в Яндекс.Вебмастер, зліва відкриваємо «Інструменти» → «Переобход сторінок». Вказуємо адресу нашої сторінки і тиснемо кнопку «Відправити»:

Для Гугла: йдемо в Інструменти для Вебмайстрів, тут теж вибираємо свій сайт. Зліва переходимо в розділ «Сканування» → «Подивитися як Googlebot». Вказуємо адресу сторінки, тиснемо кнопку «Сканувати»:

Отримуємо результат і тиснемо на кнопку «Додати в індекс»:

Соцмережі

Йдемо до групи компанії в Facebook і ВКонтакте і пишемо там невеликі пости про те, що на сайті з’явилася нова стаття. В постах даємо посилання на статтю.

Розсилки

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

Анонси у партнерів

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

Підсумок

Ми написали і розмістили на сайті інформаційну статтю.

Цю статтю:

Оптимізовано під кілька ключових запитів. Щоб було звідки з’явитися читачам (пошуку).
Цікавою і корисною для читача. Зачіпає «хвору» тему і пропонує кілька варіантів рішення, та ще і в картинках.
Легка для читання. Написана зрозумілою мовою (без спеціальних термінів). Розбита на смислові блоки, має невеликі абзаци. Її легко переглянути «по діагоналі» та зачепитися поглядом хоча б за одну з картинок.
Показує експертність компанії. Ви ніби говорите: «Ми знаємо проблеми своїх клієнтів і піклуємося про їхнє рішення при виробництві нашої меблів».
Спонукає подивитися інші статті блогу. А раптом і там є щось цікаве. Тим самим зростає час, проведений користувачем на сайті, і глибина перегляду.
Рекомендує товари і послуги компанії. А як інакше, це основна «корислива» мета ))

Таким чином, однією статтею ми б’ємо по трьом цілям:

Трафік.
Поведінкові чинники.
Інтерес до товарів компанії.

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

Цікавих статей і вдячних читачів, плавно «перетікають» у клієнтів! Є ідеї або питання по статтям для блогу – пишіть у коментарях.

P. S. Через 2-3 місяці перевіримо позиції в пошукових системах по тим запитам, які використовували в статті. Так ми зрозуміємо, чи виправдали себе зусилля по створенню статті. Посилальну масу на сторінку нарощувати не будемо, подивимося, чи зможе вона «пробитися» у видачі лише за рахунок якісного контенту. За результатами обов’язково відзвітуємо. Так що … продовження.