SEO. Пошукова оптимізація сайту. Короткі рекомендації

Що потрібно зробити, щоб сайт відвідувала значна кількість користувачів? Які потрібно здійснювати заходи щодо його популяризації?

SEO optimization. Просування і розкрутка. ТОП-10 в результатах пошуку

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

Методи SEO оптимізації

Методи оптимізації можна умовно розділити на три класи:

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

Коротко про SEO оптимізацію сайтів

Взагалі, якщо із самого початку робити сайт згідно з визначеними SEO-рекомендаціями (наприклад, від Google) і відповідно до діючої специфікації HTML5, коли сайт проходить перевірку (валідацію) без помилок та попереджень при перевірці валідатором, то сайт вже буде чудово індексуватись і відшукуватись різними пошуковими сервісами, зокрема, такими як Google, Bing або Yahoo. І хоча правильно зверстаний і валідний сайт ще не означає наявність його в ТОП-10 пошукових видач за відповідними запитами та відповідно визначеній на сайті тематиці, все одно це вже гарантує його можливий успіх в індексації та появленню в пошуковій видачі, нехай навіть і не в першій десятці.

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

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

Але будь-який веброзробник (вебверстальник), що працює безпосередньо з HTML кодом, може провести SEO оптимізацію сайту для пошукових сервісів самостійно, використовуючи дуже прості, але досить ефективні методи для потрапляння в ТОП-10 пошукової видачі. Для цього лише необхідно дотримуватись певних правил і рекомендацій, які надають самі пошукові сервіси, такі як Google, Yahoo, Bing та інші. Нижче наводяться лише деякі, але найбільш важливі рекомендації та вимоги по SEO оптимізації сайтів і, в результаті, можливого потрапляння їх в першу десятку пошукової видачі.

Найбільш важливі рекомендації по SEO оптимізації сайтів:

