Before You Make SharePoint PublicDavid LozziBoston MA, United States, EST

April 16th /17th, 2014

David LozziConsultant, ArchitectSlalom Consulting

Boston, MAUSA

Contact

@DavidLozziDavid.Lozzi@Slalom.comwww.DavidLozzi.com

I love working with clients in designing solutions to maximize SharePoint’s out of the box functionality.

I’ve been SharePointing for over 8 years, as a developer and architect. Developing web sites since 1997.

Love to cook, send me your best recipes!

What to expect in the next 90 Minutes

What to Expect On-premises public site Office 365 public site Tips for optimizing your search engine ranking (SEO)

Multiple browsers and your visitors Mobile devices Performance

Aren’t there already a ton of WCM platforms available?

SharePoint?Why but why would I use

Why Not? Native Video Support Mobile device support Image renditions Multilingual support Improved Search Engine

Optimization Branding

• More Out of the Box capabilities (events, photo galleries, libraries, etc.)

• Your users know SharePoint, familiar interfaces

• Centralized authoring site• Managed navigation• Analytics• Device specific targeting

Let’s do this!

Some high level infrastructure stuff

SharePoint PublicHow to get your

On-Premises

Back to Back

SharePoint FarmInternal AD

Employees

SharePoint FarmSeparate AD

Visitors andCustomers

Edge

SharePoint FarmInternal AD

Employees

Visitors andCustomers

In any scenario on-premises, SharePoint gets setup in the same manner.

SharePoint’s Architecture Use Host Headers instead of separate web applications

Source: http://technet.microsoft.com/en-us/library/cc424952.aspx#section1a

AdvantagesUnique URLs per site colSharing a web app & resourcesSame Setup as Office 365

DisadvantagesPowerShell to manageSelf Service Site Creation

Cloud

Azure

Source: http://go.microsoft.com/fwlink/p/?LinkId=392552

Office 365 is SharePoint Online

SharePoint Online

is not Office 365

Office 365 / SharePoint Online

SharePoint Online (Office 365)

Visitors andCustomers

SharePoint Online Limitations One instance of a public site No Content Types and Site Columns Features, sub sites, sandbox solutions are hidden

Device channels aren’t fully functional No Taxonomy-based navigation Updates Frequently

On-Prem Cloud

A domain name that is…

What’s in a Name?

Importance of a Domain Name Your address Visitors may have to type it in Search engines LOVE them (more later)

Importance of a Domain Name

http://sp.svr1.corp.domain.comhttp://yourcorp-

public.sharepoint.comor

http://sp.domain.combetter yet

http://domain.com

Pick One Use either www.domain.com or domain.com (or sp.domain.com).

Redirect one to the other using a 301 redirect (not 302)

On-Prem Configure your domain name in the Internet Zone

SharePoint Online Easy walk through wizard to add your own domain

Search EnginesGetting discovered by

How Search Engines Work

How to get cozy with your search engines.

Search Engine Looking for… Domain name is most attractive Being Friendly is Hot Friendly URLs, difference between domain.com/pages.aspx?ID=4 domain.com/widget/Acme2000

Navigation using Managed Metadata(as of today, only on-prem, SPO public sites don’t

have this option)

Setup Friendly URLs

Search Engine Looking for… Clarity, direction, guidance SiteMap.xml XML file listing your site’s pages

On-Prem – Site Collection Feature “Search Engine Sitemap”

SPO – Search Engine Sitemap Settings

Search Engine Looking for… Substance, depth, intelligence Content is KING! Keep it fresh, update as frequent as possible

Optimized keywords Images (alt text) Use Heading Styles (Heading 1, Heading 2, etc)

Links Links within your site should contain keywords

Links to your site should contain keywords

Get more links to your site

Search Engine NOT looking for <metadata> (kind of) Keyword stuffing Apps

Apps use iframes, embed pages inside of pages JavaScript isn’t Search Engine friendly Search engines get confused

Submit your Site

Google Web Master Tools

https://www.google.com/webmasters

Bing/Yahoo Web Master Tools

http://www.bing.com/toolbox/webmaster

Submit your site

Now what?

Be Patient

Watch your relationship, closely Google Analytics

Visitors Page views Browsers Locations Keywords

Web Master Tools Sitemap Crawl Stats Search Queries

Browsers and Mobile

http://www.sp24conf.com/

How to support all the browsers HTML5 & CSS2/3 (mobile too)

Focus on the big ones (Chrome, IE, Firefox, Safari)

Test multiple browsers at once

Keep your pages as small as possible

Mobile Support - Responsive The web site responds to the browser (size)

Mobile Support – Device Channel Target specific devices, i.e. iPhone or Windows Phone

