OPTYMALIZACJA WEWNĘTRZA STRONY WWW. CZYM JEST SEO ON-SITE?

By 21 marca 202021 sierpnia, 2020Marketing, Web Development
Optymalizacja wewnętrzna to jeden z kluczowych elementów w procesie pozycjonowania strony www. Z tego artykułu dowiesz się jakie elementy zoptymalizowałem na stronie, którą właśnie czytasz. Wpis szczególnie polecam osobom, które chcą zająć się pozycjonowaniem stron opartych o system zarządzania treścią WordPress. Ten CMS oferuje gotowe rozwiązania właściwie do większości opisanych elementów, bez konieczności ingerencji w kod źródłowy aplikacji,

Co to jest SEO os-site (on-page)?

Maksymalnie upraszczając zagadnienie pozycjonowania strony internetowej możemy podzielić je na 2 podstawowe części:

SEO on-site

Są to wszystkie czynniki wewnątrz twojej strony internetowej, które według Google mają wpływ na to, na którym miejscu algorytm umieści ją w wynikach wyszukiwania na daną frazę. Podobno Google bierze pod uwagę ponad 200 takich czynników, więc im lepiej spełnisz wymagania Google, tym potencjalnie większych ruch wygenerujesz w swoim serwisie. Oczywiście pozycjonowanie on-site nie sprowadza się do odhaczenia checklisty. To znacznie bardziej zawiły proces, w który wiele zmian można dokonać na wiele sposobów i nie zawsze przynoszą one pożądany efekt. Dzieje się tak ze względu na niejednoznaczne wytyczne Google. Ja zapewne też wiele nich w tym projekcie mogłem zrobić inaczej lub w ogóle nie dokonywać danej zmiany.

SEO off-site

Są to wszystkie czynniki mające wpływ na pozycjonowanie, które znajdują się poza witryną. Chodzi głównie o linki do strony na forach, blogach, własnym zapleczu, social media itp. Tu również temat nie jest tak prosty i nie sprowadza się jedynie do dodawania spamowych linków w ogromnych ilościach.

1. Domena a pozycjonowanie

Część czynników seo-site należy rozważyć jeszcze przed rozpoczęciem procesu stawiania aplikacji. Te elementy dotyczą głównie domeny. Jeżeli będziesz chciał zmieniać coś po zaindeksowaniu witryny w Google musisz się liczyć z możliwymi komplikacjami, jak na przykład przekierowywanie starych adresów itp. Lepiej wybrać raz i trzymać się tego schematu tworzenia adresów url.

Nie martw się! Różnica między domeną, która ma sześć miesięcy, a roczną, nie jest wcale taka duża.

Matt Cutts - Były główny Inżynier Google do spraw jakości wyszukiwania

Wierząc w słowa byłego pracownika Google wiek domeny nie ma wielkiego znaczenia. Jednak Matt Cutts wspomina jedynie o różnicy między roczną, a półroczną domeną. Co w przypadku domeny, która ma 10 lat i tej świeżo wykupionej? Na pewno w przypadku boringowl.io nie rozważałem kupna wcześniej zarejestrowanej domeny i "przejęcia" jej historii. Domena musiała zwierać brand w nazwie, a do wyboru pozostało jednie rozszerzenie i ostatecznie padło na końcówkę .io, ponieważ .com była zajęta.

Oprócz wieku i historii w wohis, nazwa domeny powinna również zawierać słowa kluczowe, na które będzie pozycjonowana. Moje frazy znajdowały się obrębie grupy "Software house & Marketing on-line", czyli dotyczyły programowania, tworzenia aplikacji mobilnych i webowych, a w drugiej kolejności marketingu i uczenia maszynowego. Tu również nie mogłem wiele zoptymalizować - raczej domeny typu "strony-internetowe_pl" są już zajęte, a dodatkowo zależało mi na domenie brandowej.

Whois - informacje na temat domeny

Dane na temat domeny z whois.domaintools.com

2. Meta Title & Meta Description

W omawianym projekcie duża część parametrów SEO on-site jest generowana za pomocą wtyczki Yoast for SEO. Ten plugin zna większość web masterów, którzy używają WP na co dzień. Yoast między innymi umożliwia ustawienie dla każdej podstrony metatagów title i description. Dodatkowo w niektórych przypadkach dodaje opisy dynamicznie na podstawie tytułu strony czy innych zdefiniowanych elementów, oszczędzając administratorowi czas. Jednak wpisane ręcznie, przemyślane i unikatowe parametry metatitle i metadecrription prawie zawsze będą lepsze od powtarzalnego sechematu narzuconego w CMS. Tak wyglądały moje metatagi dla strony głównej.

