#LaravelPoznanMeetup #9 Temat: "9 Elementów SEO na które musisz zwrócić uwagę podczas tworzenia strony internetowej" Autor: Anrzej Zieliński (.mta)

1. 9 Elementów SEO na które
musisz zwrócić uwagę
podczas tworzenia strony
internetowej

2. Andrzej Zieliński
SEO & Content Marketer
andrzej.zielinski@mta.digital
Zdjęcie

3. 1. STRUKTURA STRONY (URL ADRESY)
Struktura adresów URL witryny jest niezwykle ważna
zarówno dla użytkowników, jak i wyszukiwarek.

4. 1. STRUKTURA STRONY (URL ADRESY)
Dobre praktyki podczas tworzenia adresów URL
● Nie rekomenduje się aby adres URL był powyżej 100 - 115 znaków,
● Niezwykle ważne jest, aby adresy URL były czytelne, przyjazne dla użytkownika
● Powinien zawierać słowo kluczowe strony
● W razie potrzeby należy również uwzględnić lokalizacje (jak np. Warszawa, Kraków)
● Adres URL zawsze powinien być pisany małymi literami
● Zaleca się stosowania myślników zamiast podkreślników

5. 1. STRUKTURA STRONY (URL ADRESY)
Szablon - Sklep internetowy
● domena.pl/nazwa-kategorii/nazwa-podkategorii/nazwa-produktu (
domena.pl/nike/mercurial/superflyy-6-academy-ic)
Przykład - Iperfumy

6. 2. TYTUŁY (TITLE TAGS)
Meta Tytuł (Title Tag) jest pierwszym opisem strony,
który widzą użytkownicy w wyszukiwarce - Google, Bing.

7. 2. TYTUŁY (TITLE TAGS)
Najważniejszy element SEO podczas optymalizacji
strony internetowej.

8. 2. TYTUŁY (TITLE TAGS)
Dobre praktyki podczas tworzenia Meta Tytułów
● Powinien zawierać 35-65 znaków długości (najlepiej i optymalnie 50-65),
● Powinien zawierać słowo / słowa kluczowe - jeśli możliwe są dwa słowa kluczowe
to jedno na początku, drugie po separatorze
● Unikalny dla danej podstrony (nie używaj tego samego meta tytułu na wielu
podstronach),
● Jeśli podstrona ma związek z lokalizacją (jak np. Warszawa, Kraków) to również
umieść je w tytułach

