2 Сайт в один клік 3 Годувальник доками ~9 хв

SEO для новачків: як тебе почнуть знаходити в Google

Сайт зібрав, а його ніхто не бачить? Зробимо так, щоб пошук сам приводив людей - і безкоштовно

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

Скіли ECC у цьому уроці: seo

Що таке SEO простими словами

Уяви: ти відкрив найкращу кавʼярню в місті. Зерно добірне, бариста - чемпіон, інтерʼєр - закачаєшся. Один нюанс. Кавʼярня в підвалі, без вивіски, без точки на карті й без таблички біля входу. Люди проходять за пів метра й навіть не здогадуються, що ти є.

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

А SEO - це і вивіска, і позначка на карті, і зрозуміла табличка «тут кава» на дверях. Ти не платиш за кожного гостя, як у рекламі. Ти один раз налаштовуєш сайт так, щоб Google сам приводив до тебе тих, хто вже шукає саме твоє.

Ліворуч кавʼярня в темному підвалі без вивіски, праворуч та сама кавʼярня з яскравою вивіскою й позначкою на карті
Ліворуч - сайт без SEO. Праворуч - із SEO. Кавʼярня та сама, людей у рази більше.

Навіщо вайбкодеру розбиратися в SEO

Ти вайбкодер. Зібрав сайт за вечір - і це реально круто. Але сайт без SEO - це листівка, кинута в океан, після якої ти чекаєш дзвінка. Розберешся в азах SEO - і отримаєш одразу кілька речей:

  • безкоштовний трафік із пошуку замість оплати за кожен клік у рекламі;
  • фору над конкурентами, у яких сайт гарніший, але пошуковику незрозумілий;
  • захист від граблів, через які Google взагалі не бачить твій сайт;
  • можливість дати агенту чітке завдання - і він зробить SEO за тебе.

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

Три кити SEO: як сайт потрапляє в пошук

Технічне SEO: тебе взагалі видно пошуковику?

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

Пошуковик - це робот-курʼєр. Ходить по посиланнях, читає сторінки, складає їх до свого каталогу. А тепер уяви, що ти випадково повісив табличку noindex або закрив усе в robots.txt. Курʼєр розвертається прямо біля дверей. Сайт є, а в пошуку - порожньо.

Одна сторінка - один пошуковий запит

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

Новачок ліпить сторінку «Кава, випічка, доставка, вакансії, історія бренду й трохи про кота». Google чесно не розуміє, про що вона. А раз незрозуміло - до пуття не показує її за жодним запитом.

Як треба: сторінка «доставка кави» - про доставку. Сторінка «меню» - про меню. Один запит - одна сторінка. Дробити до нескінченності не треба. Звалювати все в купу - теж.

Title і meta description: твій рядок у видачі

Коли сайт спливає в пошуку, людина бачить не сам сайт. Вона бачить синій рядок-заголовок і текст під ним. Це title і meta description . За ними за пів секунди вирішується все: зайдуть до тебе чи до сусіда.

Робочі рамки з практики:

  • Title - приблизно 50-60 символів. Головне слово - на початок. Пиши для людини, а не вишиковуй ключовики шеренгою.
  • Опис - приблизно 120-160 символів. Чесно скажи, що всередині, і природно вплети тему.
  • Заголовки на сторінці - рівно один головний (H1), а H2 і H3 відображають реальну структуру, а не розставлені «щоб гарніше».
Рядок результату в Google: синій заголовок-title і сірий опис під ним, обведені ручкою
Ось і все, що бачить людина до кліку. Title і опис - твоя єдина реклама в пошуку.

Хороший і поганий title: приклади

Title - твоя вивіска в пошуку. Ось як з першого погляду відрізнити тямущу від провальної.

Хороший title
  • Зрозумілий людині одразу: «Кавʼярня на Подолі - свіже обсмаження».
  • Головне слово на початку, а не зарите в самий хвіст.
  • У кожної сторінки свій унікальний title.
  • Довжина 50-60 символів - цілком вміщається у видачу.
