Optymalizacja stron i sklepów internetowych pod SEO – czemu tak ważna?
Zoptymalizowanie witryny w obecnych czasach jest wymogiem, o którym powinien pomyśleć każdy, kto chce zyskać przewagę nad konkurencją. Według statystyk przeciętny użytkownik przed podjęciem decyzji w sprawie nabycia produktu lub skorzystania z usługi jakiejś firmy pierw szuka o nich informacji w internecie – najczęściej z użyciem wyszukiwarki internetowej. Ponad 95% internautów w Europie decyduje się na wykorzystanie wyszukiwarki Googla w pracy i poza nią. Co więcej, ponad 80% poszukiwań kończy się po otwarciu pierwszych pięciu wyników, co oznacza, że jeżeli jakaś firma chce zdobyć klientów, jej witryna musi pojawić się jako jeden z nich, na jak najwyższej pozycji.
Jak tego dokonać? Z pomocą przychodzą reklamy, pozycjonowanie i optymalizacja witryn.
No właśnie, dlaczego optymalizacja? Wszystko wynika ze sposobu, w jaki funkcjonuje wyszukiwarka Google. Każda ze stron internetowych co jakiś czas zostaje poddana indeksacji (zweryfikowaniu, jakiego rodzaju treści znajdują się na niej) oraz tzw wycenie. Optymalizacja stron ma na celu sprawienie, że owa wycena z punktu widzenia wyszukiwarki będzie jak najwyższa.
Na co zwracają uwagę roboty wyszukiwarki Google podczas oceniania strony?
Dokładny sposób działania robotów jest tajemnica firmową Google, jednak istnieje bardzo dużo wytycznych, które na pewno pomogą w poprawieniu jakości witryny i jednocześnie zapewnią wysoką wartość strony ?w oczach? Google.
Co zatem brane jest pod uwagę? Oto lista najistotniejszych elementów:
- Struktura strony
- Metadata
- Tagi
- Przystosowanie pod technologie mobilne
- Czas ładowania strony
- Podlinkowania
- Grafika
- Przekierowania i strony błędów
- SiteMap
No dobrze, ale czym właściwie jest optymalizacja witryny?
Praktycznie cała optymalizacja odbywa się w kodzie witryny i polega na niezbędnych zmianach specyficznych fragmentów kodu, pomagających w indeksacji podstron i nawigacji między nimi. Szczególny nacisk powinien zostać położony na wyróżnienie elementów uwzględniających słowa kluczowe powiązane z tematyką serwisu.
Kolejny ważny element, na który będą zwracały uwagę roboty wyszukiwarek to nawigacja między stronami witryny. W tym przypadku optymalizacja będzie się skupiała na przejrzeniu kodu, celem znalezienia słów kluczowych, po których internauci zdołają nas znaleźć. Należy pamiętać, że programy wyszukiwarek nigdy nie będą doskonałe i co za tym idzie należy dostosować całą nawigację pod ich działanie. Fakt, że poskutkuje to sprawniejszym przechodzeniem po stronie samych użytkowników jest niewątpliwie plusem.
Tagi i MetaTagi
- Tytuł strony, który znajduje się między znacznikami <title> ? </title> w sekcji nagłówka strony jest traktowany jako główna etykieta, po której nie tylko roboty internetowe będą kojarzyły stronę z daną treścią, ale również posłuży do przekonania samych użytkowników strony co do jej zawartości. Jeżeli użyta w tytule fraza będzie sformułowana w sposób atrakcyjny dla osoby korzystającej z wyszukiwarki z pewnością wejdzie w taki odnośnik. Należy pamiętać, aby tytuły były unikalne.
- Opis witryny, również zlokalizowany w nagłówku zawarty jest w znacznikach <meta name=”description” content=”…? />, gdzie content odpowiada za treść opisu. Jego długość powinna wynosić do 150 znaków ze względu do tendencji przycinania ich na listach wyników wyszukiwań. Bardzo istotną rzeczą jest, aby na żadnych dwóch stronach nie występował dwa razy taki sam opis. Wyszukiwarki mogą potraktować takie zjawisko za zdublowanie i nie tylko obniżają pozycję witryny, ale również mogą nie zaindeksować jednej ze stron.
- Meta keywords to kolejny znacznik meta, który, choć niezbyt istotny, to jednak wciąż jest brany pod uwagę podczas indeksacji strony przez niektóre wyszukiwarki. Ma postać <meta name=”description” content=”…? /> i powinien składać się z unikalnych dla każdej strony grupy słów, odzwierciedlającą zawartość treści.
- Tagi wyróżniające HTML mają tendencję do bycia obiektami szczególnej uwagi robotów wyszukiwarek. Dzięki takim znacznikom jak <strong>, <em>, <H1> do <H6>i wielu innych można wskazać na dany tekst na stronie w celu wyróżnienia semantycznego. Innymi słowy dajemy programom znak, że dana treść jest szczególnie istotna. Jeżeli efekty danych tagów nie zadowalają nas wizualnie, np. nie chcemy mieć pogrubionego tekstu w danym miejscu, zawsze można skorzystać ze stylów CSS do skorygowania wyglądu zawartości. Należy pamiętać, że, mimo podobnego efektu niektóre znaczniki będą inaczej traktowane, np. <b> i <strąg> – pierwszy służy do akcentu wizualnego, drugi semantycznego, choć oba pogrubiają tekst w taki sam sposób.
Podlinkowania
Hiperłącza, czyli odnośniki przekierowujące użytkownika na skojarzone z nimi strony bardzo znacząco wpływają na sposób, w jaki roboty wyszukiwarek postrzegają witrynę. Istnieje wiele wyznaczników i zaleceń dotyczących zamieszczania linków na stronach, których przestrzeganie pomoże nam w podniesieniu swego rankingu.
Przyjmuje się, że adres podstron zawarty w odnośnikach nie powinien przekraczać 100 znaków. Co za tym idzie starajmy się budować nasze podstrony tak, aby ich adresy spełniały tą zasadę. Dla stałych adresów należy również unikać stosowania zapytań querry w miejscach, gdzie są one niepotrzebne. Mowa o treści, która występuje po znaku ??? w adresie stron: http://przykładowa_domena/przykładowa_podstrona?dana1=c30a8
Dodatkowo, ze względu na samą budowę i funkcję możemy wyróżnić dwa rodzaje podlinkowań wewnętrznych, tj. w obrębie witryny: w ciele strony i nawigacji. Na razie skupmy się na tych pierwszych, poruszając element nawigacji przy omawianiu struktury strony..
Każdy odnośnik, niezależnie czy wiedzie do elementu na tej samej stronie, czy ma na celu przenieść czytelnika na nową posiada taką samą strukturę: <a href=?adres_linku?>Tekst linku</a>
Podlinkowania tekstowe
Odnośniki są niezwykle istotną częścią wyceny strony przez wyszukiwarkę. Dzięki nim są w stanie skojarzyć podlinkowane słowa kluczowe ze stroną, do której będa wiodły.
Na przykład <a href=?http://jakaś_strona?>Przykładowa strona</a> spowoduje przypisania hasła ?przykładowa strona? do strony, która będzie znajdować się pod adresem http://jakaś_strona.
Znacznik odnośnika można dodatkowo wzbogacić o atrybut ?title?:
<a href=?adres_linku? title=?tytuł linku?>Tekst linku</a>
Chociaż ten atrybut nie jest wymagany ani szczególnie istotny, to jednak może okazać się użyteczny dla odbiorców strony. Zawartość title odnośnika ukaże się pod postacią chmurki z treścią w momencie najechania na link kursorem. Można zatem traktować ten atrybut jako miejsce na dodatkowy opis, skierowany do internautów.
Podlinkowania grafiki
Innym, często stosowanym sposobem na wstawianie odnośników jest podlinkowanie obrazków. Odbywa się to w taki sam sposób, jak z tekstem, tylko że, zamiast treści między znacznik <a> i </a> umieszczamy grafikę:
<a href=?adres_linku? title=?tytuł linku?><img src=?źródło_obrazka? alt=?alternatywny tekst obrazka?></a>
Tak podlinkowany obraz, po kliknięciu na nim będzie przenosił użytkownika we wskazany w odnośniku adres.
Zwróćmy teraz uwagę na budowę znacznika img. Zawiera atrybuty src – adres, pod którym znajduje się oryginalny obraz, oraz alt – tekst alternatywny, który zostanie pokazany w przypadku, kiedy pod adresem obrazu z jakiegoś powodu nie zostanie odnaleziona grafika.
W przypadku podlinkowania obrazu to tekst alternatywny będzie traktowany jako hasło kluczowe.
Adresy względne i bezwzględne
Zarówno adresy względne jak i bezwzględne mogą być używane do podlinkowań wewnątrz witryny, chociaż roboty indeksujące wyszukiwarek lepiej odnoszą się do tych pierwszych w przypadku poruszania się po podstronach serwisu. O co jednak chodzi z tym podziałem i czym różni się jeden adres od drugiego? Najprościej można zobaczyć różnicę na przykładzie:
http://przykładowa_domena/przykładowa_podstrona.html – adres bezwzględny
/przykładowa_podstrona.html – adres względny
Oba, zagnieżdżone na jednej ze stron witryny http://przykładowa_domena będą prowadziły na tą samą podstronę i zadziałają poprawnie. Różnica polega na tym, że linku względnego nie można stosować do odesłania na strony, które różnią się domeną. Przeglądarka po kliknięciu na link z adresem względnym automatycznie dopowie sobie początkową część na podstawie strony, z której nastąpiło przekierowanie. Brak domeny jest jednoznaczne z powiedzeniem, że dana strona należy do witryny.
Linki wychodzące zewnętrzne to odnośniki prowadzące do stron nie należące do naszej witryny (o innej domenie). Budując nawigację na stronie należy pamiętać, aby nie przekraczać liczby 100 linków wychodzących, zachowując optymalną ilość 20-40 odnośników. Ta zasada wynika za sprawą Google, które już od jakiegoś czasu posługuje się dosyć złożonym systemem wyceny. Polega on na przydzieleniu każdej stronie swoistej ?siły głosu?. Im więcej linków znajdzie się na stronie, tym bardziej owa siła zostanie podzielona i osłabiona. Ponieważ duża liczba linków na stronie jest zjawiskiem niepożądanym Google ma tendencję do wykluczania takich stron z listy wyszukiwań (banowania), czego należy bezwzględnie unikać.
Pożądaną cechą jest natomiast linkowanie stron o zbliżonej tematyce, posiadające mocna pozycję. Wstawianie odnośników do witryn o słabej jakości merytorycznej, posiadającej setki linków lub zbanowanych przez Google może doprowadzić do postrzegania naszej strony przez pryzmat ?złego sąsiedztwa? i w efekcie obniżenia punktacji.
Aby unikać obniżenia własnej pozycji podlinkowując nisko punktowaną stronę należy osłabić siłę takiego linku. W tagu odnośnika zaleca się stosowanie atrybutu rel=?nofollow?. Oznacza on tyle, że autor wstawiający odnośnik nie chce, aby jego witryna była utożsamiana ze stroną, do której prowadzi ten odnośnik. Należy również pamiętać, że zastosowanie ?nofollow? nie zwalnia z zasady nie przekraczania 20-40 linków na stronie.
Przystosowanie wyświetlania pod urządzenia mobilne
Mówi się, że Google ?lubi? strony przystosowane do wyświetlania na różnej wielkości ekranów. Co prawda w obecnych czasach nie posiadanie tak dostosowanej witryny jest jednoznaczne z ignorowaniem ponad 40% potencjalnych klientów, nie wspominając o złym kojarzeniu się marki i każe się zastanowić, czy inwestowanie sił w optymalizację pod SEO ma sens.
Efekt dostosowania strony do urządzeń mobilnych można uzyskać za pomocą technologii responsywności lub osobną stronę, tzw. dedykowaną. Oba rozwiązania mają swoje plusy i minusy, które głównie będą zależeć od efektu, jaki chce się, aby witryna spełniała i zaleca się w tej materii konsultację ze specjalistą.
Szybkość ładowania strony
Czas ładowania strony jest dla Google bardzo istotny i mocno zaważa na punktacji. Sama optymalizacja witryny wymaga jednak sporych nakładów pracy i znajomości technologii wykorzystywanych w całym procesie, od momentu wysłania zapytania do serwera do chwili otrzymania od niego ostatniego pakietu danych. Najważniejszymi elementami, jakie wpływają na szybkość ładowania zawartości stron to przede wszystkim wielkości grafik, ilość załączanych zewnętrznych plików, skryptów i styli oraz wykorzystanie pamięci podręcznej casche. Ta ostatnia szczególnie przysłuży się do znacznego skrócenia czasu, potrzebnego do załadowania witryny.
Struktura strony
Sposób konstruowania strony jest ściśle powiązany z elementami HTML interpretowanymi przez roboty wyszukiwarek. Chociaż zdania są podzielone co do istotności znaczenia problemu, większość specjalistów zaznacza, że prace nad algorytmami wyceniającymi Googla wciąż trwają i warto już teraz przystosować swoją stronę pod nadchodzące zmiany.
Z czym miałyby się wiązać?
Podzielenie strony na główne obszary: nagłówek – <head> </head>, główna część strony – <main> </main>, oraz stopka – <footer> </footer>;
Konsekwencja stosowania takiego podziału ma istotny wpływ na rozpatrywanie zawartości przez roboty. Linki znajdujące się w stopce będa miały znacznie mniejszą siłę niż te, znajdujące się w ciele strony, otoczone tekstem i treścią merytoryczną. Dzięki zastosowaniu znacznika <main> wskazujemy również obszar, który uznajemy za najważniejszy element strony. W <head> natomiast można zazwyczaj się spodziewać logo i główna nawigację, oznaczoną tagiem <nav> </nav>.
Budując nawigację swojego serwisu należy pamiętać, że jeżeli na stronie występuje więcej linków odsyłających do tej samej strony, lecz inaczej opisanych tylko jeden zostanie wzięty pod uwagę, podczas gdy cała reszta będzie pominięta. W tym celu stosuje się dodatkowe oznaczenie – element strony <nav> </nav> oznacza nawigację wewnętrzną i jest jednoczesnym sygnałem dla robotów wyszukiwarek, że linki znajdujące się w tym obszarze powinny mieć priorytet nad innymi, znajdującymi się w innych miejscach strony.
Kolejną zasadą budowania stron internetowych i wyznaczania wartości elementów na niej jest stosowanie znaczników nagłówków: <H1> do <H7>. Przyjmuje się, że na jednej stronie powinien wystąpić jeden nagłówek <H1> </H1>, traktowany jako najważniejszy. Pozostałe nagłówki mogą się powtarzać i stopniują najważniejsze treści na stronie. Należy jednak pamiętać, że, tak jak wskazuje ich nazwa, powinny być stosowane do opisywania samych nagłówków, czyli tytułów i wyróżnień, a nie treści.
Istnieje wyjątek od powyższej reguły, związany z coraz częstszym pojawianiem się tzw ?one page site? (jednostronicowych witryn) – składających się z jednej, długiej strony z kilkoma wyraźnie zaznaczonymi działami. Każdy z działów jest oznaczony w kodzie HTML znacznikiem <section>. Jedna sekcja może posiadać jeden nagłówek <H1>.
Ostatnimi omawianymi elementami, wpływającymi na ocenę stron przez Google dotyczą głównie sklepów internetowych. Mowa tu o zastosowaniu mikroformatów, czyli atrybutów rel, class i rev, które pomagają rozpoznać wyszukiwarce, która wartość oznacza cenę, liczbę opinii, ocenę użytkowników ect.
Przekierowania i strony błędów
Zarówno w dobrym guście jak i poprawnie postrzegane przez roboty jest obsługiwanie stron błędów. W przypadku, gdy z jakiegoś powodu serwer wykryje błąd powinien wywołać przekierowanie na stronę, która obsłuży go i wyświetli stosowną informację użytkownikowi. Nie ma nic bardziej irytującego niż pusta strona z jakimś niezrozumiałym numerem i brakiem możliwości powrotu do wcześniejszego miejsca, jak tylko nawigacją z poziomu przeglądarki.
SiteMap
Mapa strony to zewnętrzny dokument zawierający strukturę naszej witryny ze spisem stron. Pomaga w indeksacji przez wyszukiwarki, wskazując przejścia i hierarchię stron. Najczęściej występuje w postaci XML lub HTML i jest używany w celu upewnienia się, czy któraś z naszych podstron nie zostanie przypadkowo pominięta.
