Ethan Guresh and Alyssa Levitz SPC019 Any web designer amp developer can easily style amp brand an SP2013 Publishing site Underthehood platform investments that make SharePoint a much better WCM rendering platform ID: 623720
Download Presentation The PPT/PDF document "Best Practices for Designing Websites wi..." is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.
Slide1Slide2
Best Practices for Designing Websites with SharePoint 2013
Ethan Gur-esh and Alyssa Levitz
SPC019Slide3
Any
web designer & developer can easily style & brand an SP2013 Publishing site
“Under-the-hood”
platform investments that make SharePoint a much better WCM rendering platform.
Why web designers/
devs
will love SP2013Slide4
“SharePoint 2013 Top 10 New Features:
1. Support the tools designers use: Flexibility in Branding 3. Search Engine Optimization
4. Content Search Web Part
5. Optimized mobile browser experience.”SharePoint Joel “Don’t be surprised if SharePoint starts hitting that top-right Gartner Magic Quadrant for Web Content Management; watch out
OpenText
, Autonomy, Oracle, SDL, SiteCore and FatWire.”CMSWire
Don’t just take our word for it…Slide5
Markup ImprovementsSlide6
No more TABLEs for Web Parts & Zones
Client-side rendering for Content Search Web part
CSS completely re-written & simplified
What do you mean “improved”?Slide7
How much better is ‘better’?Slide8
SharePoint 2013 makes sure search engines give your site the best possible treatment:
Great sites are ones that get found
Clean
URLs
http://www.c.com/cars
Home
Page
Redirects
None
Country
code
top-level domains (
ccTLDs
)
http://www.c.com/cars
http://www.c.mx/coches XML SitemapsAutomatically generated and referenced in robots.txt
SEO Properties
Browser title, Meta
description,
Meta keywords
Canonical
URLs
Webmaster Tools integration
Assists with ownership
verificationSlide9
Web Designer and Developer ExperienceSlide10
A look back: Designing your w
eb site in SharePoint 2010
Comps
CSS, JS, etc.
HTML
Integrate Ribbon
Master Pages
Roll-up controls
Dreamweaver /
Photoshop / etc
.
SharePoint Designer
Navigation
Custom Catalog
Catalog IntegrationSlide11
Designing your web site in SharePoint 2013
SharePoint
Dreamweaver / etc.
Ribbon
Placeholder Main
Minimal Master
Navigation
Web parts
Controls
Auto Convert
Snippet
Gallery
Add controls
Upload
Comps
CSS, JS, etc.
HTMLSlide12
Web Designer and Developer Experiences
Ethan Gur-eshSlide13
Get your content: Cross-site Collection Publishing
Convert your HTML design
Create Page Layouts and use Content Search Web Parts
Web Designer and Developer ExperiencesSlide14
Mobile Device TargetingSlide15
Devices Matter.
It’s a mobile & touch-enabled web now
.
But how do you have a
Customized Design,
Fewer bytes over the wire
… all while maintaining Search Engine Optimization?Slide16
Device Channels
Control experience based on user agent
string, e.g.:
Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0;
IEMobile
/10.0; ARM; Touch; NOKIA; Lumia 920)
Differentiated design with separate Master Pages
E.g., account for different screen resolutions
Targeted content with Device Channel Panels
E.g., show a special deal to mobile customersSlide17
Image Renditions
Multiple sizes, aspect ratios, and crops……but still just one image!Slide18
Mobile Device Targeting
Alyssa LevitzSlide19
Mobile AppsSlide20
Search
INTERNAL ITEM CATALOG
SITE COLLECTION
Electronics
DESKTOP WEB CHANNEL
MOBILE CHANNEL
Same Content
Same Page URLs
Same Site Collection
Different layouts and templates
WEB BROWSER
REST API
NATIVE APP
Adaptive experiences allow for
surfacing
and
adapting
content
for presentation through
multiple channels
and
devices
CAMPAIGN
PROMOTION
Content Reuse
Managed Navigation Reuse
No additional infrastructure
Wed 9:00am
SPC255
-
Step-by-Step:
Building Adaptive Companion Apps for Devices using SharePoint
2013
Speakers
: Manfred Berry
, Rune
Zakariassen Slide21
Design PackagingSlide22
Design Packaging
Alyssa LevitzSlide23
WCM HOLs and events @ SPC
HOL038
–
Intro
to Web Content Management in SharePoint 2013HOL040
–
Building
a Product Centric Site in SharePoint 2013
HOL039
–
Designing
a SharePoint 2013 Site
HOL041
–
Hands on with the Content Search web part in SharePoint 2013
Meet a Search SME
Ask questions, meet the community and share knowledge!
Mon-Thu @ Exhibit Hall
Hands on Labs
Daily 10:30am-6:30pm @ HOL Lab Lounge
Ask the Experts
Discuss WCM!
Wed 6:15PM @ Ask the Experts LoungeSlide24
Related WCM Sessions @ SPC
Mon 2:00pm - SPC255 - What's New for WCM and Internet Sites in SharePoint 2013
Speakers:
Sven Arne Gylterud, Daniel Kogan
Tue 1:45pm - SPC180 - Overview of Search Driven Web Sites and Cross Site Publishing in
Depth - Speaker:
Daniel Kogan
Tue 5:00pm - SPC270 - Zero to Live in 60mins using SharePoint 2013 Publishing
Speakers: Andrew Connell, Daniel Kogan
Wed 9:00am - SPC255 -
Step-by-Step:
Building Adaptive Companion Apps for Devices using SharePoint
2013 - Speakers
: Manfred Berry
, Rune
Zakariassen
Wed 1:45pm - SPC246 - Using
jQuery
and Display Templates to create modern Web Sites
- Speakers
: Ethan Gur-esh, Jeremy Kelley
Thu 10:30am - SPC153 - Migrating your WCM Internet Sites to SharePoint 2013
Speakers: Israel Vega, Luca
BandinelliSlide25
Evaluate this session now on
MySPC
using your laptop or mobile device:
http://myspc.sharepointconference.com
MySPCSlide26
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.