SEMCON 2013 - Next Generation Site Architecture
-
Upload
mike-lopez -
Category
Technology
-
view
243 -
download
3
description
Transcript of SEMCON 2013 - Next Generation Site Architecture
![Page 1: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/1.jpg)
![Page 2: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/2.jpg)
Responsive Design
![Page 3: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/3.jpg)
Responsive DesignOne site to rule them all!
Absolutely necessary!
Mostly / Entirely CSS controlled
![Page 4: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/4.jpg)
Sample Responsive Website
![Page 5: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/5.jpg)
Sample Responsive Website
![Page 6: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/6.jpg)
Web Fonts
![Page 7: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/7.jpg)
Web FontsGoodbye Arial or Times New Roman!
Makes your site more unique compared to others!
Choose a font that matches your brand/personality
![Page 9: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/9.jpg)
Font Awesome
![Page 10: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/10.jpg)
Font AwesomeCan be styled with CSS!
Scales well with CSS!
Works with Retina displays
![Page 12: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/12.jpg)
Be Social
![Page 13: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/13.jpg)
SocialFastest way to promote!
Quick response from visitors!
Captured audience!
Builds loyalty!
Builds Social Authority
![Page 14: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/14.jpg)
Have a G+ Page
![Page 15: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/15.jpg)
Have a Facebook Page
![Page 16: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/16.jpg)
For WP Users - Comments Evolved
![Page 17: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/17.jpg)
Search
![Page 18: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/18.jpg)
SearchLong term strategy!
Brings in new people / sales!
More reliable than social if done correctly
![Page 19: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/19.jpg)
Search
![Page 20: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/20.jpg)
Engagement
![Page 21: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/21.jpg)
EngagementMembership (WordPress users, check out WishList Member)!
User interaction (comments, likes, etc.)!
Time spent on site!
Virality (photos, videos, promos, etc)
![Page 22: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/22.jpg)
Engagement
THINK:!
What Makes You Want to Stay, Talk and Share?
![Page 23: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/23.jpg)
Speed
![Page 24: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/24.jpg)
SpeedGoogle PageSpeed Insights !
Server / Web Hosting!
Optimize Images!
Minify Mark-up!
Cache Content
![Page 25: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/25.jpg)
Speed
![Page 26: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/26.jpg)
?Ask Me.
![Page 27: SEMCON 2013 - Next Generation Site Architecture](https://reader033.fdocuments.us/reader033/viewer/2022051612/54c3070b4a79593a198b45ff/html5/thumbnails/27.jpg)