Unique master page and CSS

How do I know which to use?

Responsive vs Device Channel Property Management Same HTML for all Future Proof (cars?) Limited to CSS

capabilities Larger assets

• Device management• Different HTML/Channel• More management• More flexibility• Smaller, targeted assets

Responsive Web Design

Device Channels

Mobile is too much work

Is Mobile Worth It? According to Google… Nearly 75% of users prefer a mobile-friendly site 67% of mobile users say that when they visit a mobile-

friendly site, they're more likely to buy a site's product or service

61% of users said that if they didn't find what they were looking for right away on a mobile site, they'd quickly move on to another site

50% of people said that even if they like a business, they will use them less often if the website isn't mobile-friendly

52% of users said that a bad mobile experience made them less likely to engage with a company

I’ll try…

Performance

http://www.sp24conf.com/

Farm Considerations SharePoint Online

Can’t do much on the farm Focus on page optimizations

SharePoint On-Prem Consider farm’s architecture Are there enough servers? Dedicated to the right services? Keep your farm awake

Page Load What’s loading on the page Use your browser’s dev toolbar (F12)

Optimize Assets Every kb counts Images

Compressed BLOB Cache Renditions

CSS and JavaScript Clean Minify CDN

Minimal Download Strategy “Minimal Download

Strategy… reduces page load time by sending only the differences when users navigate to a new page.” – MSDN

Site Feature SEO friendly Be Careful!

That’s it!

You did it!SharePoint Online or On-PremisesImportance of the domain nameGetting found by search enginesBrowsers and mobilePerformance

References What's new in web content management for SharePoint 2013

publishing sites http://technet.microsoft.com/en-us/library/jj219688(v=office.15).aspx

Extranet Topologies http://technet.microsoft.com/en-us/library/cc263513(v=office.14).aspx

Technical Diagrams for SharePoint 2013 http://technet.microsoft.com/en-us/library/cc263199(v=office.15).aspx

SharePoint Feature Availability, on-prem and O365/SPO http://technet.microsoft.com/en-US/library/jj819267.aspx#bkmk_tablespo

Host-named site collection architecture and deployment http://technet.microsoft.com/en-us/library/cc424952.aspx

SPO Public Facing Limitations http://techblurt.com/2013/05/09/creating-a-public-facing-website-on-office-365-part-1/

References Office Blog

http://blogs.office.com

Redirects and SEO Best Practice http://www.stephanspencer.com/redirects-and-seo-best-practice/

Navigation Using Managed Metadata (Friendly URLs) https://

www.nothingbutsharepoint.com/sites/eusp/Pages/SharePoint-2013-Navigation-using-Managed-Metadata-Term-Store.aspx

Google Analytics http://www.google.com/analytics

Google Web Master Tools https://www.google.com/webmasters

Bing/Yahoo Web Master Tools http://www.bing.com/toolbox/webmaster

References Google Ad Words

https://adwords.google.com/ (keywords)

Browser Stats http://gs.statcounter.com/

HTML5 Compatibility http://html5test.com/results/desktop.html

HTML5 Mobile Compatibility http://html5test.com/results/mobile.html

Cross Browser Testing http://lmgtfy.com/?q=cross+browser+testing

SharePoint 2013 Device Channels http://msdn.microsoft.com/en-us/library/office/jj862343(v=office.15).aspx

References Optimizing SharePoint 2013 websites for mobile devices

http://blogs.msdn.com/b/sharepointdev/archive/2013/05/07/optimizing-sharepoint-2013-websites-for-mobile-devices.aspx

SharePoint Browser Support… Improved with 2013, really? http://davidlozzi.com/2013/04/24/sharepoint-browser-support-improved-with-2013-really/

Google’s research on mobile sites http://www.thinkwithgoogle.com/research-studies/what-users-want-most-from-mobile-sites-today.html

My Users Don’t Like SharePoint because it is too slow! http://davidlozzi.com/2013/01/16/my-users-dont-like-sharepoint-because-it-is-too-slow/

SharePoint Wakeup Script http://spwakeuppowershell.codeplex.com/

A Non-Developer’s Intro to the Developer Toolbar: Performance http://davidlozzi.com/2013/09/19/a-non-developers-intro-to-the-developer-toolbar-performance/

References Design Manager image renditions

http://msdn.microsoft.com/en-us/library/jj720398.aspx

CSS and JavaScript Minifier http://minifycss.com/

Google’s CDN https://developers.google.com/speed/libraries/

Minimal Download Strategy overview http://msdn.microsoft.com/en-us/library/office/dn456544(v=office.15).aspx

...the anchor will pick some of them up!

Questions?Post your questions in the chat...

Thank you!