SlideShare una empresa de Scribd logo
1 de 19
Descargar para leer sin conexión
Kdo z Vás používá
internet v mobilu?
Je Váš web přizpůsoben
pro mobilní telefony?
Responsive
webdesign
Ing. Lukáš Voplakal, UVM interactive s.r.o.
Počet uživatelů skokově
roste každý rok
Miliarda chytrých mobilů
Odhaduje se, že v roce
2015 předstihne mobilní
vyhledávání klasické
uživatele vyhledávající
pomocí stolních počítačů
Co je to responsivní web
Co je to responsivní web
Jedná se o způsob stylování HTML
dokumentu, které zaručí, že zobrazení
stránky bude optimalizováno pro všechny
druhy nejrůznějších zařízení (mobily,
notebooky, netbooky, tablety atd.).
Co je to responsivní web
Jeden web pro
všechny zařízení
Responsivní web a SEO
Responsivní web a SEO
Doporučení Google pro
mobilní verze webů: pokud
je to možné, využijte
responsive webdesingu
Zdroj: Pierre Far, Google Webmaster Trends Analyst
Ukázky responsive webů z ČR
Článek s 10 ukázkami
responsive webů + další
odkazy v komentářích
pod článkem
Je RWD pro Vás?
Existuje několik variant, jak se dostat do mobilů
Vašich zákazníků:
● Responsive web
○ jedny data, jedna URL, lepší pro SEO
● Mobilní verze webu
○ pokud vytvoříte zcela jinou verzi - nutnost editovat dva weby
● Mobilní aplikace
○ hotel vs. katalog hotelů - né vždy má smysl vytvářet mobilní app
Mobilní web vs. responzivní
http://mobile.smashingmagazine.com/2012/08/22/separate-mobile-responsive-website-presidential-smackdown/
Otázky?
Responsive webdesign
Jeden web pro všechna zařízení
UVM interactive s.r.o.
Ing. Lukáš Voplakal
777 045 932
voplakal@uvm.cz
Díky za pozornost

Más contenido relacionado

Similar a Responsive webdesign - krátká prezentace při Business for Breakfast v Liberci

Mobilegeddon - Armageddon pro nemobilní weby nebo zbytečné obavy?
Mobilegeddon - Armageddon pro nemobilní weby nebo zbytečné obavy?Mobilegeddon - Armageddon pro nemobilní weby nebo zbytečné obavy?
Mobilegeddon - Armageddon pro nemobilní weby nebo zbytečné obavy?Pavel Ungr
 
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...Sherpas
 
Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012
Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012
Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012Sherpas
 
iQuest - vývoj webových a mobilních aplikací
iQuest - vývoj webových a mobilních aplikacíiQuest - vývoj webových a mobilních aplikací
iQuest - vývoj webových a mobilních aplikacíChristina Eirich
 
SEO mobilních aplikací a jiné taškařice (SEOrestart 2016)
SEO mobilních aplikací a jiné taškařice (SEOrestart 2016)SEO mobilních aplikací a jiné taškařice (SEOrestart 2016)
SEO mobilních aplikací a jiné taškařice (SEOrestart 2016)Asymbo s.r.o.
 
Přístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeníchPřístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeníchRadek Pavlíček
 
Linkbuilding a UX - Designéři informačních služeb na KISKu
Linkbuilding a UX - Designéři informačních služeb na KISKuLinkbuilding a UX - Designéři informačních služeb na KISKu
Linkbuilding a UX - Designéři informačních služeb na KISKuTaste Medio
 
Mobilní SEO - mýtus nebo realita?
Mobilní SEO - mýtus nebo realita?Mobilní SEO - mýtus nebo realita?
Mobilní SEO - mýtus nebo realita?Pavel Ungr
 
