• SEO techniczne

Ostateczna kontrola poprawności działania oprogramowania SaaS - Chrupiący sekretny sos

  • Antoine Goret
  • 5 min read
Ostateczna kontrola poprawności działania oprogramowania SaaS - Chrupiący sekretny sos

Intro

To jest historia podstaw SEO, które zbudowaliśmy w Crisp, aby nasza strategia technicznego SEO była skuteczna.

Crisp to uniwersalne, wielokanałowe oprogramowanie do obsługi klienta dla firm na całym świecie. Każdego miesiąca pomaga ponad 200 milionom użytkowników w kontakcie z klientami, jednocześnie skupiając zespoły wokół jednego narzędzia.

Kiedy przyszedłem do Crisp, firma miała nieco poniżej 100 000 firm korzystających z Crisp. Wyszukiwanie organiczne było trzecim kanałem pozyskiwania klientów, zaraz za kanałami polecającymi (według Google Analytics) i marketingiem wirusowym.

W tym artykule podzielę się technicznym sprawdzeniem SEO, które przeprowadziłem, gdy pracowałem w Crisp. Chodzi o to, aby nie próbować budować popularności na przebitym koszu.

Kilka statystyk, którymi mogę się z Wami podzielić już teraz:

  • Nasza ranga Ahref wynosi 7900
  • Nasz DR wynosi 82
  • Mamy ponad 300 000 odwiedzających miesięcznie
  • Wyszukiwanie organiczne stanowi 50% naszego ruchu (nie licząc istniejących klientów)

Kanały akwizycji w Crisp (Kanały pozyskiwania w Crisp)

W tym technicznym przewodniku SEO podzielę się z Tobą krokami, które podjąłem, aby ulepszyć naszą stronę i dostosować ją do zaleceń Google.

Poznaj Ranktracker

Platforma "wszystko w jednym" dla skutecznego SEO

Za każdym udanym biznesem stoi silna kampania SEO. Ale z niezliczonych narzędzi optymalizacji i technik tam do wyboru, może być trudno wiedzieć, gdzie zacząć. Cóż, nie obawiaj się więcej, ponieważ mam właśnie coś, co może pomóc. Przedstawiamy Ranktracker - platformę all-in-one dla skutecznego SEO.

W końcu otworzyliśmy rejestrację do Ranktrackera całkowicie za darmo!

Załóż darmowe konto

Lub Zaloguj się używając swoich danych uwierzytelniających

Oto rzeczy, których możesz się spodziewać po zakończeniu tego artykułu:

  • Zrozumienie wyboru, jakiego dokonaliśmy, decydując się na zbudowanie własnego systemu CMS bez istniejącego systemu CMS
  • Dowiedz się, jak możesz sprawdzić techniczne SEO istniejącej strony internetowej
  • Naucz się tworzyć prosty audyt, który możesz przekazać swoim zespołom w celu wprowadzenia poprawek
  • Naucz się analizować znaczenie semantyczne dla dedykowanej strony
  • Poznaj narzędzia, których używamy w Crisp, aby to osiągnąć

Budowanie własnego systemu CMS, aby kontrolować nasze techniczne SEO

Pierwszą rzeczą, na którą możemy mieć wpływ, jest ciężkość strony, nad którą pracujemy. W Crisp, przed moimi początkami, zespół zaczął już pracować nad stroną, która była w pełni zakodowana.

Jest to dość proste - używamy języka programowania o nazwie JADE. Jest to prosty język programowania, który kompiluje kod w celu wygenerowania statycznych stron HTML, które serwujemy odwiedzającym naszą witrynę.

Zauważ, że nasze oprogramowanie nie jest zbudowane przy użyciu JADE, lecz VueJS. Jeśli chcesz dowiedzieć się więcej na ten temat, napisaliśmy artykuł Artykuł o migracji VueJS.

Dlaczego budujemy nasz własny CMS od podstaw?

Nowoczesne systemy CMS, takie jak Webflow czy WordPress, są dobre, nie kłamię tutaj. Ale nie są wystarczająco dobre dla naszych wymagań.

Chcemy, aby nasza strona była szybka

Chcemy, aby nasza strona internetowa była tak dobra jak nasz produkt pod względem doświadczenia użytkownika. Kiedy budujesz witrynę WordPress, jest ona dostarczana z dedykowaną bazą danych, żądaniami do dziesiątek zewnętrznych zasobów, takich jak wtyczki lub skrypty JS, a zatem spowalnia szybkość ładowania.

Podobnie jest w przypadku wielu systemów CMS, na których trzeba oprzeć się na istniejącej strukturze, aby zbudować techniczną strategię SEO.

Odkąd przybyłem do Crisp, strona nie przestaje ewoluować i poprawiać się dzięki pomysłom i ulepszeniom, które wprowadzamy na naszej stronie.

Chcemy w pełni kontrolować nasz rozwój