• Сторінка має бути доступна для пошуковиків (код відповіді 200). Сторінки, які заборонені до індексації пошуковими сервісами, не можуть потрапити в результати пошуку. Переконайтесь, що URL повертає код HTTP 200 і не блокується в файлі robots.txt, а також на сторінці немає редиректа (перенаправлення) за допомогою метатега refresh на іншу URL-адресу;
• Використовуйте оригінальний текст на сайті, якого немає більше ніде в Інтернеті. Рекомендується використовувати не менше 50 слів, або не менше 300 символів на сторінці;
• Використовуйте точне входження ключових слів в заголовок сторінки <title>; Саме заголовок сторінки відшукується пошуковими сервісами в першу чергу;
• Довжина заголовка (між тегами <title>...</title>) має бути в межах від 10 до 70 символів (разом з пробілами);
• Використовуйте лише один метатег опису. Використання кількох META-описів суттєво плутає пошукового робота і негативно впливає на ранжування сайту. Довжина метатега опису description має бути в межах 70 - 300 символів (разом з пробілами). Оптимально від 150 до 180; Це досить важливий метатег. Саме опис сторінки з’являється в результатах пошуку і часто саме на опис звертають увагу користувачі, що шукають якийсь конкретний матеріал в мережі;
• Використовуйте ключові слова в метатезі keywords (за необхідністю). Кількість ключових слів має бути не більше 10. Зазвичай це слова, які найчастіше зустрічаються на сторінці. На цей час Google, як і більшість інших пошуковиків, відмовились від використання даного метатега для індексації. Тому цей метатег вже не відіграє великої ролі для просування сайтів і є необов’язковим для використання;
• Використовуйте тільки один тег <h1> на сторінці. На цей час при перевірці на валідаторі не вважається помилкою використання на сторінці тега <h1> більше одного разу. Але для СЕО-оптимізації зазвичай рекомендується використовувати даний тег лише один раз, включивши в нього текст, який відповідає змісту сторінки, а також ключові слова, за якими ви просуваєте дану сторінку;
• Використовуйте довжину текста між тегами <h1> - </h1> не більше 70 символів (з пробілами);
• Використовуйте хоча б одне зображення на сторінці з використанням тегу img;
• Використовуйте обов’язковий атрибут alt для зображень;
• Використовуйте ключові слова в атрибуті alt (рекомендується, хоча не обов’язково);
• Використовуйте атрибут title для зображень (рекомендується, хоча не обов’язково);
• Використовуйте обмежену кількість заголовків з тегами <h2> - <h4> на сторінці (рекомендується в межах 2-5);
• Використовуйте співвідношення код/текст не більше 20% (краще не більше 10%);
• Використовуйте ключові (тематичні) слова рівномірно по змісту сторінки;
• Використовуйте кількість ключових слів (тошноту слів) на сторінці в межах 6-8% (рекомендується не менше 1% від загального об’єму текста). Ключових слів може бути кілька (зазвичай до 10). Зверність увагу, що пошукові сервіси дуже не люблять перевантаження ключовими словами й автоматично можуть значно понизити ранжування таких сторінок в результатах пошуку;
• Використовуйте семантичні теги відповідно до розділів та елементів на вебсторінці; семантичні теги добре сприймаються пошуковими сервісами та дозволяють підіймати вебсторінки в результатах пошуку;
• Використовуйте виділення ключових слів в змісті семантичними тегами <strong> та <em> помірно та рівномірно на сторінці. При цьому не обов’язково виділяти всі ключові слова даними тегами. Рекомендується використання семантичних тегів <strong> та <em> на сторінці не більше 10 разів. Також доречно виділення ключових слів тегами <b>, <i> та <u>;
• Використовуйте кількість виділення ключових слів за допомогою семантичних тегів <strong> та <em> не більше 3-4% від загальної кількості тексту. Якщо таких слів буде більше 4% - пошуковики можуть вважати такий текст переспамленим (засміченим) і викинуть із результатів пошуку;
• Використовуйте ключові слова так, щоб вони були включені в: url-сторінки, зміст сторінки, тег title, метатеги description та keywords, теги h1 - h6, атрибути зображень alt, текст прив’язки внутрішніх посилань і текст прив’язки зворотнього посилання;
• Уникайте багаторазового використання ключових слів в метатезі опису description;
• Використовуйте співвідношення текст/html на сторінці не менше 15%, тобто кількість тексту не повинна бути менше, ніж 15% ваги сторінки. Оптимальним показником вважається від 50% і більше;
• В тексті повинні зустрічатися ключові слова, які є в <h1>, <title>, description;
• Встановіть коректну мову вашої сторінки (сайту), якою найбільше створено контенту в тезі <html lang="Мова_сторінки">. Якщо ваш сайт (більшість контенту на сайті) українською мовою, то і мова має бути вказана українська - Uk (англійська - En);
• Обов’язково вказуйте кодування сторінки UTF-8 (це оптимальний варіант, який використовується на більшості сучасних вебсайтів);
• URL-адресу зробіть більш зрозумілою людям і пошуковим системам (відповідно до змісту сайту або сторінки). Оптимально використовувати url зі словами, які відповідають змісту сторінки і написані латинськими літерами, наприклад, адреса сторінки з уроками по HTML може називатись uroki-po-html.html або англійською мовою html-lessons.html (розширення сторінки може бути іншим або взагалі не відображатись);
• Мінімізуйте використання на сторінці вбудованих стилів - конструкції типу style="" або теги <style>. Використовуйте їх лише у випадку крайньої необхідності. Оптимально - перенесіть стилі в окремий файл, використовуючи на html-сторінці лише класи - конструкцію class="". Пошуковики дуже не люблять використання вбудованих стилів; крім того, це полегшить вам роботу, якщо вам раптом знадобиться змінити дизайн сайту;
• Мінімізуйте використання на сторінці вбудованих скриптів із використанням тегів у вигляді: <script>якийсь javascript-код</script>. Використовуйте їх лише у випадку крайньої необхідності. Оптимально - перенесіть стилі в окремий файл, використовуючи на html-сторінці тільки підключення зовнішніх скриптів у вигляді <script src="посилання_на_скрипт.js"></script>. Пошуковики дуже не люблять використання вбудованих скриптів;
• Відмовтесь від зайвих лічильників (інформерів) на сайті. Всі вони, як правило, використовують javascript-код, який може бути як вбудованим, що має підвантаження сторонього коду або зображень, так і з підключенням зовнішніх файлів javascript. Часто саме зовнішній (невидимий) javascript-код уповільнює завантаження сторінки, а також може містити шкідливий код. Не використовуйте на своєму сайті лічильники та різні інформери з інших сайтів, якщо не впевнені в їх безпечності та швидкій роботі; виключенням можуть бути лише скрипті лічильників чи ін. інформерів із таких сервісів, як Google (наприклад, Google Analytics) та ін.;
• Мінімізуйте (або відмовтесь повністю) від використання на сторінці flash-анімації та фреймів. Це негативно впливає на швидкість завантаження сторінки, обробку її пошуковиками та адаптивність сайту. Крім того, підключення flash-анімації або фреймів зі сторонніх сайтів може містити зловмисний код, який заважатиме нормальній роботі вашого сайту або становитиме вірусну загрозу для користувачів; в разі крайньої потреби на сайті можна використовувати фрейми лише зі сторінками того самого сайту;
• Встановіть переадресацію домена з www на без www (або навпаки). Це важливий момент в SEO оптимізації. Якщо цього не зробити, пошукові системи будуть індексувати ваш сайт як два різних. Відповідно, ваш контент і посилання будуть ділитися вагою навпіл, що зменшує значущість сайту для пошуковиків; іноді дана функція вже є на хостингу, де розміщується сайт;
• Не використовуйте різні символи в посиланнях, типу знаків ?, $, #, @ і таке інше. Посилання має бути написане у вигляді звичайного тексту латиницею, оптимально - також містити ключові слова, що використовуються на конкретній сторінці;
• Не рекомендується використовувати нижнє підкреслення в посиланнях. Не бажано, щоб посилання було у вигляді: posylannia_na_storinku. Використовуйте дефіси замість цього: posylannia-na-storinku; хоча дана рекомендація не обов’язкова;
• Використовуйте на сторінці не більше 5-и зовнішніх посилань (що ведуть на інші сайти);
• Використовуйте атрибут зі значенням rel="nofollow" для зовнішніх посилань, які не повинні індексуватися;
• Використовуйте атрибут зі значенням rel="noopener" для зовнішніх посилань, які мають цільовий атрибут target="_blank"; Це відносно нова рекомендація від Google. Даний атрибут rel зі значенням noopener запобігає можливості зловмисника отримати доступ до відкритої вкладки або вікна із посиланням. Це значення унеможливлює, наприклад, JavaScript-коду на сторонньому сайті отримати доступ до window.opener та змінювати вміст або поведінку посилання.
• Якщо використовуєте зовнішні посилання, то підбирайте тільки такі посилання, які відповідають тематиці сайту; Дозволяється (навіть рекомендується) використовувати зовнішні посилання на сайти, які є аналогічної тематики з вашим сайтом, при умові, якщо ви довіряєте цим сайтам і самі посилання містять ключові фрази та слова, тотожні тематиці вашого сайту.
• Якщо на сайті реалізовані коментарі від всіх користувачів, задайте nofollow всім користувацьким посиланням в коментарях;
• Використовуйте перелінковку всередині сайту (посилання з одної сторінки на іншу, але не більше 100 внутрішніх посилань на одній сторінці);
• Використовуйте на кожній другорядній сторінці одне посилання на головну сторінку сайту;
• Використовуйте семантичні теги. Вони повідомляють пошуковим системам необхідну інформацію про структуру і зміст сторінки, що дозволяє видавати її користувачам по більш релевантному запиту;
• Використовуйте мапу сайту XML Sitemaps. Саме мапу сайту шукають в першу чергу пошукові сервіси. Всі вебсторінки, які вказані в мапі сайту, будуть гарантовано індексовані пошуковиками. РЕКОМЕНДУЄТЬСЯ ОБОВ’ЯЗКОВО мати на сайті хоча б одну мапу сайту!
• Використовуйте файл robots.txt, в якому мають бути вказані всі найбільш важливі сторінки сайту, і які мають індексуватися пошуковими сервісами або навпаки - заборонені для індексування пошуковими сервісами ті сторінки, які не потрібно індексувати!
• Використовуйте favicon (фавікон) для сайту (в корені сайту);
• Розташуйте в корені сайту сторінку 404 error page (сторінка з відображенням помилки);
• Оптимізуйте зображення (зменште розмір наскільки це можливо, а також стисніть його відповідними вебсервісами або програмами без втрати якості);
• Використовуйте Mobile Viewports (оптимізація для мобільних гаджетів);
• Зробіть оптимальним розмір активних елементів (розмір посилань або кнопок для малих екранів). Пошукові сервіси приділяють значну увагу зручності використання активних елементів для користувачів мобільних гаджетів;
• Вага будь-якої вебсторінки зі всіма елементами не повинна перевищувати 100 Кбайт (краще до 50Кбайт) - РЕКОМЕНДУЄТЬСЯ!;
• При кліку на логотип сайту має бути перехід на головну сторінку сайту з будь-якої іншої сторінки;
• При перелінковці анкором посилання необхідно робити за допомогою слова або словосполучення, яке буде відповідати тематиці;
• Перевіряйте всі вебсторінки сайту на відповідність специфікації HTML5 за допомогою валідатора: validator.w3.org. Так само перевіряйте і таблиці стилів CSS: jigsaw.w3.org/ діючій специфікації CSS3. При виявленні помилок виправте їх і лише потім розміщуйте сторінки в Інтернеті.

