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
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
Editing capabilities (2/9)
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
Editing capabilities (3/9)
Additional elements Tables Pictures Video and audio Links Web Parts Embedded code Reusable content
Ability to upload files and make them available
Editing capabilities (4/9)
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
Editing capabilities (5/9)
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
Editing capabilities (6/9)
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.
Editing capabilities (7/9)
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
Editing capabilities (8/9)
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
Editing capabilities (9/9)
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
Search Engine Optimalisation (2/7)
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
Search Engine Optimalisation (3/7)
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
Search Engine Optimalisation (4/7)
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
Search Engine Optimalisation (5/7)
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
Search Engine Optimalisation (6/7)
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
Search Engine Optimalisation (7/7)
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
Image/video renditions (2/3)
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
Image/video renditions (3/3)
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
Top Related