W przypadku takich narzędzi, jak Shopify czy WordPress, polega się na zespołach produktowych, które kierują produkt we właściwym kierunku, a tego nie można kontrolować.

W Crisp, mamy pełną własność naszych optymalizacji, wyborów technicznych i strategii, które wdrażamy, aby zbudować najlepszą strategię SEO w najszybszym możliwym tempie.

Poznaj Ranktracker

Platforma "wszystko w jednym" dla skutecznego SEO

Za każdym udanym biznesem stoi silna kampania SEO. Ale z niezliczonych narzędzi optymalizacji i technik tam do wyboru, może być trudno wiedzieć, gdzie zacząć. Cóż, nie obawiaj się więcej, ponieważ mam właśnie coś, co może pomóc. Przedstawiamy Ranktracker - platformę all-in-one dla skutecznego SEO.

W końcu otworzyliśmy rejestrację do Ranktrackera całkowicie za darmo!

Załóż darmowe konto

Lub Zaloguj się używając swoich danych uwierzytelniających

Na przykład, wdrożyliśmy schema.org markup na określonych stronach naszych witryn za pomocą integracji JSON.

Właściwości SERP dzięki zastosowaniu schema.org markup

Chcemy zbudować zespół ludzi znających się na technologii

W Crisp wierzymy, że każdy powinien być w stanie zmodyfikować plik JSON i skompilować kawałek kodu, aby zmodyfikować zawartość strony internetowej.

Dlatego wokół strony gromadzimy zespół ludzi technicznych: Programiści front-end, marketerzy techniczni i inżynierowie sprzedaży każdego dnia pracują nad ulepszaniem strony. Niezależnie od tego, czy chodzi o treść, czy też o samą obsługę.

Jest to dla nas sposób na rekrutację wysoce utalentowanych osób, które mają pełny przegląd strategii technicznych i marketingowych.

Teraz, kiedy już rozumiesz naszą filozofię i strategię, zagłębmy się w techniczne optymalizacje SEO i w to, jak możemy budować lepsze doświadczenia za pomocą prostych narzędzi, dostępnych za darmo w sieci.

Przejrzyj swoje techniczne SEO jednym kliknięciem

Kiedy zaczynam pracę, lubię zobaczyć, od czego zaczynam i jest to dokładnie ten sam proces, który zastosowałem 3 lata temu, kiedy przybyłem do Crisp.

Lubię budować audyt, który zagląda głęboko w..:

  • Audyt techniczny
  • Audyt treści
  • Audyt popularności

Ramami audytu podzielę się z Tobą w dalszej części tego dokumentu.

Google Lighthouse to światło, które poprowadzi Cię przez zalecenia dotyczące wymagań Google w zakresie technicznych optymalizacji SEO.

Napisaliśmy poradnik na temat optymalizacji Google Lighthouse, który prowadzimy w Crisp, zachęcamy do zapoznania się z nim! Pozwoliło nam to bardzo łatwo poprawić nasz wynik Latarni Morskiej.

Zmęczony czytaniem artykułu? Oto jego krótki fragment:.

  1. Wejdź na stronę web.dev i przeprowadź audyt swojej witryny.

Przykład wyników audytu usługi Google Lighthouse (Przykład wyników audytu usługi Google Lighthouse)

  1. Ustal priorytety na liście działań do naprawienia
  2. Obserwuj naturalną poprawę rankingu

Możesz również skorzystać z super Dareboost, który oferuje szeroki zakres optymalizacji, sięgających głębiej w lejek technicznego SEO.

Raport Dareboost

Jak widzisz, wciąż mamy kilka rzeczy, nad którymi możemy popracować, aby uczynić stronę jeszcze szybszą i łatwiejszą w użyciu.

Dzięki tym dwóm narzędziom zrozumiesz, co musisz osiągnąć, aby poprawić swoje techniczne SEO i wypaść wyżej w swoich ukochanych wyszukiwarkach.

Teraz, gdy masz już jasny obraz tego, co musisz poprawić pod względem technicznym, skupmy się na semantycznej trafności Twojej strony, aby zrozumieć, czy jest ona dopasowana do Twojego rynku docelowego.

Zrozumienie gęstości słów kluczowych dla technicznego SEO

Kiedy wszedłem do gry, aby wynieść stronę Crisp na księżyc, musiałem się upewnić, że nasza treść jest odpowiednio spreparowana.

Musiałem się upewnić, że semantyczna struktura strony jest dobrze zbudowana. Oto moja lista rzeczy do zrobienia, kiedy sprawdzam semantyczną strukturę strony internetowej. Jest to coś, w co powinieneś się naprawdę zagłębić, ponieważ bardzo niewielu twórców stron internetowych, agencji, deweloperów zwraca na to uwagę.

Sprawdź strukturę swojej strony HTML jednym kliknięciem

Ja używam Web developer, który jest dodatkiem do Google Chrome. Jest bardzo łatwy w użyciu i nie nudzi się.

