Techniczna optymalizacja strony internetowej – elementy pozycjonowania on-site, które musisz poznać

Tworzenie struktury i mapy strony, stosowanie przekierowań, wdrożenie danych strukturalnych, czy uzupełnianie meta-tagów to tylko niektóre aspekty technicznego SEO. Sprawdź, jak optymalizować stronę pod kątem technicznym, aby zwiększyć jej widoczność w Google i ułatwić prowadzenie innych działań.

Wpływ szybkości ładowania na pozycję w wyszukiwarce

Na początku warto ustalić, ile trwa załadowanie serwisu. Z pomocą przychodzi bezpłatne narzędzie od Google’a, PageSpeed Insights. Narzędzie to ocenia szybkość ładowania strony w skali od 0 do 100 punktów, przy czym wynik otrzymujesz osobno dla wersji na komputer oraz na telefon.

Audyt PageSpeed Insights wskazuje, co wymaga poprawy, jakie błędy występują na stronie, a także, co dobrze działa. Dostajesz konkretne wskazówki, co należałoby wdrożyć. A czy warto poświęcić na to czas? Zdecydowanie! Jest to istotne nie tylko ze względu na User Experience (przyznaj się, ile razy wyszedłeś ze strony tylko dlatego, że czekałeś o kilka sekund za długo na jej pełne załadowanie?), ale także ze względu na algorytmy Google’a, które biorą pod uwagę ten czynnik. Im szybciej użytkownik otrzyma dostęp do treści, tym mniejsza szansa, że porzuci witrynę przed jej załadowaniem. Ponadto niska wydajność techniczna może obniżyć ranking nawet przy najlepiej przygotowanych treściach.

Rola meta tagów w optymalizacji on-site

W skrócie meta tagi to znaczniki, które wskazują na najważniejsze elementy strony, sprawiając, że są one lepiej widoczne w kodzie HTML, a co za tym idzie, robotom Google’a łatwiej do nich dotrzeć. Podstawowymi meta tagami jest meta title oraz meta description. Meta title to tytuł strony, natomiast meta description jej zwięzły opis wyświetlany w wynikach wyszukiwania.

Z jednej strony znaczniki te umożliwiają robotom szybkie zweryfikowanie, o czym jest dana podstrona, natomiast z drugiej, dzięki temu, że są wyświetlane w SERP, zachęcają użytkowników do kliknięcia twojej strony. Meta tagi powinny być unikalne, zawierać słowa kluczowe, a także motywować do odwiedzenia serwisu (stosuje się w nich np. CTA, czyli wezwanie do działania). Warto pamiętać, że każda podstrona powinna mieć własny, niepowtarzalny meta title i meta description – duplikowanie tych elementów osłabia ich skuteczność.

Atrybut ALT jako element optymalizacji obrazów

ALT, czyli tekst alternatywny, jest atrybutem przypisywanym obrazkom wyświetlanym na stronie. To jeden z najważniejszych elementów optymalizacji obrazów pod wyszukiwarki internetowe, dzięki któremu mogą być one wyżej wyświetlane m.in. w wyszukiwarce grafiki Google.

Czym jest tekst alternatywny? To zwięzły opis tego, co znajduje się na zdjęciu (pamiętaj, że roboty Google’a tego nie „widzą”, musisz im wskazać, czego dotyczy obrazek). Ponadto ALT jest wyświetlany na stronie w sytuacji, gdy występują problemy z załadowaniem obrazka podczas wyświetlania danej podstrony. Dobrze sformułowany atrybut ALT powinien być naturalny, zawierać odpowiednie słowo kluczowe (jeśli pasuje do kontekstu) i dokładnie opisywać zawartość grafiki – unikaj ogólników w stylu „zdjęcie1″ czy „obraz”.

Eliminacja błędów 404 i zastosowanie przekierowań

Jeśli dana podstrona nie istnieje, wyświetlany jest kod błędu 404 i powinieneś dbać o to, aby do takich sytuacji nie dochodziło. Błędy 404 występują najczęściej wtedy, gdy strona przenoszona jest na nowy adres, jest w przebudowie lub mapa strony zawiera niedziałające adresy URL. Ze względu na to, że błędy 404 zwiększają współczynnik odrzuceń, należałoby niedziałającą podstronę przekierować na inną, najlepiej podobną tematycznie.

Możesz skorzystać z przekierowania 301 (stałe) lub 302 (tymczasowe), przy czym w większości przypadków rekomenduje się 301. Jeśli usunąłeś konkretny produkt, przekieruj użytkownika na kategorię, w której się znajdował, lub na podobny produkt. Regularne monitorowanie audytów strony pozwala szybko wykrywać i naprawiać tego typu problemy.

Architektura informacji: mapa strony, nawigacja, linkowanie wewnętrzne

Poprawna architektura informacji na stronie wpływa na jej łatwiejsze indeksowanie, jest ważna z punktu widzenia SEO. O co trzeba zadbać? Przede wszystkim o odpowiednią nawigację, również nawigację okruszkową (breadcrumbs), istotną z punktu widzenia User Experience. Zaleca się stosowanie linkowania wewnętrznego, a jednym z obowiązkowych wręcz elementów jest utworzenie mapy strony (pliku sitemap.xml) oraz jej regularne aktualizowanie.

