SPSNL 2011 SharePoint 2010 WCM challenges made easy

CodeCamp / SharePoint Saturday, March 26th 2011

SharePoint 2010 WCM challenges made easy

Waldek Mastykarz


About: Waldek Mastykarz

• mvp: SharePoint Server• work: Mavention• blog: http://blog.mastykarz.nl• mail: [email protected]• twitter: @waldekm


Why this session

• Improved WCM capabilities in SharePoint 2010

• Increasing demand for SharePoint WCM solutions

• WCM solutions are different than portals


90% SharePoint Internet-facing websites suck*

SuckDon't suck

and it’s not because of SharePoint

* 90% of Dutch Internet-facing websites built on SharePoint 2010


What’s in it for you

• Learn why WCM solutions are different and why you should care

• Learn what the common challenges are and what you can do about them

• Be able to focus on the cool stuff instead reinventing the wheel


Let’s suck less!

SuckDon't suck


CUSTOM USER EXPERIENCEChallenge


UX challenges

SharePoint

Web


UX challenges

asp.net• single form• postback• in-line JavaScript

web• many forms• get / post / AJAX• Progressive Enhancement


HTML is the center of the universe

HTML

Accessibility

SEO

Performance

UX


How to deal with it

Working prototype

(HTML)

Master Page & Page Layouts

Working prototype (SP)


Alternative: Mavention Flex Layout*

Custom User Experience

Public View Authoring View

* But that’s cheating


BUILDING FOR THE INTERNETChallenge


THE INTERNET EXPERIENCEDemo


Building for an intranet

VisitorsAudience


The Challenge

Intranet

VisitorsAudience

Internet

Visitors

Audience


Building for the Internet challenges

how does it work

with

browser/os

no silverlight

no javascript

no css

no mouse

anonymous users


Building for the Internet challenges

how does it support

accessibility

seo


ACCESSIBILITY & CROSS-BROWSER SUPPORTDemo


HTML is the center of the universe

HTML

Accessibility

SEO

Performance

UX


How to deal with it

Proper HTML

SP components

Fixes

Custom components


MOBILE WCMChallenge


OUT-OF-THE-BOX SHAREPOINT 2010 MOBILE EXPERIENCE

Demo


75% SharePoint Internet-facing websites can’t be opened on a mobile device*

Doesn't workWorks

* 75% of Dutch Internet-facing websites built on SharePoint 2010


Mobile challenges

OOTB Mobile doesn’t work

-No way to control it

-


Mobile challenges (2)

Optimization

Content

MediaExperience


How to deal with it

Optimizations

Mobile baseline

Disable Mobile Redirect


FIXING THE OUT-OF-THE-BOX SHAREPOINT 2010 MOBILE EXPERIENCE

Demo


WEB ASSUMPTIONSChallenge


Common assumptionsfor Internet-facing websites

• XML sitemap• robots.txt• hierarchical titles• meta tags• 404/error page• short URLs• resizing images

• web analytics• SEO• (X)HTML strict• accessibility• performance• consistent authoring• anonymous audiences


How to deal with it

Ship it!

Buy/Build

SelectIdentify


CONTENT AGGREGATIONSChallenge


Content aggregationschallenges

Branding

Functionality

Choosing the right tool for the job

?


9/10 custom made content aggregations suck*

SuckDon't suck

* a general yet true assumption


CONTENT QUERY WEB PARTSHOW-OFF

Demo


How to deal with it

Analyze requirements

Choose the right tool


PRETTY URLSChallenge


FORGET IT!Pretty URLs in SharePoint


Pretty URLs in SharePoint

• SEO solution• web purity• migration from other

CMS and preserving URLs

Frequently asked for

as…


Pretty URLs in SharePoint

•SharePoint hasn’t been designed that way

•Not supported

Bad idea


10/10 pretty URLs suck*

SuckDon't suck

* hard reality. It’s just a matter of time


How to deal with it

• Try to understand why your customer want it• Try to explain why it’s a bad idea• Removing Pages and .aspx doesn’t change

much• Migration: URL redirection• Purity vs. scalability


INTERNET-FACING WEBSITE PERFORMANCE

Challenge


WCM performance challenges

• large page footprint• many separate

requests• framework files

SharePoint wants you

to optimize


How to deal with it

Lower page footprint

Merge & minify

Cache


How to deal with it (2)

3rd party tools

do it yourself


DYNAMICALLY LOADING DEBUG/RELEASE JS & CSS

Demo


Mavention Flex Layout*

Low page

footprint

* But that’s cheating


Summary

• Internet-facing SharePoint is not obvious but great results can be achieved

• Know what you are doing– know the platform– know your toolbox– know the boundaries

• Don’t forget non-functional requirements!


Thank you!

Technology

SPSNL 2011 SharePoint 2010 WCM challenges made easy