Web Developer Chrome Addon

Kliknij "View Document Outline ", gdy chcesz sprawdzić, jak wygląda strona i jej struktura. Oto przykład tego, co zrobiliśmy w Crisp.

Zarys dokumentu

Każdy Hn ma wpływ na zagęszczenie słów kluczowych i zrozumienie przez Google strony, nad którą pracujesz.

I tak, to prawda, mógłbym pozbyć się ostatniego H2 ponieważ zmniejsza to gęstość słowa kluczowego, które jest celem na tej stronie.

Czy zgadłeś, nad jakim słowem kluczowym pracuję?

Analiza ta powinna być połączona z analizą gęstości słów kluczowych, aby upewnić się, że Google rozumie Twoją treść we właściwy sposób.

Sprawdź gęstość słów kluczowych strona po stronie

Aby pomóc Ci zrozumieć, jak dobre jest Twoje zagęszczenie słów kluczowych, masz do dyspozycji narzędzia, które pomogą Ci lepiej zrozumieć, jak powinieneś skonstruować swoją stronę.

Ja osobiście używam Alyze, francuskiego oprogramowania do analizy gęstości słów kluczowych.

Gęstość słów kluczowych

Dla każdej strony daje Ci to jasny obraz najbardziej wyróżniających się słów kluczowych na Twojej stronie.

Bonus: Analizuj crawle z robotów Google

Crawle z robotów można analizować. Musisz wiedzieć, że masz specjalny budżet, który jest związany z Twoją witryną. Budżet ten musi być mądrze wykorzystany przez roboty wyszukiwarki Google.

W tym celu warto skorzystać z narzędzi takich jak oncrawl.com, aby uniknąć błędów w witrynie, zbyt wielu przekierowań lub stron osieroconych.

Większość ludzi twierdzi, że budżet na indeksowanie jest nieistotny dla witryn z oprogramowaniem SaaS, ponieważ liczba stron jest zbyt mała. W Crisp nie wierzymy w to. Wierzymy, że Google lubi każdą optymalizację, niezależnie od tego, czy masz 15, 150 czy 1500 stron w swojej witrynie.

Przy każdym nowym wydaniu ewolucji i ulepszeń przeprowadzam analizę oncrawl, aby sprawdzić, czy wszystko przebiega prawidłowo.

Ale nie o to tutaj chodzi, mówimy o robotach Google, które indeksują Twoje treści.

Poznaj Ranktracker

Platforma "wszystko w jednym" dla skutecznego SEO

Za każdym udanym biznesem stoi silna kampania SEO. Ale z niezliczonych narzędzi optymalizacji i technik tam do wyboru, może być trudno wiedzieć, gdzie zacząć. Cóż, nie obawiaj się więcej, ponieważ mam właśnie coś, co może pomóc. Przedstawiamy Ranktracker - platformę all-in-one dla skutecznego SEO.

W końcu otworzyliśmy rejestrację do Ranktrackera całkowicie za darmo!

Załóż darmowe konto

Lub Zaloguj się używając swoich danych uwierzytelniających

Aby to zrobić, musisz wyszukać określonego agenta użytkownika, który nazywa się "GoogleBot ". Jeśli masz CloudFlare na swojej stronie internetowej, ponieważ zastosowałeś się do naszych wcześniejszych zaleceń, to właśnie tam powinieneś uzyskać wyciąg ze swoich "trafień". W przeciwnym razie możesz poprosić o logi z serwera, na którym znajduje się Twoja witryna - powinny być one przechowywane na tym poziomie.

Trafienia to wizyty wykonane przez GoogleBot. Wbrew powszechnemu przekonaniu, GoogleBot nie przegląda całej Twojej witryny na raz. Odwiedza jedną stronę, a następnie ją opuszcza.

Dlatego musisz bardzo uważać na jakość jego doświadczeń.

Analizując częstotliwość odwiedzin każdej strony, dowiesz się, które z nich są najpopularniejsze w Twojej witrynie w oczach Google i być może dostrzeżesz kilka nieciekawych stron, które nie powinny być odwiedzane przez GoogleBota.

Komentarz autora

Mam nadzieję, że ten artykuł pomoże Ci skierować sprawy we właściwym kierunku. Jeśli chcesz dalej dyskutować ze mną na ten temat, zapraszam do dodania mnie na Linkedin lub na Twitter, chętnie z Tobą porozmawiam.

Antoine Goret

Antoine Goret

CMO, Crisp

is Chief Marketing Officer at Crisp. Passioned for innovation and entrepreneurship, helping SMBs to change the way they chat with their users.

Zacznij używać Ranktrackera... Za darmo!

Dowiedz się, co powstrzymuje Twoją witrynę przed zajęciem miejsca w rankingu.

Załóż darmowe konto

Lub Zaloguj się używając swoich danych uwierzytelniających

Different views of Ranktracker app