Поганий title
  • Звалище ключовиків: «кава купити кава доставка кава недорого кава».
  • У всіх сторінок однаковий title за замовчуванням - і Google плутається.
  • Головне слово в самому кінці - людина до нього не дочитує.
  • Title-простирадло на 120 символів, яке обрізається на півслові.

Швидкість завантаження сайту теж впливає на SEO

Багато хто про це не здогадується: як швидко вантажиться сайт напряму бʼє і по людях, і по місцю в пошуку. Google це вимірює. І перевіряє насамперед на телефоні - бо більшість шукає саме з телефона.

Якщо коротко, пошуковик дивиться три речі:

  • Чи швидко зʼявляється головна картинка або текст (хороший орієнтир - до 2,5 секунди);
  • Чи швидко сайт відповідає на кліки (відгук до 200 мілісекунд);
  • Чи не стрибає верстка, коли сторінка довантажується (бісить же: цілишся в кнопку, а вона поїхала).

Реальний приклад: гарний сайт, нуль відвідувачів

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

А ось що сталося насправді:

  1. З розробки на сайті залишився noindex - Google його просто не індексував.
  2. У всіх сторінок був однаковий title «Головна» - пошуковику немає за що зачепитися.
  3. Картинки по 10 МБ вантажилися 5 секунд - хто доходив, той устигав передумати.

Тямущий вайбкодер гадати не став би. Він одразу дав би агенту завдання як треба:

Промпт - скопіюй і спробуй

Перевір і покращ SEO мого сайту. Дій чітко за порядком:

  1. Спершу техніка. Переконайся, що ніде не стоїть noindex і сайт відкритий для пошуковиків у robots.txt. Усі важливі сторінки мають бути досяжні за пару кліків з головної.
  2. Для кожної сторінки задай унікальний title завдовжки 50-60 символів з головним словом на початку та опис 120-160 символів, чесно про вміст сторінки.
  3. Перевір, що на кожній сторінці рівно один головний заголовок H1, а підзаголовки відображають реальну структуру.
  4. Оптимізуй швидкість: стисни важкі картинки, прибери зайві скрипти.
  5. Наприкінці покажи списком, що саме змінив і чому.
Мем: гордий розробник показує гарний сайт, а пошуковий робот каже, що не бачить його через noindex
Кожен, хто забув зняти noindex після запуску, упізнає тут себе.

Часті помилки SEO у новачків

  • Забути зняти noindex після запуску. Сайт місяцями невидимий. Перевіряй це насамперед.
  • Спершу вилизувати тексти, потім лагодити техніку. Дарма: пошуковик до тексту й не дійшов.
  • Один title на весь сайт. Google не розуміє, яка сторінка про що. Роби унікальні.
  • Набивати ключовики. «Кава кава купити кава» - це сигнал спаму, а не плюс. Пиши для людей.
  • Звалювати все в одну сторінку. Без фокусу вона не ранжується за жодним запитом.
  • Ігнорувати швидкість і телефони. Важкий повільний сайт втрачає і людей, і позиції.
  • Описувати те, чого на сторінці немає. Це брехня пошуковику. І вона завжди розкривається.

TL;DR - если коротко

  • SEO - це вивіска й адреса твого магазину для Google. Немає їх - не знайдуть, хоч усередині золото.
  • Спершу техніка (а сайт узагалі видно роботові?), і тільки потім тексти. Навпаки - вилижеш те, що ніхто не прочитав.
  • Одна сторінка - одна тема. Не запихай в один лендинг усе підряд плюс кота.
  • Title і опис - твоя єдина реклама у видачі. Пиши для людей, а не сип ключовики в ряд.
  • Гальмує сайт - падаєш у пошуку. Швидкість - це теж SEO, без жартів.
  • Усю цю рутину можна скинути на агента - якщо дати завдання у правильному порядку.

Пошук по вікі

Натисніть Esc для закриття

Введіть запит для миттєвого пошуку по всіх сторінках курсів та уроків.