Download to read offline
Uploaded byEwelina Podrez
SEO na mobile - zróbmy to w końcu na serio! Prezentacja z ThinkDigital Masterclass
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 :)
SEO na mobile - zróbmy to w końcu na serio! Prezentacja z ThinkDigital Masterclass
- 2.
- 3. DESKTOP vs. MOBILEna świecie źródło: statcounter.com
- 4. 47RAZY DZIENNIE PRZECIĘTNY UŻYTKOWNIKKORZYSTA ZE SMARTFONA (wg danych za 2017) źródło: bankmycell.com
- 5. CO NA TOGOOGLE?
- 6.
- 7. ŚWIAT PO MOBILEGEDDONIE źródło:Google Webmaster Central Blog
- 8. Osobne adresy URL (dedykowanawersja mobilna) #1
- 10. Osobne adresy URL (dedykowanawersja 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:
- 11. •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)
- 13.
- 15. • czysto teoretycznewsparcie 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
- 16.
- 18. • rozwiązanie polecaneprzez 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)
- 19. <meta name="viewport" content="width=device-width, initial-scale=1.0"> Metatag widocznegoobszaru do wskazania, jak dostosować rozmiar i skalowanie strony: Elastyczne projektowanie witryn (Responsive Web Design - RWD)
- 20. Elastyczne projektowanie witryn (ResponsiveWeb Design - RWD)
- 21. 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
- 22. 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ń)
- 23. 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Ń.
- 24. W skrócie oASO • 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
- 25. Aplikacje mobilne w wynikachwyszukiwania • dla zapytań związanych z aplikacjami wyniki z Google Play • aplikacje mogą być indeksowane i zajmować pozycje w mobilnych wynikach wyszukiwania (Firebase App Indexing)
- 26. kwi 2015 „MOBILEGEDDON” MOBILE FRIENDLY UPDATE paź 2015 OGŁOSZENIEAMP ACCELERATED MOBILE PAGES
- 27. Accelerated Mobile Pages BIBLIOTEKAOPEN SOURCE UMOŻLIWIAJĄCA SZYBSZE WCZYTYWANIE STRONY MOBILNEJ NAWET Z PASMA DANYCH O NIŻSZEJ PRZEPUSTOWOŚCI (3G / EDGE). źródło: Google Blog
- 28. 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”
- 29. AMP JS •tzw. bibliotekawydajności •asynchroniczne ładowanie zasobów JS •dodatkowe techniki wydajnościowe (jak np. sandboxing iframe’ów) • w efekcie: krótszy czas ładowania strony
- 30. AMP CACHE •technologia proxy •witrynaprzechowywana jest w chmurze i w efekcie natychmiastowo dostarczana użytkownikowi •zasoby wczytywane z tego samego miejsca •HTTP/2 dla dodatkowego przyspieszenia
- 31.
- 32. AMP na tleHTMLa MNIEJ NIŻ 0,1% 86,4% Procentowe zestawienie użycia języka znaczników wg w3techs.com
- 34. 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
- 35. AMP – WADYI KONTROWERSJE • ograniczenia w liczbie reklam • ograniczenia w zastosowaniu JS i CSS • problemy z analityką • strona na obcych serwerach (AMP Cache) • tylko pozorna niezależność
- 36. kwi 2015 mar 2018 „MOBILEGEDDON” MOBILE FRIENDLY UPDATE MOBILEFIRST INDEX paź 2015 OGŁOSZENIE AMP ACCELERATED MOBILE PAGES
- 37.
- 38.
- 39. ROK 2019 WPOLSCE MOBILE 60,8% DESKTOP 38,47% TABLET 0,74% Udział w rynku - dane za I kw. 2019 w Polsce, źródło: statcounter.com
- 40. UDZIAŁ MOBILE WPRAKTYCE
- 41. kwi 2015 mar 2018 sty 2019 „MOBILEGEDDON” MOBILE FRIENDLY UPDATE MOBILEFIRST INDEX ASYSTENT GOOGLE W POLSCE paź 2015 OGŁOSZENIE AMP ACCELERATED MOBILE PAGES
- 42. DO 2020 ROKU, 50%WSZYSTKICH WYSZUKIWAŃ STANOWIĆ BĘDĄ WYSZUKIWANIA GŁOSOWE. źródło: alphametic.com
- 43.
- 44. VOICE SEARCH = ODMIENNYSPOSÓ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
- 45. VOICE SEARCH toprzede wszystkim LONG TAIL źródło: moz.com
- 46. A ZNACZENIE MATYLKO KNOWLEDGE GRAPH I TOP1
- 47. ASYSTENT GOOGLE wykracza pozafunkcje wyszukiwarki głosowej źródło: ThinkwithGoogle.com
- 48. ASYSTENT GOOGLE •stale uczysię interakcji (przez co ”rozumie” użytkownika) •podejmuje czynności za użytkownika •działa bardzo szybko •jest wygodny w użyciu
- 49.
- 50.
- 51.
- 52.
- 53.
- 54. TEST MY SITEWITH GOOGLE https://www.thinkwithgoogle.com/intl/en-gb/feature/testmysite
- 55.
- 56. Narzędzie do testowaniadanych strukturalnych https://search.google.com/structured-data/testing-tool/u/0/
- 57.
- 58.