• Технічне SEO

Остаточна перевірка адекватності програмного забезпечення SaaS - хрусткий секретний соус

  • Antoine Goret
  • 5 min read
Остаточна перевірка адекватності програмного забезпечення SaaS - хрусткий секретний соус

Вступ

Це історія про фундамент SEO, який ми побудували в Crisp, щоб зробити нашу технічну SEO-стратегію ефективною.

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

Коли я прийшов в Crisp, компанія мала трохи менше 100 000 компаній, які користувалися Crisp. Органічний пошук був 3-м каналом залучення після рефералів (за даними Google Analytics) та вірусного маркетингу.

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

Трохи статистики, якою я можу поділитися з вами зараз, під час нашої розмови:

  • Наш ахрефський ранг - 7900
  • Нашому Дню народження виповнилося 82 роки
  • У нас більше 300 000 відвідувачів на місяць
  • Органічний пошук становить 50% нашого трафіку (без урахування існуючих клієнтів тут)

Acquisition channels at Crisp (Придбання каналів у Crisp)

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

Зустрічайте Ranktracker

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

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

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

Створіть безкоштовний обліковий запис

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

Ось що можна очікувати наприкінці цієї статті:

  • Розуміння вибору, який ми зробили, вирішивши створити власну CMS при відсутності існуючої CMS
  • Дізнайтеся, як можна переглянути технічне SEO існуючого сайту
  • Навчіться створювати простий аудит, який ви можете представити своїм командам для покращення
  • Навчіться аналізувати семантичну релевантність для виділеної сторінки
  • Дізнайтеся про інструменти, які ми використовуємо в Crisp, щоб зробити це можливим

Створення власної CMS для управління технічним SEO

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

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

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

Чому ми будуємо власну CMS з нуля?

Сучасні CMS, такі як Webflow або WordPress, хороші, я вам не брешу. Але недостатньо хороші для наших вимог.

Ми хочемо, щоб наш сайт був швидким

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

І те ж саме для численних CMS, на яких доводиться спиратися на існуючу структуру для побудови технічної SEO-стратегії.

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

Ми хочемо повністю контролювати свій розвиток

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

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

Зустрічайте Ranktracker

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

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

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

Створіть безкоштовний обліковий запис

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

Наприклад, ми впровадили розмітку schema.org на певних сторінках наших сайтів за допомогою JSON-інтеграції.

SERP features by using schema.org markup

Ми хочемо створити команду технологічно підкованих людей

Ми в Crisp вважаємо, що будь-хто повинен мати можливість модифікувати JSON-файл і скомпілювати фрагмент коду, щоб змінити вміст веб-сайту.

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

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

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

Перегляньте свій технічний SEO в один клік

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

Мені подобається будувати аудит, який дивиться вглиб:

  • Технічний аудит
  • Контент-аудит
  • Аудит популярності

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

Google Lighthouse - це світло, яке проведе вас через рекомендації вимог Google щодо технічної SEO-оптимізації.

Ми написали посібник з оптимізації Google Lighthouse, який ми виконуємо в Crisp, не соромтеся ознайомитися з ним! Це дозволило нам дуже легко покращити наш показник Lighthouse.

Втомилися читати статтю? Ось короткий витяг:

  1. Перейдіть в web.dev і запустіть аудит на своєму сайті

Example of a Google Lighthouse audit results (Приклад результатів аудиту Google Lighthouse)

  1. Визначити пріоритетність переліку дій для виправлення
  2. Спостерігайте за природним підвищенням вашого рейтингу

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

Dareboost report

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

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

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

Розуміння щільності ключових слів для технічного SEO

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

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

Перевірте структуру HTML-сторінки в один клік

Я використовую Web developer, який є аддоном до Google Chrome. Він дуже простий у використанні і не застаріває.

Web Developer Chrome Addon

Натисніть на кнопку "Переглянути структуру документа ", коли ви перевіряєте сторінку та її структуру. Ось приклад того, що ми зробили в Crisp.

Document outline

Кожен Hn впливає на щільність ключових слів і розуміння Google веб-сторінки, над якою ви працюєте.

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

Здогадалися, над яким ключовим словом я працюю?

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

Перевірте щільність ключових слів на сторінку

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

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

Keywords density

Для кожної сторінки він дає чітке уявлення про найпоширеніші ключові слова вашої сторінки.

Бонус: Аналіз сканування від роботів Google

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

Для цього не соромтеся використовувати такі інструменти, як oncrawl.com, щоб запобігти появі на вашому веб-сайті помилок, занадто великої кількості перенаправлень або "порожніх" сторінок.

Більшість людей кажуть, що бюджет на сканування незначний для веб-сайтів з програмним забезпеченням SaaS, оскільки кількість сторінок занадто мала. Ми в Crisp вважаємо інакше. Ми вважаємо, що Google подобається кожна оптимізація, незалежно від того, чи є у вас 15, 150 або 1500 сторінок на вашому веб-сайті.

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

Але справа не в цьому, ми говоримо про роботів Google, які індексують ваш контент.

Зустрічайте Ranktracker

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

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

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

Створіть безкоштовний обліковий запис

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

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

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

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

Проаналізувавши частоту відвідування кожної сторінки, ви зрозумієте, які сторінки на вашому сайті є найпопулярнішими у Google, а також зможете виявити нецікаві, які не варто відвідувати GoogleBot.

Коментар автора

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

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

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

Створіть безкоштовний обліковий запис

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

Different views of Ranktracker app