Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

SEO na mobile - zróbmy to w końcu na serio! Prezentacja z ThinkDigital Masterclass

49 views

Published on

Google publikuje oficjalne wytyczne dotyczące Mobile SEO, wersja mobilna staje się ważnym czynnikiem rankingowym i w końcu pojawia się Mobile First Index. Co na to właściciele stron internetowych? Nadal działają po swojemu, rzadko dostosowując strategię do wprowadzanych przez Google aktualizacji algorytmów. Choć każdy kolejny rok ma być tym zdominowanym przez mobile, w wynikach wyszukiwania wciąż widujemy „twory” zupełnie niedostosowane do telefonów komórkowych czy tabletów.

W prezentacji skupiam się nie tylko na tym, jak skorelowane powinny być ze sobą wersje mobile i desktop, ale również jak przygotować się na następstwa "dekady mobile":
► AMP
► Asystenta Google i wyszukiwanie głosowe
► aplikacje mobilne
Zapraszam :)

Published in: Mobile
  • Be the first to comment

  • Be the first to like this

SEO na mobile - zróbmy to w końcu na serio! Prezentacja z ThinkDigital Masterclass

  1. 1. 2012 2013 2014 2015 2016 2017 2018 2019
  2. 2. DESKTOP vs. MOBILE na świecie źródło: statcounter.com
  3. 3. 47RAZY DZIENNIE PRZECIĘTNY UŻYTKOWNIK KORZYSTA ZE SMARTFONA (wg danych za 2017) źródło: bankmycell.com
  4. 4. CO NA TO GOOGLE?
  5. 5. kwi 2015 „MOBILEGEDDON” MOBILE FRIENDLY UPDATE
  6. 6. ŚWIAT PO MOBILEGEDDONIE źródło: Google Webmaster Central Blog
  7. 7. Osobne adresy URL (dedykowana wersja mobilna) #1
  8. 8. Osobne adresy URL (dedykowana wersja mobilna) <link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.przyklad.pl/strona-1"> <link rel="canonical" href="http://www.przyklad.pl/strona-1"> <?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/site map/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"> <url> <loc>http://www.przyklad.pl/strona-1/</loc> <xhtml:link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.przykład.pl/strona-1" /> </url> </urlset> WERSJA DESKTOP: WERSJA MOBILE: MAPA XML STRONY:
  9. 9. •często krótki czas ładowania strony mobilnej •konieczność zastosowania poprawnych przekierowań (sparowania adresów desktop i mobile) •problemy z duplikacjami treści i canonicalami Osobne adresy URL (dedykowana wersja mobilna)
  10. 10. Dynamiczne serwowanie treści #2
  11. 11. • czysto teoretyczne wsparcie Google • ważne wdrożenie HTTP Vary • problemy z aktualnością listy klientów • problemy z cloakingiem • w efekcie: (prawie) nikt nie stosuje tego rozwiązania Dynamiczne serwowanie treści
  12. 12. Elastyczne projektowanie witryn (RWD) 16 #3
  13. 13. • rozwiązanie polecane przez Google • strona dostosowana do wielu typów urządzeń i nawet nietypowej rozdzielczości • brak zbędnych przekierowań i ryzyka duplikacji treści • łatwiejsza optymalizacja strony • dłuższy czas ładowania, niż w przypadku wersji mobile Elastyczne projektowanie witryn (Responsive Web Design - RWD)
  14. 14. <meta name="viewport" content="width=device-width, initial-scale=1.0"> Metatag widocznego obszaru do wskazania, jak dostosować rozmiar i skalowanie strony: Elastyczne projektowanie witryn (Responsive Web Design - RWD)
  15. 15. Elastyczne projektowanie witryn (Responsive Web Design - RWD)
  16. 16. 205 400 000 POBRAŃ APLIKACJI MOBILNYCH W 2018 ROKU (1) 2 577 347 APLIKACJI W GOOGLE PLAY (2) Źródła: 1) statista.com, 2) appbrain.com
  17. 17. DLACZEGO APPKI MOBILNE? • mogą (i powinny być) bardziej intuicyjne od wersji mobilnej / RWD strony • większość danych przechowywana na urządzeniu docelowym (szybkość reakcji) • budują lojalność użytkownika (przy przemyślanej strategii powiadomień)
  18. 18. APP STORE OPTIMIZATION (ASO) PROCES OPTYMALIZACJI APLIKACJI MOBILNEJ (I JEJ OTOCZENIA), MAJĄCY NA CELU UZYSKANIE WIĘKSZEJ WIDOCZNOŚCI W ORGANICZNYCH WYNIKACH WYSZUKIWANIA SKLEPÓW Z APLIKACJAMI MOBILNYMI (NP. GOOGLE PLAY I APPLE APP STORE), A PRZEZ TO ZWIĘKSZENIE LICZBY ICH ZAKUPÓW / POBRAŃ.
  19. 19. W skrócie o ASO • kilkadziesiąt czynników rankingowych • stała praca nad jakością i otoczeniem appki • najważniejsze w Google Play: • nazwa aplikacji • opisy (short i long description) • ikona, zdjęcia i wideo aplikacji • opinie o aplikacji i interakcje
  20. 20. Aplikacje mobilne w wynikach wyszukiwania • dla zapytań związanych z aplikacjami wyniki z Google Play • aplikacje mogą być indeksowane i zajmować pozycje w mobilnych wynikach wyszukiwania (Firebase App Indexing)
  21. 21. kwi 2015 „MOBILEGEDDON” MOBILE FRIENDLY UPDATE paź 2015 OGŁOSZENIE AMP ACCELERATED MOBILE PAGES
  22. 22. Accelerated Mobile Pages BIBLIOTEKA OPEN SOURCE UMOŻLIWIAJĄCA SZYBSZE WCZYTYWANIE STRONY MOBILNEJ NAWET Z PASMA DANYCH O NIŻSZEJ PRZEPUSTOWOŚCI (3G / EDGE). źródło: Google Blog
  23. 23. AMP HTML źródło: amp.dev • podzbiór HTMLa • dedykowane znaczniki • minimifikacja kodu HTML i CSS • zdjęcia dostosowane do urządzenia docelowego • ważne wdrożenie canonicali pomiędzy wersją AMP, a „regular”
  24. 24. AMP JS •tzw. biblioteka wydajności •asynchroniczne ładowanie zasobów JS •dodatkowe techniki wydajnościowe (jak np. sandboxing iframe’ów) • w efekcie: krótszy czas ładowania strony
  25. 25. AMP CACHE •technologia proxy •witryna przechowywana jest w chmurze i w efekcie natychmiastowo dostarczana użytkownikowi •zasoby wczytywane z tego samego miejsca •HTTP/2 dla dodatkowego przyspieszenia
  26. 26. źródło: Wordpress.org
  27. 27. AMP na tle HTMLa MNIEJ NIŻ 0,1% 86,4% Procentowe zestawienie użycia języka znaczników wg w3techs.com
  28. 28. AMP - ZALETY • skrócenie czasu ładowania się strony • zmniejszenie współczynnika odrzuceń na urządzeniach mobilnych • poprawa współczynnika konwersji • szanse na zwiększenie ruchu organicznego • możliwość wyświetlenia w karuzeli Google News
  29. 29. AMP – WADY I KONTROWERSJE • ograniczenia w liczbie reklam • ograniczenia w zastosowaniu JS i CSS • problemy z analityką • strona na obcych serwerach (AMP Cache) • tylko pozorna niezależność
  30. 30. kwi 2015 mar 2018 „MOBILEGEDDON” MOBILE FRIENDLY UPDATE MOBILE FIRST INDEX paź 2015 OGŁOSZENIE AMP ACCELERATED MOBILE PAGES
  31. 31. źródło: backlinko.com PRZED MARCEM 2018:
  32. 32. źródło: backlinko.com PO MARCU 2018:
  33. 33. ROK 2019 W POLSCE MOBILE 60,8% DESKTOP 38,47% TABLET 0,74% Udział w rynku - dane za I kw. 2019 w Polsce, źródło: statcounter.com
  34. 34. UDZIAŁ MOBILE W PRAKTYCE
  35. 35. kwi 2015 mar 2018 sty 2019 „MOBILEGEDDON” MOBILE FRIENDLY UPDATE MOBILE FIRST INDEX ASYSTENT GOOGLE W POLSCE paź 2015 OGŁOSZENIE AMP ACCELERATED MOBILE PAGES
  36. 36. DO 2020 ROKU, 50% WSZYSTKICH WYSZUKIWAŃ STANOWIĆ BĘDĄ WYSZUKIWANIA GŁOSOWE. źródło: alphametic.com
  37. 37. VOICE SEARCH źródło: moz.com
  38. 38. VOICE SEARCH = ODMIENNY SPOSÓB WYSZUKIWANIA • zadawanie pytań (Jak? Kto? Dlaczego? Gdzie?) → wzrost znaczenia danych strukturalnych i RICH SNIPPETS • zorientowanie na lokalne biznesy („blisko mnie”) • język naturalny / potoczny → zmiana podejścia do tworzenia treści SEO
  39. 39. VOICE SEARCH to przede wszystkim LONG TAIL źródło: moz.com
  40. 40. A ZNACZENIE MA TYLKO KNOWLEDGE GRAPH I TOP1
  41. 41. ASYSTENT GOOGLE wykracza poza funkcje wyszukiwarki głosowej źródło: ThinkwithGoogle.com
  42. 42. ASYSTENT GOOGLE •stale uczy się interakcji (przez co ”rozumie” użytkownika) •podejmuje czynności za użytkownika •działa bardzo szybko •jest wygodny w użyciu
  43. 43. PLANY na kolejne lata https://www.youtube.com/watch?v=-qCanuYrR0g
  44. 44. RZECZYWISTOŚĆ w 2019 https://www.youtube.com/watch?v=z5ekovDooDw
  45. 45. NARZĘDZIOWNIA
  46. 46. GOOGLE SEARCH CONSOLE https://search.google.com/search-console/
  47. 47. TEST OPTYMALIZACJI MOBILNEJ https://search.google.com/test/mobile-friendly
  48. 48. TEST MY SITE WITH GOOGLE https://www.thinkwithgoogle.com/intl/en-gb/feature/testmysite
  49. 49. TEST AMP https://search.google.com/test/amp https://validator.ampproject.org/#
  50. 50. Narzędzie do testowania danych strukturalnych https://search.google.com/structured-data/testing-tool/u/0/
  51. 51. https://answerthepublic.com/
  52. 52. 58

×