9. 2. TYTUŁY (TITLE TAGS)
Szablon - Produkty w sklepie internetowym
● Tytuł produktu | Marka ( iPhone 6 | Apple )
● Tytuł produktu | Kategoria produktu | Marka ( MacBook Pro | Laptopy i Notebooki |
Apple
● CTA + Tytuł produktu | Marka ( Kup iPhone 6 | Apple )
● CTA + Tytuł produktu | Kategoria produktu | Marka ( Kup MacBook Pro | Laptopy i
Notebooki | Apple

10. 2. META TYTUŁY (Title Tag)
Szablon - Kategorie w sklepie internetowym
● Kategoria | Marka ( Laptopy i Notebooki | Apple )
● CTA + Kategoria | Marka ( Kup Laptopy i Notebooki | Apple )
Szablon - Strona lokalna
● Nazwa Restauracji, Miasto - Dzielnica ( Restauracja Swojska, Poznań - Stare Miasto )
● Branża w Miasto | CTA - Marka ( Malarze w Poznaniu | Sprawdź Ofertę - Yelp

11. 3. NAGŁÓWKI ( H1 )
Pierwszą widoczną rzeczą w tekście strony powinny być
nagłówki H1.

12. 3. NAGŁÓWKI ( H1 )
Nagłówki H1 pomagają wyszukiwarkom (Google, Bing) w
określeniu tematu strony.

13. 3. NAGŁÓWKI ( H1 )
Dobre praktyki podczas tworzenia nagłówków
● Słowo kluczowe strony powinno być użyte w znaczniku H1,
● Każda podstrona powinna mieć tag H1
● Nagłówki H1 powinny być napisane największym rozmiarem czcionki
● Dobrą praktyką jest użycie tylko jednego nagłówka H1 na jednej podstronie

14. 3. NAGŁÓWKI ( H1 )
Szablon tworzenia nagłówków H1
● Najszybciej i najprościej jest użyć takich samych nagłówków H1 jakie mamy meta
tytuły dla danej podstrony ( <h1>iPhone 6 plus</h1>; <h1>Laptopy i Notebooki
Apple</h1> )

15. 4. META OPISY (META DESCRIPTION)
Meta opisy nie są czynnikiem, które mają wpływ na ranking
i na pozycje w wynikach wyszukiwania, jednak są one
widoczne dla użytkownika pod tytułami.

16. 4. META OPISY (META DESCRIPTION)
Dobre praktyki tworzenia meta opisów
● Unikalne i odnoszące się do danej podstrony,
● Zawierać słowa kluczowe i w sposób perswazyjny zachęcić użytkowników do
kliknięcia.
● Nie może zawierać więcej niż 150-160 znaków, w tym spacje i znaki interpunkcyjne
● W razie potrzeby umieścić lokalizacje, np. "Warszawa", “Kraków”.

17. 4. META OPISY (META DESCRIPTION)
Szablon tworzenia meta opisów
● <meta description>{NAZWA KATEGORII} do kupienia w {NAZWA SKLEPU}. Sprawdź
całą kolekcję/dostępne {PRODUKTY} i zamawiaj online z dostawą już od 1 zł!</meta
description>
● <meta description>Kup {NAZWA PRODUKTU} w {NAZWA SKLEPU} — DARMOWA
dostawa. Wszystkie nasze produkty są bezpiecznie pakowane. Dostawa następnego
dnia.</meta description>

18. 5. SITEMAPA (XML)
Mapa Strony daje informację do Google, które podstrony
są ważne dla nas. Dzięki temu mamy większą kontrolę
nad tym, aby te strony były zaindeksowane w Google.

19. 5. SITEMAPA (XML)
● Mapa strony (Sitemap XML) powinna zostać utworzona dla każdej witryny
● Powinna być aktualizowana i ponownie przesyłana po każdej zmianie w witrynie
● Dla dużych witryn użyj dynamicznych map strony oraz podziel ją na kilka
mniejszych sitemap
● Nie ma potrzeby i jest niewskazane aby wszystkie podstrony były w sitemapie.
Zostaw te które są istotne dla Ciebie
Dobre praktyki podczas tworzenia mapy strony

20. 5. SITEMAPA (XML)
Szablon - Przykład dla sklepu internetowego
● category-sitemap.xml - wszystkie kategorie w tej sitemapie by się znalazły
● subcategory-sitemap.xml - wszystkie sub kategorie
● products-sitemap.xml - wszystkie lub najważniejsze / najistotniejsze produkty

21. 6. ROBOTS.TXT
Sprawdzanie pliku robots.txt umożliwia zorientowanie
się, jakie treści są blokowane i czy są te blokady
wykonane prawidłowo.

22. 6. ROBOTS.TXT
Dobre praktyki
● Blokuj filtry za pomocą robots.txt lub dodania tagu meta robots "noindex"
● Zablokuj takie podstrony jak: płatności, portale gdzie występuje logowanie itp.
● Wgraj plik robots do głównego katalogu domena.pl/robots.txt

23. 7. WWW / NIE WWW
Tak, też się zdarza
● http://domain.com
● http://www.domain.com
● https://domain.com
● https://www.domain.com
Google widzi to jako 4 domeny i indeksuje je wszystkie

24. 7. WWW / NIE WWW
Dobre praktyki
● Wybierz jedną, preferowaną domenę
● Z pozostałych wykonaj przekierowanie 301 na preferowaną

25. 8. PAGINACJA / STRONICOWANIE
Problem z paginacją najczęściej występuje w sklepach
internetowych lub na dużych witrynach

26. 8. PAGINACJA / STRONICOWANIE
Dobre praktyki poprawnego stronicowania
● Jednym ze sposobów rekomendowanych jest dodanie rel=“prev” i rel=“next”
atrybutów do podstron w kategorii. Dodatkowo dla każdej z tej podstrony należy
dodać adres kanoniczny kierujący do siebie

27. 8. PAGINACJA / STRONICOWANIE
Szablon - Przykłady
● Strona 2
<link rel="prev" href="https://domena.com/kategoria/" /><link rel="next"
href="https://domena.com/kategoria/page/3/" />
<link rel="canonical" href="https://domena.com/kategoria/page/2/" />

28. 9. PRĘDKOŚĆ STRONY
Accelerating websites is extremely important. Faster
websites mean satisfied customers. PageSpeed becomes
significant for rankings . — Matt Cutts, Google's former head
of web spam

29. 9. PRĘDKOŚĆ STRONY
Kilka sposobów na szybsze działanie strony
● Zalecane jest korzystanie z pamięci podręcznej przeglądarki
● Użycie sieci dostarczanych treści (CDN - content distribution network)
● Zmniejszenie rozmiarów plików obrazów w największym możliwym stopniu
● Minimalizuj CSS, JavaScript i HTML

30. 9. PRĘDKOŚĆ STRONY
Dobre narzędzia do wykonania testów
● Pingdom -> http://tools.pingdom.com/
● Page Speed Insights -> https://developers.google.com/speed/pagespeed/insights/
● Test My site mobile -> https://testmysite.withgoogle.com
● GTmetrix -> https://gtmetrix.com

31. Pytania?
Szablon audytu SEO w Trello: http://anchor.team/blog/
Email: andrzej.zielinski@mta.digital
LinkedIn: https://www.linkedin.com/in/zielinskiandrzej/