metatitle i metadescription, seo on-site

W metatagach ważne jest nasycenie słowami kluczowymi, na które chcecie się pozycjonować w wyszukiwarce. Istotne jest także, aby fraza kluczowa występowała na początku tytułu i opisu. Oczywiście treści powinny być jak najbardziej naturalne i wartościowe z punktu widzenia użytkownika. Wpisanie ciągiem samych słów kluczowych to nie najlepszy pomysł, jednak musisz gdzieś je umieścić, więc warto chwilę przemyśleć jak będzie wpis z poziomu użytkownika w wyszukiwarce i najlepiej wpleść słowo kluczowe w treść title i description. Te elementy będą miały też wpływ na odsetek wyświetleń, które doprowadziły do kliknięcia, czyli CTR.

3. Optymalizacja nagłówków H1, H2, H3... i treści na stronie

Nagłówki od H1 do H6 wyznaczają hierarchię treści na stronie internetowej, także jeżeli chodzi o SEO należy się trzymać kilku zasad przy jej ustalaniu:
  • na każdej podstronie powinien znajdować się tylko jeden nagłówek H1 zawierający frazę kluczową, najlepiej na początku wyrażenia,

  • zachowaj spójność nagłówków w całej witrynie – treści zawarte w każdym ze stopni nagłówka powinny mieć ten sam rozmiar, formatowanie itp.,

  • podziel tekst na akapity – jest to ważne zarówno pod kątem wyszukiwarki, jak i użytkownika – dużo wygodniej czyta się tekst podzielony na akapity,

  • unikaj używania w nagłówkach H pogrubień, wyróżnień itp.

Nagłówki od H1 do H6 wyznaczają hierarchię treści na stronie internetowej, także jeżeli chodzi o SEO należy się trzymać kilku zasad przy jej ustalaniu:

Treści na stronie, które nie mają przypisanych nagłówków, również są bardzo istotne pod kątem nasycenia frazami kluczowymi. W większości przypadków polecane jest użycie 2-3 słów kluczowych na każde 1000 znaków ze spacjami treści. Tekst powinien być jak najbardziej wartościowy z punktu widzenia użytkownika i oczywiście unikatowy. Kopiowanie krótkich fragmentów to również kiepski pomysł z punktu widzenia SEO.

4. Okruszki chleba

Okruszki chleba (ang. breadcrumbs) - ta nazwa trafnie określa funkcjonalność pomagającą przy pozycjonowaniu, jednocześnie nawiązuje do popularnej bajki. Przykład okruszków chleba na mojej stronie znajduje się poniżej.

Okruszki chleba (ang. breadcrumbs) pozycjonowanie

Breadcrumbs to nic innego jak element nawigacji wskazujący bieżącą pozycję użytkownika w witrynie. Bardzo często stosowane są w sklepach internetowych do nawigacji między kategoriam i podkategoriami produktów. Jednak okruszki chleba z powodzeniem można wykorzystać jako element nawigacji na blogu czy podstron z ofertą. Plugin Yoast SEO posiada funkcjonalność dodawania okruszków chleba do wpisów blogowych, stron archiwów tagów i kategorii. Jednak nie w każdym szablonie wszystkie funkcjonalności będą działać prawidłowo, dlatego w niektórych przypadkach należy ręcznie zmienić kod danej template generującej widok storny.

Okruszki chleba Yoast SEO, breadcrumbs Yoast

5. Blog, tagi i kategorie

Treści są czymś na czym zamierzam zarabiać prawdziwe pieniądze...

Bill Gates w eseju “Content is King” z 1996

Jak widać jeden z najbogatszych ludzi świata już w 1996 roku przewidywał, że publikacja wysokiej jakości treści będzie mieć wpływ na realne zyski. Nie pomylił się, niedługo później tytuł jego pracy "Content is king" stał się mottem dla wielu marketerów i wytycznych Google dotyczących pozycjonowania stron www.
Obecnie tworzenie treści przydatnych odbiorcom to podstawa, jeżeli chcecie zwiększyć widoczność strony w organicznych wynikach wyszukiwania.

Ja postanowiłem na stronie publikować posty tematycznie związane z zakresem działalności firmy, a także podzielić je na 3 podstawowe kategorie: Web Development, Marketing i AI Solutions. Dodatkowo każdy wpisy posiada tagi zawierające słowa kluczowe. Zarówno wszystkie kategorie, jak i tagi mają oddzielne podstrony z listą wpisów. W ten sposób w witrynie łatwiej odnaleźć się robotom i użytkownikom.