Cíle vs. prostředky …aneb ať je to responzivní (UX Konference 2014)
Cíle vs. prostředky …aneb ať je to responzivní (UX Konference 2014)Cíle vs. prostředky …aneb ať je to responzivní (UX Konference 2014)
Cíle vs. prostředky …aneb ať je to responzivní (UX Konference 2014)Ales Rubas
 
Jak prodávat a propagovat mobilní aplikaci
Jak prodávat a propagovat mobilní aplikaciJak prodávat a propagovat mobilní aplikaci
Jak prodávat a propagovat mobilní aplikaciTomáš Slavíček
 
AI Restart 2024: Honza Slavík - Projektové řízení pod palbou AI
AI Restart 2024: Honza Slavík - Projektové řízení pod palbou AIAI Restart 2024: Honza Slavík - Projektové řízení pod palbou AI
AI Restart 2024: Honza Slavík - Projektové řízení pod palbou AITaste
 
Mobilní SEO
Mobilní SEOMobilní SEO
Mobilní SEOH1.cz
 
Testování přístupnosti v soutěží Zlatý erb 2015
Testování přístupnosti v soutěží Zlatý erb 2015Testování přístupnosti v soutěží Zlatý erb 2015
Testování přístupnosti v soutěží Zlatý erb 2015Radek Pavlíček
 
Radosti a a noční můry mobilního zákazníka
Radosti a a noční můry mobilního zákazníkaRadosti a a noční můry mobilního zákazníka
Radosti a a noční můry mobilního zákazníkaExperienceU
 
Anatomie mobilního webu
Anatomie mobilního webuAnatomie mobilního webu
Anatomie mobilního webuFilip Mares
 
Úvod do světa internetu (z tréninku Internet nástrojem moderní komunikace) - ...
Úvod do světa internetu (z tréninku Internet nástrojem moderní komunikace) - ...Úvod do světa internetu (z tréninku Internet nástrojem moderní komunikace) - ...
Úvod do světa internetu (z tréninku Internet nástrojem moderní komunikace) - ...Radek Mašata
 

Similar a Responsive webdesign - krátká prezentace při Business for Breakfast v Liberci (20)

Mobilegeddon - Armageddon pro nemobilní weby nebo zbytečné obavy?
Mobilegeddon - Armageddon pro nemobilní weby nebo zbytečné obavy?Mobilegeddon - Armageddon pro nemobilní weby nebo zbytečné obavy?
Mobilegeddon - Armageddon pro nemobilní weby nebo zbytečné obavy?
 
Zaverecny ukol
Zaverecny ukolZaverecny ukol
Zaverecny ukol
 
Mobile First v praxi
Mobile First v praxiMobile First v praxi
Mobile First v praxi
 
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
 
Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012
Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012
Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012
 
iQuest - vývoj webových a mobilních aplikací
iQuest - vývoj webových a mobilních aplikacíiQuest - vývoj webových a mobilních aplikací
iQuest - vývoj webových a mobilních aplikací
 
SEO mobilních aplikací a jiné taškařice (SEOrestart 2016)
SEO mobilních aplikací a jiné taškařice (SEOrestart 2016)SEO mobilních aplikací a jiné taškařice (SEOrestart 2016)
SEO mobilních aplikací a jiné taškařice (SEOrestart 2016)
 
Přístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeníchPřístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeních
 
KPI - závěrečný úkol
KPI - závěrečný úkolKPI - závěrečný úkol
KPI - závěrečný úkol
 
Linkbuilding a UX - Designéři informačních služeb na KISKu
Linkbuilding a UX - Designéři informačních služeb na KISKuLinkbuilding a UX - Designéři informačních služeb na KISKu
Linkbuilding a UX - Designéři informačních služeb na KISKu
 
Mobilní SEO - mýtus nebo realita?
Mobilní SEO - mýtus nebo realita?Mobilní SEO - mýtus nebo realita?
Mobilní SEO - mýtus nebo realita?
 