Czym jest plik sitemap.xml

Plik sitemap.xml to spis wszystkich podstron, które chcesz, aby Google zaindeksował. Zawiera adresy URL, a także dodatkowe informacje, takie jak data ostatniej modyfikacji czy częstotliwość aktualizacji. Po wdrożeniu pliku sitemap warto przesłać go do Google Search Console – dzięki temu proces indeksowania będzie przebiegał sprawniej.

Znaczenie breadcrumbs dla użytkowników i robotów

Nawigacja okruszkowa pokazuje hierarchię strony i położenie aktualnej podstrony w jej strukturze. Ułatwia to poruszanie się po serwisie, zwiększa czas spędzony na stronie i zmniejsza współczynnik odrzuceń. Dodatkowo poprawnie wdrożone breadcrumbs mogą być wyświetlane w wynikach wyszukiwania jako rozszerzone elementy SERP.

Linkowanie wewnętrzne jako czynnik rankingowy

Linkowanie wewnętrzne przekazuje moc (link juice) pomiędzy podstronami serwisu. Dzięki temu roboty łatwiej odkrywają nowe podstrony, a także lepiej rozumieją relacje pomiędzy tematami poruszanymi w treści. Warto linkować do najważniejszych podstron z różnych miejsc w serwisie, stosując naturalnie brzmiące anchory (tekst linku).

Dane strukturalne i rozszerzone wyniki wyszukiwania

Dane strukturalne to specjalne znaczniki oparte na schemacie schema.org, które pozwalają na precyzyjne określenie zawartości strony, a także umożliwiają wyświetlenie jej kluczowych elementów w rozszerzonych wynikach wyszukiwania (rich snippets). Dane strukturalne stosuje się m.in. w przypadku przepisów kulinarnych, filmów, książek, kursów, recenzji, ofert pracy czy sekcji FAQ. Oprócz tego, że wskazują robotom Google’a, jakie jest znaczenie najważniejszych elementów na stronie, to jeszcze zwiększają atrakcyjność serwisu w wynikach wyszukiwania.

Rodzaje danych strukturalnych

Do najpopularniejszych typów schema.org należą:

• Artykuł (Article) – stosowany w blogach, portalach informacyjnych, aby oznaczyć tytuł, datę publikacji, autora i miniaturę
• Produkt (Product) – zawiera nazwę produktu, cenę, dostępność, oceny użytkowników
• Recenzja (Review) – pozwala na wyświetlenie gwiazdek i ocen bezpośrednio w SERP
• FAQ (FAQPage) – umożliwia wyświetlenie pytań i odpowiedzi jako rozwijane sekcje w wynikach Google
• Oferta pracy (JobPosting) – zawiera stanowisko, pracodawcę, lokalizację, wynagrodzenie

Narzędzia do testowania danych strukturalnych

Po wdrożeniu znaczników schema warto skorzystać z narzędzi Google’a: Rich Results Test lub Schema Markup Validator. Pozwalają one sprawdzić, czy kod został poprawnie zaimplementowany i czy Google jest w stanie odczytać zamierzone informacje. Jeśli pojawią się błędy lub ostrzeżenia, należy je niezwłocznie poprawić, aby nie stracić szansy na wyświetlenie rich snippets.

Responsywność strony i Mobile First Index

W 2018 roku oficjalnie pojawiła się kolejna aktualizacja Google’a – Mobile First Index. Zakłada, że podczas określania pozycji serwisu w wynikach wyszukiwania najpierw będzie brana pod uwagę wersja na urządzenia mobilne, a dopiero potem wersja na komputery. Oznacza to, że jeśli chcesz, aby twoja strona dobrze się pozycjonowała, musisz ją przystosować do urządzeń mobilnych, wdrożyć wersję responsywną (wszystkie elementy widoczne na stronie dopasowują się do rozdzielczości ekranu).

Jak sprawdzić responsywność strony

Możesz skorzystać z narzędzia Mobile-Friendly Test od Google. Po wpisaniu adresu URL otrzymasz informację, czy strona jest odpowiednio zoptymalizowana pod urządzenia mobilne. Jeśli test wykryje problemy (np. zbyt małe czcionki, elementy zbyt blisko siebie, treści wykraczające poza ekran), musisz je usunąć, aby nie tracić potencjalnych użytkowników.

Testowanie na rzeczywistych urządzeniach

Oprócz automatycznych testów warto samodzielnie sprawdzić wygląd serwisu na różnych urządzeniach mobilnych (telefony, tablety) i w różnych przeglądarkach. Czasem błędy nie są wykrywane przez narzędzia, ale zauważają je użytkownicy – źle ustawiona nawigacja, brak możliwości kliknięcia w CTA, czy niecałkowicie widoczne formularze. Takie detale decydują o tym, czy odwiedzający zostanie na stronie i dokona konwersji.