SharePoint 2013 a finalement amélioré un de ses points faibles, le Web Content Management. Avec cette nouvelle version, SharePoint répond aux besoins business, déjà réclamés par les clients avec qui je travaille depuis plusieurs années. Dans cette session, je partagerai mes meilleures pratiques pour exposer votre contenu sur Internet. Avec certaines fonctionnalités telles que le Design Manager prêt pour la mobilité, les catalogues ou les configurations SEO, vous verrez que vous êtes maintenant en mesure de créer un portail web crédible pour votre Entreprise suivant les standards du marché avec SharePoint 2013. Session présentée par le partenaire : Avanade.
Speakers : Matthieu Lambert (Avanade)
Le business veut tout, tout de suite ? Etes-vous passé en mode IT as a Service ?
Les bonnes pratiques pour exposer votre contenu sur Internet
1.
2. Les bonnes pratiques pour
exposer votre contenu sur Internet
Matthieu Lambert
Information Management & Collaboration
Service Line Manager
Avanade
matthieu.lambert@avanade.com - www.avanade.com
Infrastructure, communication & collaboration
3. Donnez votre avis !
Depuis votre smartphone sur :
http://notes.mstechdays.fr
De nombreux lots à gagner toute les heures !!!
Claviers, souris et jeux Microsoft…
Merci de nous aider à améliorer les Techdays !
#mstechdays
Infrastructure, communication & collaboration
4. Agenda
A propos d’Avanade
Avant SharePoint 2013
Web Design
Centralisation du contenu
Recherche
Mobilité
#mstechdays
Infrastructure, communication & collaboration
5. A propos
Stand n 81
d’Avanadeavec Microsoft une joint-venture ciblant les services et
Accenture a fondé
solutions Microsoft pour Entreprise à travers le monde entier: Avanade
–
–
–
–
–
–
1,3 milliard € de chiffre d’affaire en 2013, Plus de 20% de croissance annuelle depuis notre création en 2000
Conseiller de confiance pour plus 4000 clients dans la plupart des industries. 95% de clients satisfaits
Plus de 70 bureaux dans 20 pays
21,000 certifications Microsoft (1st Partner en termes de certification) détenues by 20,000 consultants Avanade
25 Microsoft Most Valued Professionals (MVP), 20 Microsoft Certified Masters (MCM), 17 Microsoft Certified
Architects (MCA)
11,000 consultants dans le Global Delivery Network, avec des localisations offshore telles que l’Inde ou les Philippines
• Industry and business acumen
• Specialization on the Microsoft platform
• Comprehensive enterprise platform
• Industry, cross-industry solutions
• Engineered assets and architectures
• Horizontal solution accelerators
• Industry, cross-industry solutions
• The worldwide leader in software, services
and solutions that help people and businesses
realize their full potential
• Innovative, highly adopted technology globally
#mstechdays
Infrastructure, communication & collaboration
7. Avant SharePoint 2013
Pas user friendly
Modal views
Maintenance complexe
2013
Rapidité
Outils Admin / Gouvernance
Look & feel
Design Manager
Recherche
Intégration de FAST
Pas de contenu centralisé
Catalogues
Référencement non optimisé
Options SEO
Statistiques d’usage
With
Faiblesses pour sites Internet
Lenteur
Nécessité de customisation
#mstechdays
Infrastructure, communication & collaboration
Popularity trends / Social
Solutions sans code
8. Tendances impactant notre façon de
travailler
Devices
People
Cloud
2 milliards
82%
50%
smartphones avant
2015, et 50% l’utilisent
comme première
source Internet
de la population online
est active dans un
réseau social
Des clients d'entreprise
sont “sur la route” du
cloud
#mstechdays
Infrastructure, communication & collaboration
10. Faire de beaux sites
• Supporte les
technologies and
outils des web
designers
• Master Pages /
Layouts supportés en
HTML
• Snippet gallery aide
les designers à
modifier les templates
en temps réel
• Cibler différents
#mstechdays
Infrastructure, communication & collaboration
11. Même depuis un Mac avec Dreamweaver!
#mstechdays
Infrastructure, communication & collaboration
14. Construire des sites efficaces en
centralisant
Pourquoi centraliser?
SharePoint 2013 fournit
des outils
Ne pas dupliquer le même contenu
Catalogues
Cross site publishing
Publication flexible et dynamique
Term Store
Séparer le présentation du contenu
Navigation dynamique par metadata
Ne plus dépasser les quotas
#mstechdays
Metadata Navigation
Content Search Web Part
Refiners
Search Recommendations
Infrastructure, communication & collaboration
15. Réutiliser du contenu avec le cross-site
publishing
1. Contenu créé en
Authoring
2. Contenu indexé
par le Search
3. Utilisateur ouvre
un site de
Publishing
4. Contenu
retourné à
l’utilisateur via le
Search
#mstechdays
Infrastructure, communication & collaboration
16. Centraliser votre contenu avec des contrôles
dynamiques permettant aux développeurs web de créer des portails basés sur
Expérience simplifiée
une navigation centralisée et quelques pages dynamiques
Friendly URL
http://contoso.com/cameras
CONTENT SEARCH WEB PART
TERM STORE
NAVIGATION TAXONOMY
Filter query by
CATEGORY: Cameras
Audio
Cameras
Computers
Home appliances
Phones
TV and video
Search
Use page
maincategory.aspx
#mstechdays
Infrastructure, communication & collaboration
17. Centraliser votre contenu avec des contrôles
dynamiques permettant aux développeurs web de créer des portails basés sur
Expérience simplifiée
une navigation centralisée et quelques pages dynamiques
Friendly URL
http://contoso.com/computers
CONTENT SEARCH WEB PART
TERM STORE
NAVIGATION TAXONOMY
Filter query by
CATEGORY: Computers
Audio
Cameras
Computers
Home appliances
Phones
TV and video
Search
Use page
maincategory.aspx
#mstechdays
Infrastructure, communication & collaboration
19. Search Engine Optimization
•
•
•
•
•
•
Rendez votre site visible sur la toile
Utilisez des meta tags pour le titre, la
description et les mots-clés
Url simples. Ex: http://demo/products
Pas de redirection
Fournir une site map aux outils de
recherche
Exclure le contenu obsolète des index
#mstechdays
Infrastructure, communication & collaboration
20. Search & Refine - navigation par filtres
• La façon de rechercher à changé
• Définir des "refiners" pour naviguer
dans l'abysse des catalogues
• Fournir des capacités simples de
filtres basés sur le contenu en
question
• Les éditeurs de contenu peuvent
définir quelles metadata sont
disponibles en refiner
• Expérience utilisateur des refiners
adaptée par type de données
#mstechdays
Infrastructure, communication & collaboration
21. Gérer les Query Rules
Comprendre l’intention de l’utilisateur donne de la valeur ajoutée à la
recherche
• Configurer:
– Résultats mis
en avant
– Blocs de
résultats
– Classement
des résultats
• Tester
• Prévisualiser
#mstechdays
Infrastructure, communication & collaboration
23. Un monde mobile
Le web est mobile et tactile
aujourd’hui
• Le nombre de smartphones
atteindra 2 milliards en 2015
• Aujourd’hui on vend plus de
tablettes que d’ordinateurs de
bureau classiques
• Aujourd'hui 1 visite sur 3 d’un
site web vient d'un appareil
mobile
• 80% de l’utilisation des
portables est faites sur les
apps
The time to start your mobile
marketing was yesterday
#mstechdays
Infrastructure, communication & collaboration
24. Un « Channel » par appareil
•
•
Différents « channels » (canaux) définis par site (ou sous-site)
– Définir des Channels par appareil ou par groupe d’appareil
– Assigner des Master Pages alternatives (look and feel partagé) par
channel
– Inclure ou exclure des parties spécifiques de Page Layouts par channel
– Prévisualiser en mode édition ou design
Des contrôles spécialisés pour l’affichage par mobile
#mstechdays
Infrastructure, communication & collaboration
25. Expérience Mobilité
Une expérience adaptée pour interagir et de visualiser un même contenu
adapté pour différents canaux et appareils
Content Reuse
Managed Navigation Reuse
No additional infrastructure
DESKTOP WEB CHANNEL
WEB BROWSER
MOBILE CHANNEL
NATIVE APP
Same Content
Same Page URLs
Same Site Collection
Different layouts and templates
REST API
Search
#mstechdays
Infrastructure, communication & collaboration
26. Résumé des Recommandations
Web Design
•
•
•
•
•
•
Construisez un look commun et attrayant
Travaillez avec des designers web pour l'HTML/CSS
Les designers web peuvent utiliser les outils habituels
Utilisez le Design Manager et la Snippet Gallery
Utilisez les contrôles out-of-the-box
Adaptez vos designs en fonction des appareils
Recherche
•
•
•
•
•
•
Configurez les propriétés SEO pour vos pages
Utilisez des URL simplifiés pour le contenu marketing
Générez une site map pour les outils de recherche
Utilisez des refiners avec une UX avancée
Définissez des managed metadata pour vos refiners
Gérez des Query rules pour promouvoir vos contenus
Centralisation du contenu
•
•
•
•
•
•
Centralisez vos contenus dans des catalogues
Séparez la présentation du contenu
Utilisez des pages dynamiques avec des CSWP
Construisez une navigation dynamique par metadata
Définissez des metadata dans le Term Store
Traduisez vos metadata pour vos sites multilingues
#mstechdays
Mobilité
•
•
•
•
•
•
Définissez une stratégie mobile pour votre site
Définissez des channels pour les différents appareils
Construisez des layouts spécifiques par appareil
Prévisualisez vos pages pour chaque channel
Utilisez des petites images pour les mobiles
Pensez à construire des apps pour les principaux OS
Infrastructure, communication & collaboration
Joint VentureConsulting focus on MicrosoftComplex projects for large companiesGlobal company from USA1st in certificationsExpert networkAlmost 20000 people with a big part in offshore locations
Who think that SharePoint 2007 was…All these things were really important for the clientTo meet these requirements we had to create a lot of customizationsNow the good news is these different topics have been improved with the new version of SP2013Ex: Portal are fasterYou can do everything in the same page when editing instead of doing thousand of clicksYou can build nice portals without developers
The trends you have to take into account when building your siteWe use more tablets and smartphone instead of traditional computersWe need to link the people to the content to have more value to itHow we can save costs in the infrastructure by hosting platform totally in the cloud or with hybrid environments
Usually the .NET developer are not specialised in cssIn the IT projects the web styling and the development is not the same job. Developers do C# and web designer build html and cssBefore it was very complicated to integrate web designers in SP projects because they can’t use their toolsNow it is a great improvement, we can have mixed development environments
You can even build the branding of SharePoint site with Dreamweaver from a Mac for instance!!!But I’m sure nobody has an iPhone here in this room
Now it is easier to build nice site with the OOB features
-> Same product for different segment or different sitesSeparates content authoring from branding and rendering.Can be used across site collections, web applications, and also across farms.
Compare with content deploymentCan be used across site collections, web applications, and also across farms.
In a products based scenario, you define a taxonomy to represent your category and your taxonomyYou based your site structure on this taxonomyA user clicks a category, the friendly url built on the taxonomy is called but you always use the default page for all categories, no need to have a page by categoryContent Search WP queries the product catalog indexed by the search and the products are returned to the userIf tomorrow you want to add a new product category, just add it to your taxonomy/term storeTag your product with this metadata in your authoring siteNothing else to do
If tomorrow you want to add a new product category, just add it to your taxonomy/term storeTag your product with this metadata in your authoring siteNothing else to doYour navigation is adapted The user clicks your new category, and all you product with this metadata are displayed
SEO is the rules you have to follow to have the best visibility and ranking on the main search engines such as Google or Bing for instance.Managing SEO rule is something crucial for the success of your site, before we had to develop a lot of customisation to achieve that
FAST integrated most advanced tool for searchThe way we search has changed, we have to simplify and do not use complex advanced search as before with lot of text box to fill in and controls to selectClients often ask for Google search like, a simple text box to search. And if there are too many results we can use the nice refiners of SP
CampaignDisplay templateUser segment (young, professional, private) + user channel (desktop, mobile)Related products, You may also like-> ecommerce site-> user search for iPad and receive Windows SurfaceAdd Promoted Results -> appear above ranked resultAdd result blocks -> Identify client and show info from CRMChange the ranking of results -> download is an action
In average we look our phone 150 times a dayWe know the numbers but there is More website mobile hostile than website mobile friendlyThink to screen, think to connection speed. Do not miss the train
There are several things to take into account: Touch screensmall screenlimited bandwidthdifferent device capabilitiesIf you want to create a more advanced experience you can create an app to have advanced or more specific user experience