Додаткова SEO оптимізація

• Використовуйте стискання коду (компресія HTML/CSS/JS файлів);
• Зареєструйте сайт в різних пошукових сервісах (Google, Bing, Yahoo, Meta, Duckduckgo та ін.) і в різних каталогах сайтів;
• Використовуйте мікророзмітку - словники schema.org - котрі читаються машинами;
• Використовуйте теги розмітки Open Graph Protocol (для соц. мереж);
• Використовуйте інструмент відстежування аналітики (Google Analytics (не обов’язково)
• Максимально збільшість кількість активних посилань на ваш сайт (або на окремі його сторінки) з інших сайтів;
• Закликайте користувачів відвідати ваш сайт (наприклад, використовуючи посилання на ваш сайт в соцмережах);
• Використовуйте основний запит (або ключові слова) в першому та останньому абзаці текста. Пам’ятайте, абзаци (параграфи) мають бути не більше 4 рядків (рекомендується!). Для зручності користувачів та кращого сприйняття тексту абзаци візуально мають бути відокремлені один від одного;
• Використовуйте маркери та списки, виділяючи важливі частини нумерацією або жирним шрифтом (теги <ul> (<ol>) та <li> для списків, та тег <strong> для виділення семантично важливого тексту);
• Додайте на сайт кнопки вподобайок (лайків), репоста в будь-яку із соц.мереж, що буде допомагати розповсюдженню інформації про ваш сайт і привертати увагу нових користувачів;
• Використовуйте можливості різних сервісів штучного інтелекту, наприклад, ChatGPT, Bard, BingChat та ін.;
• Періодично використовуйте для перевірки вашого сайту чи окремих його сторінок сервіси по SEO-оптимізації. Дотримуйтесь рекомендацій та підказок цих сервісів і виправляйте помилки на сайті, якщо вони є;
• Використовуйте сервіси для перевірки вашого сайту на наявність помилок в коді та дотримуйтесь рекомендацій цих сервісів (наприклад, Google Search Console);
• Додайте можливість коментувати матеріали на сайті. Для цього можна використовувати такі сервіси, як Disqus.com. Це додасть сайту інтерактивності, залучить більше відвідувачів, а також надасть можливості адміну дізнаватись про зауваження та побажання користувачів щодо якості матеріалів на сайті та його роботи.

ЩО НЕ МОЖНА РОБИТИ ПРИ СТВОРЕННІ ТА РОЗКРУТЦІ ВЕБСТОРІНКИ:

• Не зловживайте кількістю ключових слів на сторінці;
• Не зловживайте кількістю слів, виділених тегами <strong> або <em>;
• Не ставте на сторінці циклічні посилання (які посилаються на цю ж сторінку);
• Не допускайте непрацюючи (пусті, биті) посилання на сторінці;
• Посилань з комерційними анкорами на сайті не повинно бути понад 40%;
• Не створюйте більше 5-и зовнішніх посилань в одному блоці. Якщо пошуковик вважатиме, що більше 5-и посилань не підходять по тематиці сайту, можуть бути санкції;
• Не встановлюйте на сторінці в якості звичайного текста email адреси;
• Не використовуйте або намагайтесь використовувати мінімально вбудовані стилі (CSS inline);
• Не використовуйте або намагайтесь використовувати мінімально скрипти JavaScript на сторінці (на сайті взагалі);
• Не використовуйте Flash без крайньої потреби;
• Не використовуйте iFrames без крайньої потреби;
• Не приховуйте текст із ключових слів за допомогою дуже дрібного шрифта або кольору фона сторінки. Пошукові сервіси це швидко розпізнають і оминають такі сайти;
• Не перенасичуйте вебсайт (або окрему вебсторінку) рекламними блоками. Якщо реклами більше, ніж корисного вмісту на самій вебсторінці, то такі сторінки ігноруються пошуковими сервісами.