SharePoint 2013 for internet websites

SharePoint 2013 for Internet websites22 April 2014Portiva

Alexander Meijers | Lead / Architect

Styling Editing capabilities Reusable content Navigation Search Engine Optimalisation Report on usage Video and rich media

Agenda

Styling

HTML Design Based on master page and page templates which

contains HTML CSS styling JQuery and JavaScript

Use Design Manager Create master page and page template quickly Add SharePoint specific parts with an ease

Channels Define multiple channels for one or more devices Each channel has its own master page

Styling

Responsive web design Optimize user experience across devices Only possible when navigation through content does not differ too much between

devices Could influence ranking due to less content indexed by search engines

Example: Masonry Cascading grid layout library http://masonry.desandro.com/

Styling

http://masonry.desandro.com/

http://masonry.desandro.com/

Editing capabilities

SharePoint Ribbon Office like if you are using Office you know this! Different tabs for each of the functionality Context sensitive

Configurable Parts of tabs can be turned of Custom tabs and functionality can be added Rich set of editing capabilities (Font, Paragraph, Styles, etc.)

Editing capabilities (1/9)

WYSIWYG Pages in edit mode will allow users to edit the

content as its appears when published Changes to font, styling and paragraph will

reflect directly Editing a page is like working in Word

Page in edit mode Web Part Zones Publishing fields


Web Parts can be added everywhere

Web Part Zones Rich Html Publishing fields

Categories Display Web Parts together in

categories for easy selection Preconfigured Web Parts possible

Web Part editing


Additional elements Tables Pictures Video and audio Links Web Parts Embedded code Reusable content

Ability to upload files and make them available


Paste normal Paste all content and styling

from its source

Past Clean Paste all content and styling

as RTF from its source Only bold, italic, underline,

etc. will be copied

Past Plaintext Paste all content as plain

text without any styling


Edit & Save Ability to temporarily save and continue

to work Ability to check in, check out, discard

check out and override

Publishing support on pages

Based on workflow Allows to submit content for approval Comments on submitted content

Clear status bar


Pages Ability to select from a subset of page

templates Set of page templates is configurable per site Allow to make a page the homepage for the

website

Select a page template will directly reflect on screen

Content is reorganized at the correct locations in the page.


Spellings check Lots of languages to choose from Available when area of content is clicked Reports number of spelling errors Spelling errors shown with red line


Versioning All publishing pages and other content supports versioning Ability to view the page history Ability to view per version the changes made Ability to republish an older version


Reusable content

Reusable content in SharePoint Search driven publishing Custom reusability

Reusable content

Reusable content is specified per website Content is stored in a single SharePoint

List Content can be reused in pages through

the ribbon functionality

Reusable content in SharePoint

A feature which allows you to publish content across multiple websites

Content is stored in one or more catalogs It must be indexed by the search engine

Catalogs Catalogs do not have to be publishing sites Catalogs are SharePoint Lists Authored outside the websites

Catalog items Every item has its own unique URL, meta tags and body content Is presented as a single page to the visitor

Search driven publishing

Rich Html content is stored as Catalog Items

Content is shown through a custom Web Part on the page

Content is reusable Search driven to optimize performance Content can be positioned anywhere on the page in Web Part zones or in

Publishing fields

Custom reusability

Navigation

Introduction of Managed Navigation

Based on Managed Metadata Structure and modeling of navigation items

through terms

Friendly URLs Big influence on ranking of web pages in

search results Easier URLs for visitors instead of the old

“/pages/” URL

Associate navigation terms to specific pages

Navigation

Search Engine Optimalisation

Increasing the ranking of a website in the search results.

Can be achieved by HTML Markup vocabulary Optimizing the hosting servers Content management system The right content Monitor and optimize your website continuously

Importance of ranking within search engines Search engine users tend to view only the first page of

results

Search Engine Optimalisation (1/7)

Context information of the site Use Microdata Providing additional information to the content for search engines Use existing microdata schemas http://schema.org


http://schema.org/

Specify per publishing page

Browser title Meta description which is displayed on a search

result page (not always used) Keywords describing the context of the page

Exclude specific pages from search results


Browser titles Standard title Hierarchical like “ISSA Interclean – News – News overview” Automatic generation through the Search Engine Optimization feature

Search Engine Optimization Same as the page title or The title specified in your SEO property page


Content duplication In some cases pages can be accessed from multiple URLs Prevent this to improve ranking and prevent penalties

Canonical URL Control the URL under which pages are indexed SharePoint 2013 can automatically generate a canonical URL

for a page through the Search Engine Optimization feature Use URL rewrite to create canonical URLs for domains

Be aware of indexing pages with a different set of parameters

In some cases you want this because content is different based on parameters

All parameters are included in the canonical URL by default Use Search Engine Optimization settings to configure


Optimizing your website Is an ongoing process Internet search engines offer tools to analyze

your website

Site ownership verification

Tools to analyze your website need ownership verification

Use the Search Engine Optimization feature to specify such ownership


29

Search Engine Sitemap XML Sitemap XML Sitemap can help indexing all your pages SharePoint 2013 can generate this daily

Robots.txt file Determines which pages to ignore Optimizes the crawl process of the search engine Also daily generated together with the XML Sitemap


Reports on usage

Usage details Shows unique visitors and hits Exports to Excel in a graphical

view

Incoming links Checks which pages refer to this

page

Report on usage

Video and rich media

It allows you to resize an upload media to different preconfigured sizes

Supported media types Image Video

Use renditions In edit mode add the media and choose the

rendition Use it programmatically in a control

Image/video renditions (1/3)

Uploaded media are directly resized in all defined sizes

New added renditions will be added to the uploaded media

Renditions can be edited through cropping the original media


Supported image types

gif, jpg, jpeg, jpe, jfif, bmp, dib, png, tif, tiff, ico, wdp andhdp

Supported video types wmv, wma, avi, mpg, mp3, mp4, asf, ogg,

ogv, oga and webm

Limitations Sizes should not exceed 2048 pixels in

width and/or in height


Video streaming support Store videos in SharePoint Stream videos from a location outside SharePoint

Supported formats Media Web Part asf, avi, mpg, mp3, mp4, ogg, ogv, webm, wma, wmv Silverlight Media Web Part asf, mp3, mp4, wma, wmv HTML5 not yet specified by HTML5 standards

Use embed code to display YouTube videos

Video

Additional improved functionality

User Interface enhancements

Visualization of items when hovering Promoted results Improved visual best bests Additional results shown in separate

result blocks Use different display templates for

each result type New query conditions Visual building queries using the

Query Builder Recommended results

Search (1/2)

Crawling of content Continuous crawl (every 15 minutes) Crawl content outside SharePoint

using Open Search protocol (search engines or other supporting the protocol)

Reporting & monitoring

Logs displaying the queries executed by visitors

Search (2/2)

Using taxonomy to form a classification system for pages and content

A taxonomy groups the words, labels and terms in an hierarchical way that describes some content

It maintains a consistent use of metadata

Enrich content by using terms

Search refinement on search result page uses these terms

Improves content discoverability

Managed Metadata

SharePoint 2013 for internet websites

Internet

Transcript of SharePoint 2013 for internet websites