6. Optymalizacja grafik (atrybuty alt i nazwy)

Kojarzycie sytuację, gdy na stronie nie wyświetla się obrazek, a jedynie jego tekstowy opis? Jest to tekst alternatywny (atrybut alt), który wyszukiwarka pokazuje, gdy ma problem z wyświetleniem grafiki. Atrybuty alt obrazków to także informacja dla przeglądarki, co dokładnie znajduje się na grafice. Algorytmy Google prawdopodobnie potrafią rozpoznawać co znajduje się na obrazie, jednak to tekst alternatywny i nazwa wpływają na wartościowanie pod kątem pozycji w wyszukiwarce na dane zapytanie.

W WordPress można z łatwością dodawać czy edytować nazwy i alty obrazków. Przy dodawaniu danej grafiki wystarczy wpisać tekst w wyznaczonych miejscach.

Atrybuty ALT obrazków SEO, tekst alternatywny w grafikach

7. Prędkość ładowania strony

Często strony oparte o WordPress są po prostu wolne. Słabe parametry PageSpeed wynikają najczęściej z przeładowaniem witryny elementami generowanymi za pomocą kreatorów wizualnych lub wtyczek. Do tego dochodzą niezoptymalizowane rozmiary grafik i wolny serwer. W ten sposób zwiększamy nie tylko prawdopodobieństwo zamknięcia serwisu przez użytkownika zanim w ogóle zawartość zdąży się wczytać dodatkowo osłabiamy swoją pozycję w wyszukiwarce, ponieważ Google wyżej rankuje strony z lepszym współczynnikiem PageSpeed.

Page Speed, prędkość strony w SEO

O ile w moim przypadku szybkość ładowania na desktop była według PageSpeed Insights przyzwoita, to wersja mobile osiągała wynik w granicach 20-30, więc bardzo słabo. Nie udało się go polepszyć nawet po mocnej redukcji wagi grafik i zastosowaniu plaginu WP Fastest Cache. Strona jest długa i posiada mnóstwo elementów czy animacji. Postanowiłem nie usuwać i nie redukować znacząco całego layoutu, ponieważ mierzony innym narzędziami czas ładowania witryny był lepszy. Tak samo przy praktycznym sprawdzaniu w przeglądarce.

8. Mapa witryny i plik robots.txt

Mapa witryny w formacie .xml to funkcjonalność, która pozwala lepiej odnaleźć się w serwisie robotom wyszukiwarek oraz pomaga w indeksowaniu adresów. Jest zbiór wszystkich adresów url strony w formie zbliżonej do spisu treści.

Mapa witryny, sitemap w formacie xml SEO

Wtyczka YoastSEO posiada automatyczną możliwość tworzenia sitmemap.xml oraz pliku robots.txt. W przypadku konieczności stworzenia mapy strony ręcznie wystarczy zwykły plik tekstowy w odpowiednim formacjie.
O ile pliki robots.txt według ostatnich doniesień nie są już brane pod uwagę przez Google (Bing i Yahoo dalej z nich korzystają), o tyle mapa witryny jest wręcz niezbędna i warto ją wgrać przez Google Search Console. Dzięki temu na pewno przyspieszymy indeksowanie w wyszukiwarce.

Podsumowanie tematu SEO on-site

Po optymalizacji wewnętrznej moja strona zaindeksowała się na kilkadziesiąt fraz kluczowych, w niektórych przypadkach bardzo wysoko pojawiły się adresy stron kategorii i tagów. Na pewno jest jeszcze wiele do zrobienia i będę starał się testować kolejne czynniki, jednak już teraz widzę efekty tych działań, choć zapewne nie wszystko zostało jeszcze przetworzone przez algorytmy Google.
Cały czas rozbudowuję treści na stroni, czego ten wpis jest najlepszym przykładem. W tym momencie uważam, że systematycznie dodawany content jest konieczny do dalszego wzrostu pozycji w wyszukiwarce.

Tomasz Kozon

Autor Tomasz Kozon

Zajmuję się projektowaniem aplikacji i serwisów internetowych. Posiadam wiedzę i doświadczenie z zakresu: programowania (JS, PHP, CSS, HTML), Marketing Automation, WebDev, kampanii w Social Media, SEO, SEM, kampanii mailingowych i copywrittingu. Obecnie kieruję spółką Boring Owl i organizacją non-profit. Rozwijam start-upy, programuję i zarządzam projektami zintegrowanych kampanii marketingu w wielu kanałach on-line.

More posts by Tomasz Kozon