Jak zmobilizowac bloga Monika Mikowska Blog Forum Gdansk 2012
-
Upload
monika-mikowska -
Category
Technology
-
view
1.655 -
download
0
description
Transcript of Jak zmobilizowac bloga Monika Mikowska Blog Forum Gdansk 2012
13.10.2012 Technologie
Blog Forum Gdańsk
Jak zmobilizować bloga?
Nazywam się
Monika Mikowska @mmw268
h"p://jestem.mobi h"p://facebook.com/jestem.mobi
PIĘKNE PROSTE PRAKTYCZNE
Rozwiązania „3P”®
www.mobeedick.com h"p://facebook.com/mobeedick
• 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)
AGENDA PREZENTACJI
Czy wiesz, skąd przychodzi Twój czytelnik?
?
źródło: h*p://bit.ly/RbFZAw
USA
Dla 28% Amerykanów telefon jest GŁÓWNYM narzędziem dostępu do Internetu.
źródło: Smashing Magazine (VIII 2012)
źródło: raport IDC (VI 2012)
Prawie 7 000 000 Polaków posiada smartfony.
1 045 000 sprzedanych smartfonów w IQ 2012 w Polsce.
źródło: PAP/Gazeta Wyborcza (IV 2012)
PL
PL
źródło: Raport badawczy GeneraOon Mobile, PBI, V 2012
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.
Czy otwierałeś/ -aś na telefonie swojego bloga?
?
h*p://www.kominek.in/
h*p://blog.mediafun.pl/
h*p://hatalska.com/
h*p://paweltkaczyk.midea.pl/
READER. Znacie?
„Magiczna” funkcja Safari.
A jeśli ktoś nie jest świadomy działania Reader’a? Albo gorzej… Co jeśli nie ma iPhone’a? ;)
h*p://mariaczubaszek.bloog.pl
h*p://parenCng.pl/
Dlaczego ważne jest posiadanie strony mobilnej?
?
A jak ważny jest dla Ciebie
konsument mobilnych
treści ?
źródło: h*p://bit.ly/Pa5WnL
Słowo o ich potrzebach….
źródło: h*p://bit.ly/Pa5WnL
Upraszczając:
Jak się do tego zabrać?
?
Dla blogujących na Bloggerze…
1. Zaloguj się do panelu i dostosuj szablon
2. Wybierz szablon
3. Zapisz wybrany szablon
Gotowe!
Przykład:
h*p://cakes-‐and-‐the-‐city.blogspot.com/
Dla blogujących na Wordpress…
1. Znajdź skórkę na mobile
h*p://wordpress.org/extend/themes/smooci-‐2
2. Zainstaluj ją w swoim panelu
3. Skonfiguruj (+ tłumaczenie)
4. Zainstaluj i włącz wtyczkę (np. Theme Switcher)
Co z contentem niedostosowanym do mobile?
?
h*p://wordpress.org/extend/plugins/wp-‐jquery-‐lightbox/
h*p://wordpress.org/extend/plugins/lightbox-‐plus/
Strona responsywna vs. strona w 2 wersjach
?
Res
pons
ywna
?
Mob
ilna?
Strona responsywna
Wersja desktop+mobile
• dostęp do wybranych treści
• szybkie ładowanie strony mobilnej
• raczej brak konieczności długiego scrollowania
• brak konieczności selekcji contentu
• ryzyko długiego ładowania strony mobilnej
(reguła 5 sekund)
• ryzyko długiego scrollowania
Przykład: robert.solkiewicz.com
Przykład: dorotakaminska.com
Przykłady “responsywnych” layoutów
h*p://www.mackozer.pl/
h*p://unmatchedstyle.com/
Przykłady “responsywnych” layoutów
h*p://jeffcroN.com/
Przykłady “responsywnych” layoutów
h*p://www.smashingmagazine.com/
Przykłady “responsywnych” layoutów
Prawdziwa mobilizacja!
Wygeneruj sobie aplikację mobilną.
?
QuickApps.PRO
h*p://quickapps.pro/
UppSite.com
h*p://www.uppsite.com/
Mało?? Narzędzi jest o wiele więcej…
www.shoutem.com
www.mobileapplicaConcreator.com
www.thesmartpilot.com
DZIĘKUJĘ!!
Prezentacja będzie dostępna na slideshare.net/mmikowska
Monika Mikowska [email protected]
+48 604 196 082 @mmw268
Namiary na mnie? Zeskanuj kod J