Cíle vs. prostředky …aneb ať je to responzivní (UX Konference 2014)
Cíle vs. prostředky …aneb ať je to responzivní (UX Konference 2014)Cíle vs. prostředky …aneb ať je to responzivní (UX Konference 2014)
Cíle vs. prostředky …aneb ať je to responzivní (UX Konference 2014)
 
Jak prodávat a propagovat mobilní aplikaci
Jak prodávat a propagovat mobilní aplikaciJak prodávat a propagovat mobilní aplikaci
Jak prodávat a propagovat mobilní aplikaci
 
AI Restart 2024: Honza Slavík - Projektové řízení pod palbou AI
AI Restart 2024: Honza Slavík - Projektové řízení pod palbou AIAI Restart 2024: Honza Slavík - Projektové řízení pod palbou AI
AI Restart 2024: Honza Slavík - Projektové řízení pod palbou AI
 
Mobilní SEO
Mobilní SEOMobilní SEO
Mobilní SEO
 
Testování přístupnosti v soutěží Zlatý erb 2015
Testování přístupnosti v soutěží Zlatý erb 2015Testování přístupnosti v soutěží Zlatý erb 2015
Testování přístupnosti v soutěží Zlatý erb 2015
 
Radosti a a noční můry mobilního zákazníka
Radosti a a noční můry mobilního zákazníkaRadosti a a noční můry mobilního zákazníka
Radosti a a noční můry mobilního zákazníka
 
SEO v roce 2017 – technikálie
SEO v roce 2017 – technikálieSEO v roce 2017 – technikálie
SEO v roce 2017 – technikálie
 
Anatomie mobilního webu
Anatomie mobilního webuAnatomie mobilního webu
Anatomie mobilního webu
 
Úvod do světa internetu (z tréninku Internet nástrojem moderní komunikace) - ...
Úvod do světa internetu (z tréninku Internet nástrojem moderní komunikace) - ...Úvod do světa internetu (z tréninku Internet nástrojem moderní komunikace) - ...
Úvod do světa internetu (z tréninku Internet nástrojem moderní komunikace) - ...
 

Responsive webdesign - krátká prezentace při Business for Breakfast v Liberci

  • 1. Kdo z Vás používá internet v mobilu?
  • 2. Je Váš web přizpůsoben pro mobilní telefony?
  • 6. Odhaduje se, že v roce 2015 předstihne mobilní vyhledávání klasické uživatele vyhledávající pomocí stolních počítačů
  • 7. Co je to responsivní web
  • 8. Co je to responsivní web Jedná se o způsob stylování HTML dokumentu, které zaručí, že zobrazení stránky bude optimalizováno pro všechny druhy nejrůznějších zařízení (mobily, notebooky, netbooky, tablety atd.).
  • 9. Co je to responsivní web Jeden web pro všechny zařízení
  • 10.
  • 12. Responsivní web a SEO Doporučení Google pro mobilní verze webů: pokud je to možné, využijte responsive webdesingu Zdroj: Pierre Far, Google Webmaster Trends Analyst
  • 13. Ukázky responsive webů z ČR Článek s 10 ukázkami responsive webů + další odkazy v komentářích pod článkem
  • 14.
  • 15.
  • 16. Je RWD pro Vás? Existuje několik variant, jak se dostat do mobilů Vašich zákazníků: ● Responsive web ○ jedny data, jedna URL, lepší pro SEO ● Mobilní verze webu ○ pokud vytvoříte zcela jinou verzi - nutnost editovat dva weby ● Mobilní aplikace ○ hotel vs. katalog hotelů - né vždy má smysl vytvářet mobilní app
  • 17. Mobilní web vs. responzivní http://mobile.smashingmagazine.com/2012/08/22/separate-mobile-responsive-website-presidential-smackdown/
  • 19. Responsive webdesign Jeden web pro všechna zařízení UVM interactive s.r.o. Ing. Lukáš Voplakal 777 045 932 voplakal@uvm.cz Díky za pozornost