Jestem.mobi a Ty? Jak zmobilizować swojego bloga. Wystąpienie na Blog Forum Gdańsk 13.10.2012, Monika Mikowska.

1. 13.10.2012
Technologie
Blog Forum Gdańsk
Jak zmobilizować
bloga?

2. Nazywam
się
Monika
Mikowska
@mmw268

3. h"p://jestem.mobi
h"p://facebook.com/jestem.mobi

4. Rozwiązania „3P”®
PIĘKNE
PROSTE
PRAKTY
CZNE

5. www.mobeedick.com
h"p://facebook.com/mobeedick

6. AGENDA PREZENTACJI
• Czy wiesz, skąd przychodzi Twój czytelnik?
• Jak na smartfonie wygląda Twój blog (pod lupą blogi
prelegentów Blog Forum Gdańsk)
• Dlaczego ważne jest posiadanie mobilnej wersji swojej
strony internetowej/ bloga?
• Krok po kroku co należy zrobić, aby przygotować wersję
mobilną bloga (na przykładzie 2 najpopularniejszych
platform blogowych: Blogger, Wordpress)
• Responsywna strona internetowa vs. strona w 2 wersjach
(desktop + mobile)
• Możesz więcej: Twój blog może mieć aplikację mobilną. Za
darmo! (przykłady narzędzi do wykorzystania)

7. ?
Czy wiesz,
skąd przychodzi
Twój czytelnik?

8. źródło:
h*p://bit.ly/RbFZAw

9. USA
Dla 28% Amerykanów
telefon jest
GŁÓWNYM narzędziem
dostępu do Internetu.
źródło:
Smashing
Magazine
(VIII
2012)

10. PL
Prawie 7 000 000
Polaków posiada smartfony.
źródło:
PAP/Gazeta
Wyborcza
(IV
2012)
1 045 000 sprzedanych
smartfonów w IQ 2012 w Polsce.
źródło:
raport
IDC
(VI
2012)

11. PL
75,6% Polaków używa
przeglądarek w telefonie do
wyszukiwania informacji.
68,6% Polaków używa
przeglądarek w telefonie do
przeglądania informacji.
źródło:
Raport
badawczy
GeneraOon
Mobile,
PBI,
V
2012

12. ?
Czy otwierałeś/ -aś
na telefonie
swojego bloga?

13. h*p://www.kominek.in/

15. h*p://blog.mediafun.pl/

17. h*p://hatalska.com/

19. h*p://paweltkaczyk.midea.pl/

21. READER.
Znacie?
„Magiczna” funkcja Safari.

22. A jeśli ktoś nie jest świadomy działania Reader’a?
Albo gorzej… Co jeśli nie ma iPhone’a? ;)

23. h*p://mariaczubaszek.bloog.pl

25. h*p://parenCng.pl/

28. ?
Dlaczego ważne jest
posiadanie strony
mobilnej?

29. A jak ważny
jest dla Ciebie
konsument
mobilnych
treści ?

30. Słowo o ich potrzebach….
źródło:
h*p://bit.ly/Pa5WnL

31. Upraszczając:
źródło:
h*p://bit.ly/Pa5WnL

32. ?
Jak się do tego zabrać?

33. Dla blogujących
na Bloggerze…

34. 1. Zaloguj się do panelu i dostosuj szablon

35. 2. Wybierz szablon

36. 3. Zapisz wybrany szablon

37. Gotowe!

38. Przykład:
h*p://cakes-­‐and-­‐the-­‐city.blogspot.com/

40. Dla blogujących
na Wordpress…

41. 1. Znajdź skórkę na mobile

43. h*p://wordpress.org/extend/themes/smooci-­‐2

44. 2. Zainstaluj ją w swoim panelu

45. 3. Skonfiguruj (+ tłumaczenie)

46. 4. Zainstaluj i włącz wtyczkę (np. Theme Switcher)

49. ?
Co z contentem
niedostosowanym
do mobile?

50. h*p://wordpress.org/extend/plugins/wp-­‐jquery-­‐lightbox/

51. h*p://wordpress.org/extend/plugins/lightbox-­‐plus/

55. ?
Strona responsywna
vs.
strona w 2 wersjach

56. Mobilna?
Responsywna?

57. Strona responsywna
• brak konieczności selekcji contentu
• ryzyko długiego ładowania strony mobilnej
(reguła 5 sekund)
• ryzyko długiego scrollowania
• dostęp do wybranych treści
• szybkie ładowanie strony mobilnej
• raczej brak konieczności długiego scrollowania
Wersja desktop+mobile

58. Przykład: robert.solkiewicz.com

60. Przykład: dorotakaminska.com

62. Przykłady “responsywnych” layoutów
h*p://www.mackozer.pl/

65. Przykłady “responsywnych” layoutów
h*p://unmatchedstyle.com/

67. Przykłady “responsywnych” layoutów
h*p://jeffcroN.com/

69. Przykłady “responsywnych” layoutów
h*p://www.smashingmagazine.com/

71. ?
Prawdziwa mobilizacja!
Wygeneruj sobie
aplikację mobilną.

72. QuickApps.PRO
h*p://quickapps.pro/

78. UppSite.com
h*p://www.uppsite.com/

81. Mało?? Narzędzi jest o wiele więcej…
www.shoutem.com

82. www.mobileapplicaConcreator.com

83. www.thesmartpilot.com

84. DZIĘKUJĘ!!
Prezentacja będzie dostępna na
slideshare.net/mmikowska
Monika Mikowska
monika@jestem.mobi
+48 604 196 082
@mmw268

85. Namiary na mnie?
Zeskanuj kod J