Neuigkeiten in der SharePoint-Websiteentwicklung

Artikel
03/21/2023

Informationen über das neue Erstellungs -und Veröffentlichungsmodell in SharePoint zur Veröffentlichung von Websites.

Einführung in die Websiteveröffentlichung für Designer und Entwickler in SharePoint

SharePoint führt die folgenden Features neu ein. Sie unterstützen den Workflow einer ECM-Websiteerstellung (Enterprise Content Management) für Veröffentlichungssites.

Clientprogrammierungsmodelle für die Entwicklung von Veröffentlichungssites

In SharePoint können Sie das .NET-Clientobjektmodell (CSOM), Silverlight und die JavaScript-Programmierungsmodelle zum Entwickeln von benutzerdefinierten Websites, Sitekomponenten, Branding-Elementen und Verhalten verwenden. Viele der für die .NET-Serverprogrammierung verfügbaren APIs finden Sie im entsprechenden .NET-Client (CSOM), in Silverlight und in JavaScript-Assemblys. In einigen Fällen sind die entsprechenden APIs auch in Windows Phone-Bibliotheken verfügbar.

Weitere Informationen finden Sie in den Referenzhomepages zu Websites und Inhalten für .NET-Server, .NET-Client und JavaScript. Sie können auch mit der -Referenzhomepage beginnen, falls Sie ganz oben beginnen möchten und dann die Inhalte der einzelnen Programmierungsmodelle kennen lernen wollen.

Verwenden von Veröffentlichungs- und Taxonomie-APIs im neuen SharePoint-App-Modell

Sie können benutzerdefinierten Client- und Servercode in SharePoint-Add-Ins schreiben und damit die SharePoint-Veröffentlichungs- und Taxonomiefunktionalität erweiterten. Diese steht den Benutzern auf der Benutzeroberfläche (UI) bereit.

Einige Punkte bei der Entwicklung von Apps, die eine Websiteveröffentlichung verbessern, sind Umfragen, Kontoverwaltungs-Apps, eCommerce-Support, Apps, die soziale Funktionen und externe Daten in Veröffentlichungssites beinhalten, ausgelagerte zusätzliche Inhalte sowie mobile Begleit-Apps.

Erstellungs-, Entwurfs- und Branding-Features

SharePoint enthält Features und APIs für das Erstellen, Entwerfen, Branding und Erweitern Ihrer Website, des Websitedesigns, der Branding-Elemente und des Websiteverhaltens.

Design Manager

In früheren SharePoint-Versionen benötigte das Branding einer Website spezielle technische Kenntnisse beispielsweise zu Inhaltsplatzhaltern auf der Masterseite oder wie eine Masterseite bestimmte Steuerelementformatklassen bereitstellt. SharePoint führt den Entwurfs-Manager ein – eine neue Benutzeroberfläche und zentraler Hub zum Verwalten aller Aspekte des Brandings Ihrer SharePoint-Website. Sie finden den Entwurfs-Manager auf der obersten Website Ihrer Websitesammlung. Er ist Teil der Websitesammlungsvorlage "Veröffentlichungsportal" in SharePoint.

Der Entwurfs-Manager ermöglicht eine schrittweise Herangehensweise für das Erstellen von Designobjekten, die Sie für das Branding von Websites verwenden können. Laden Sie zunächst die Designobjekte (Bilder, HTML, CSS usw.) hoch, und erstellen Sie dann Ihre Gestaltungsvorlagen und Seitenlayouts. Während des Entwurfs können Sie in einer Vorschau anzeigen, wie das Design in einem clientseitigen Codeeditor oder auf dem Server aussieht. Sie können benutzerdefinierte SharePoint-Komponenten und Menübandelemente mithilfe der Entwurfs-Manager-Benutzeroberfläche hinzufügen. Der Entwurfs-Manager generiert HTML-Codeausschnitte , die von jedem Webdesigntool verwendet werden können. Er rendert HTML und ignoriert ASP.NET und SharePoint-Markup (während SharePoint nur ASP.NET und SharePoint-Markup rendert und HTML.md ignoriert).

Sie können Ihre Kenntnisse in HTML, CSS und JavaScript zum Entwerfen von Gestaltungsvorlagen in HTML nutzen und HTML-Seitenlayouts im HTML-Editor Ihrer Wahl entwerfen. Für eine Verknüpfung Ihres Lieblingstools für Erstellung und Entwurf mit Ihrer SharePoint-Website, ordnen Sie ein Netzwerklaufwerk zu und bearbeiten dann die SharePoint-Datei wie eine lokale Datei. Wenn Ihr Websitedesign fertig ist, laden Sie den HTML-Code und die unterstützenden Dateien hoch, und verwenden Sie den Entwurfs-Manager, um die HTML-Datei in eine ASP.NET-Gestaltungsvorlage (.master.md-Datei) zu konvertieren. Dann wenden Sie die Masterseite auf Ihre SharePoint-Website an. Verwenden Sie den Entwurfs-Manager zum Erstellen eines neuen Seitenlayouts; die HTML-Version wird automatisch der entsprechenden ASP.NET-Seite (.aspx Datei.md) zugeordnet, die SharePoint interpretiert.

Nachdem Sie Ihre HTML-Dateien konvertiert haben, verfeinern Sie Ihren Entwurf im HTML-Editor, zeigen Ihre Dateien in einer Vorschau an und speichern sie. Immer wenn Sie HTML-Versionen der Masterseite oder der Seitenlayoutdateien speichern, aktualisiert SharePoint automatisch die damit verbundene SharePoint-Masterseite und die Seitenlayouts, um den Änderungen Rechnung zu tragen.

Mit dem Entwurfs-Manager müssen Sie nur die HTML-Dateien bearbeiten. Sie können weiterhin benutzerdefinierte Masterseite und Seitenlayouts mit Ihren ASP.NET- und SharePoint-Entwicklungskenntnissen erstellen. Der Entwurfs-Manager befähigt Sie auch ohne große SharePoint-Entwicklerkenntnisse, großartige Websites zu entwerfen.

SharePoint beinhaltet auch HTML-Versionen mehrerer Masterseiten und Seitenlayouts, die Sie als Startvorlagen nutzen können. Wenn Sie mit diesen Dateien beginnen möchten, erstellen Sie eine Kopie der HTML-Seite (die verknüpfte ASP.NET-Datei wird automatisch verarbeitet), und bearbeiten Sie dann die HTML-Datei in der üblichen Weise. Sie können auch mit einer Basisvorlage beginnen, indem Sie die Option Masterseite aus Minimalvorlage verwenden, die dann selbsttätig die damit verbundene .master-Datei erstellt.

Codeausschnittkatalog

SharePoint enthält viele sofort einsatzbereite Komponenten wie Webparts und Steuerelemente, die Sie den Seiten Ihrer Website hinzufügen können. Beispiel: Sie fügen eine SharePoint-Komponente, wie ein Suchfeld oder ein Navigationssteuerelement, in die HTML-Masterseite ein, um somit schnell und einfach viel Funktionalität in Ihre Seiten einzubauen.

In der Gruppe Codeausschnittkatalog des Menübands können Sie eine Komponente auswählen, ihre Eigenschaften konfigurieren und den Codeausschnitt aktualisieren, den generierten HTML-Codeausschnitt kopieren und diesen HTML-Codeausschnitt in Ihre HTML-Datei einfügen. Der HTML-Codeausschnitt bietet Ihnen eine äußerste präzise Vorschau der Komponente, sowohl in der serverseitigen Vorschau als auch im HTML-Editor Ihrer Wahl. Nachdem Sie Ihren HTML-Dateien SharePoint-Komponenten hinzugefügt haben, können Sie CSS für das vollständige Branding verwenden. Ebenso wie bei jeder Aktualisierung der HTML-Datei werden die Änderungen nach dem Hinzufügen von SharePoint-Komponenten und ihrem Branding automatisch mit der zugeordneten Gestaltungsvorlage bzw. dem Seitenlayout synchronisiert. Die HTML-Codeausschnitte werden automatisch in SharePoint-Komponenten konvertiert.

Unabhängig davon, ob ihre HTML-Datei eine Gestaltungsvorlage oder ein Seitenlayout ist, zeigt Ihnen der Codeausschnittkatalog die komponenten an, die Sie benötigen. Wenn der gewünschte Codeausschnitt nicht angezeigt wird, können Sie einen HTML-Codeausschnitt ASP.NET Markups erstellen und diesen der HTML-Gestaltungsvorlage oder dem Seitenlayout hinzufügen.

Der Entwurfs-Manager generiert HTML-Codeausschnitte, die von jedem Webdesigntool verwendet werden können. Er rendert lediglich HTML und ignoriert ASP.NET und SharePoint-Markup. SharePoint rendert nur ASP.NET und SharePoint-Markup und ignoriert HTML.

Gerätekanäle

Im Entwurfs-Manager erstellen Sie Gerätekanäle und ordnet diese dann mobilen Geräten oder Browsern mithilfe von Teilzeichenfolgen der einzelnen auf dem Gerät eingehenden Zeichenfolge des Benutzer-Agenten zu. Ein Gerät kann zu mehreren Kanälen gehören, und die Kanäle können somit eine Rangordnung haben. Beispiel: Wenn Sie Gerätekanäle für "Smartphones" und "Windows Phone 8" erstellen, können Sie die Kanäle ordnen, so dass die Geräte, mit Windows Phone 8 ausgeführt werden, einen speziell für sie reservierten Kanal bekommen, während andere Smartphones zum "Smartphones"-Kanal zugeordnet werden.

Nachdem Sie Kanäle definiert haben, ordnen Sie jedem Kanal eine Gestaltungsvorlage zu. Diese Gestaltungsvorlage kann auf eine andere CSS-Datei als die Gestaltungsvorlage für den Standardkanal verweisen. Alle Seitenlayouts, die Sie erstellen, funktionieren mit allen Kanälen, die Sie erstellen. Um seitenlayout-Designs zwischen Kanälen zu unterscheiden, verwenden Sie das Steuerelement Gerätekanalbereich .

Veröffentlichungssites in SharePoint sind für eine mobile Entwicklung optimiert. Sie können mit dem Gerätekanalfeature Kanäle für mindestens ein Gerät definieren, um Ihnen eine Kontrolle darüber zu geben, wie Mobilgerätbenutzer die Benutzerfreundlichkeit Ihrer Website erfahren. Für eine bessere Optik, können Sie den einzelnen Kanälen eine alternative Masterseite zuweisen. Wählen Sie, ob Sie Teile eines Seitenlayouts in einen Kanal mit ein- oder ausschließen möchten, und sehen Sie in der Vorschau, wie der mobile Kanalentwurf während der Entwicklung fortschreitet. Gerätekanäle werden vor dem Hintergrund einer Suchmaschinenoptimierung (SEO) geplant. Passen Sie damit Look and Feel der vorhandenen Seiten an, um mobile Szenarien zu unterstützen.

Sie können Kanäle dafür einsetzen, dass bestimmte Renderings auf bestimmten Geräten erschienen; dies wird Kanäle erzwingen genannt. Dies ist bei mobilen Szenarien nützlich, wenn Sie ein Rendering geplant haben, das für ein bestimmtes mobiles Gerät optimiert ist.

Steuerelement "Gerätekanalbereich"

"Gerätekanalbereich" ist ein neues Steuerelement, das Sie in das Seitenlayout mit aufnehmen können, um zu steuern, welche Inhalte in welchem Kanal gerendert werden sollen. Der Gerätekanalbereich ist ein Container, der einem oder mehreren Kanälen zugeordnet ist: Wenn mindestens einer dieser Kanäle während des Renderings der Seite aktiv ist, werden alle Inhalte des Gerätekanalbereichs gerendert. Über "Gerätekanalbereich" können Sie festlegen, wann ein bestimmter Inhalt für bestimmte Kanäle mit eingeschlossen werden soll.

Anzeigevorlagen

Sie möchten möglicherweise Format und Darstellung der Suchergebnisse auf Ihrer Website steuern können. Verwenden Sie dazu Anzeigevorlagen, die die verfügbaren Optionen einer Anpassung der Suchergebnisse über die Benutzeroberfläche über die Zuordnung der anzuzeigenden vordefinierten Felder hinaus erweitern.

Es gibt drei Kontexte, wenn Sie Anzeigevorlagen mit Suchergebnissen verwenden möchten: eine Darstellungszuordnung der Gesamtstruktur der Suchergebnisse, eine Darstellung von gruppierten Ergebnissen und eine Darstellung der einzelnen Ergebnisse oder Elemente im Resultset. Diese Darstellungsarten werden "Steuerelementvorlage", "Gruppenvorlage" und "Elementvorlage" genannt.

Weitere Informationen zu Anzeigevorlagen finden Sie unter Anzeigevorlagen des SharePoint-Entwurfs-Managers.

Bilddarstellungen

Sie können Bilddarstellungen verwenden, um hochgeladene Bilder in vordefinierten Größen, Breiten und Zuschlägen anzuzeigen. Sie können mehrere Darstellungen einer Quellbilddatei erstellen. Das bedeutet, dass Sie die Anzeigemerkmale einmal festlegen und auf eine beliebige Anzahl von Bildern anwenden können. Beispielsweise zeigt eine Darstellung mit dem Namen Article_image ein Bild in voller Größe in einem Artikel an, während die Darstellung namens Thumbnail_small eine kleinere Version des Bilds in einem von Ihnen definierten Kontext anzeigt.

Bevor Sie Bilddarstellungen verwenden können, stellen Sie sicher, dass der BLOB-Cache auf dem Server aktiviert ist, was Sie in den Verwaltungstools in Internetinformationsdienste (IIS) tun können. Suchen Sie dort Ihre web.config Datei, und aktivieren Sie den BLOB-Cache. Aktualisieren Sie die Seite, und es sind Bilddarstellungen verfügbar.

Die in eingeführten Enterprise-Managed-Metadaten-Funktionen (EMM) wurden in SharePoint für mehr Leistung, leichteren Zugriff über die Benutzeroberfläche und taxonomiegesteuerte Navigation, die so genannte verwaltete Navigation, verbessert und erweitert.

Verwaltete Navigation ist die taxonomiegesteuerte Alternative zur herkömmlichen SharePoint-Navigationsfunktion, der strukturierten Navigation, die auf den SharePoint-Strukturen basiert. Die Funktion der verwalteten Navigation ermöglicht Ihnen den Entwurf einer Websitenavigation, die über verwaltete Metadaten gesteuert wird. Verwalte Navigation erstellt SEO-optimierte URLs, die aus der verwalteten Navigationsstruktur abgeleitet werden. Da die verwaltete Navigation taxonomisch gesteuert wird, können Sie diese für den Entwurf der Websitenavigation in wichtigen Geschäftskonzepten verwenden, ohne die Struktur Ihrer Website oder Websitekomponenten ändern zu müssen.

Inhaltssuche-Webpart

Sie können das Inhaltssuche-Webpart (CSWP) verwenden, um Suchdaten auf Ihren Seiten anzuzeigen. Es dient einer Funktion, die der des Inhaltsabfrage-Webparts ähnelt, aber es erfüllt unterschiedliche Websiteentwurfsziele. CSWP-Stile können einfacher angepasst werden als Inhaltsabfrage-Webpartstile. CSWP gibt clientseitige Ergebnisse im JSON-Format zurück. Sie können auf dem Server Ergebnisse mithilfe von Anzeigevorlagen anpassen.

Weitere verwaltete Metadatenverbesserungen für Websites

SharePoint führt mehrere Verbesserungen bei verwalteten Metadaten-Benutzeroberflächen und Funktionen ein. Weitere Informationen finden Sie unter Verwaltete Metadaten und Navigation in SharePoint.

Veröffentlichung von Inhalten in SharePoint

SharePoint bietet neue Features für das Veröffentlichen von Inhalten, mit denen Sie Veröffentlichungssites entwerfen können, die wiederum neue, flexiblere und komplexere Topologien und Szenarien unterstützen.

Designpakete

Wenn Sie ein erfahrener Webdesigner sind, möchten Sie vielleicht einen Entwurf in Ihrer eigenen Umgebung oder Websitesammlung erstellen und testen, bevor er in anderen Websitesammlungen installiert wird. Sollten Sie die websiteübergreifende Veröffentlichung zum Teilen von Inhalten in allen Websitesammlungen verwenden, können Sie denselben Entwurf als Paket auf jeder Website installieren.

In früheren SharePoint-Versionen mussten Sie, wenn Sie einen Entwurf erneut verwenden wollten, Visual Studio installiert haben, um ein SharePoint-Lösungspaket (.wsp-Datei) zu erstellen. Auf der Zielwebsite mussten Sie dann das Paket in den Lösungskatalog hochladen und dort ausführen. In SharePoint können Sie jetzt, nachdem Sie den Entwurf Ihrer Website abgeschlossen haben, im Entwurfs-Manager Paket exportieren wählen, um eine einzige .wsp-Datei, das so genannte Designpaket zu exportieren. Beim Export eines Designpakets erstellt SharePoint automatisch ein Designpaket des gesamten Inhalts, den Sie im Masterseitenkatalog, in der Formatbibliothek, in der Designgalerie, in der Gerätkanalliste und in den Seiteninhaltstypen hinzugefügt oder geändert haben.

Hinweis

Ein Designpaket enthält keine Seiten, Navigationseinstellungen oder den Terminologiespeicher.

Bei Office 365 öffentlichen Websites überschreiben Designpakete vorhandene Dateien nicht. Durch die Installation eines Designpakets wird ein neuer Ordner im Gestaltungsvorlagenkatalog, Formatvorlagenkatalog und Designkatalog erstellt, in dem Designressourcen isoliert sind.

Wenn Sie ein Designpaket importieren, überschreiben die Designressourcen im Paket alle vorhandenen Dateien und werden als aktuelles Design der Website angewendet. Die Standard- und Systemgestaltungsvorlage, das Design und die alternative CSS-Datei der Website werden alle aus den Dateien im Designpaket festgelegt. Mit Designpaketen kann ein in einer Umgebung integriertes Design problemlos auf eine andere, separate Umgebung angewendet werden.

Kataloge

Die SharePoint-Websiteveröffentlichung führt Kataloge ein, mit denen Sie Listen in Ihre Veröffentlichungswebsites integrieren können. Kataloge Inhalt zu veröffentlichenden in allen Websitesammlungen aktivieren - die Cross-Site-Veröffentlichungsfeatures hängen Kataloge. Sie können Kataloge verwenden, um Inhalte auf Ihren Websites und über die Grenzen zwischen Intranetwebsites, Internetwebsites und Extranetwebsites hinweg wirklich wiederzuverwenden. Für vordefinierte Suchanfragen werden Kataloge in der Suche markiert. Mithilfe des Inhaltssuche-Webparts (CSWP) können Sie in Katalogen gespeicherte Inhalte über Websitesammlungen hinweg anzeigen. Sie können benutzerdefinierten Code schreiben, um Kataloge aufzufüllen, einen Produktkatalog mit einer Website zu verbinden und einzelne Seiten mit benutzerdefinierten Seitenlayouts, Webparts und HTML-Inhalten zusammenzufertigen, die nur im definierten Kontext angezeigt werden.

Clientseitige Rendering-Steuerelemente

Alle neuen Steuerelemente in SharePoint werden clientseitig gerendert. Als Designer oder Entwickler haben Sie die Kontrolle darüber, wie Inhalte auf der Seite gerendert werden, und Sie können verschiedene Entwurfstechniken verwenden, um das gewünschte Aussehen und Verhalten auf Ihren veröffentlichten Seiten mithilfe von Features wie dem Inhaltssuche-Webpart und Anzeigevorlagen zu erhalten. Daten werden in die Steuerelemente in einem clientseitigen JSON-Array geschrieben, und Sie können Inhalte mithilfe von JavaScript, CSS und Vorlagen anzeigen.

Websiteübergreifende Veröffentlichung

Microsoft SharePoint führt ein websiteübergreifendes Veröffentlichungsfeature ein, mit dem Sie Inhalte in mehreren Websitesammlungen wiederverwenden können. Es verwendet integrierte Suchfunktionen, um Veröffentlichungsszenarios und -architekturen zu ermöglichen. Zum ersten Mal können Sie SharePoint-Farmen übergreifende Websites entwerfen, sodass Ihre Websites die Grenzen zwischen Intranets und dem Internet überspannen.

Verwenden Sie die Themenseitenfunktion, um die Benutzerfreundlichkeit der Startseite an Inhalte anzupassen, die websiteübergreifend veröffentlich werden. Verwenden Sie auch SEO-freundliche URLs für das Verwalten und eine leichtere Aufrechterhaltung der Websitestruktur in einer breiten Palette an Szenarien, einschließlich komplexer mehrsprachiger Websitetopologien.

Weitere Informationen zur websiteübergreifenden Veröffentlichung finden Sie unter Szenario: Erstellen von SharePoint-Websites mithilfe der websiteübergreifenden Veröffentlichung in SharePoint. Weitere Informationen zu Entwicklungsoptionen für die websiteübergreifende Veröffentlichung finden Sie unter Websiteübergreifende Veröffentlichung in SharePoint.

SEO-Verbesserungen

Viele Benutzer von Geschäftswebsites werden von großen Suchmaschinen wie Bing und seine Konkurrenten zu Geschäftswebsites im Internet umgeleitet. SharePoint enthält Features wie benutzerfreundliche URLs, Umleitungen von Startseiten, XML-Sitemaps, benutzerdefinierte SEO-Eigenschaften, mit denen Sie den Browsertitel und <Metatagbeschreibungen> und -schlüsselwörter flexibel definieren können, sowie einfacher zu verstehende URLs für mehrsprachige Websitevariationen.

In Office 365 generiert die Websiteinfrastruktur innerhalb von 24 Stunden nach einer Websiteänderung eine aktualisierte XML-Sitemap. Dank der lokalen Installation können Sie die Aktualität Ihrer Sitemaps anpassen und festlegen, welche Suchmaschinen Microsoft für Sie pingen soll, wenn die Sitemap aktualisiert wird.

Das, was Ihre Freunde auf Facebook mögen, beeinflusst das, was Sie in den von Bing und anderen Suchmaschinen zurückgegebenen Suchergebnissen sehen. Sie können APIs in SharePoint-Programmierungsmodellen verwenden, um eine Suchoptimierung für Ihre Website anzupassen.

Analyse und Empfehlungen

Sie können nachverfolgen, wie Personen Veröffentlichungswebsites und deren Komponenten unter Zuhilfenahme des SharePoint Analytics-Features nutzen, das tief in die Suchmaschine integriert ist. Analytics befördert die Empfehlungsmöglichkeiten bei Inhalten und führt Berechnungen als verwaltete Eigenschaften in den Suchindex ein. Die Empfehlungen von Suchanalysen, wie Seitenaufrufe und eindeutige Elemente pro Tag, beeinflussen die Relevanz von Suchergebnissen.

Analytics anonymisiert Daten und macht alle 2 Wochen ein Rollup. Analytics löscht erst alle 2 Wochen, dann nach 3 Jahren jeden Monat, Ereignisse. Lebensdaueransichten bleiben immer erhalten. Der zuletzt angezeigte Inhalt wird zunächst geglättet, bevor Analytics Aggregatdaten in eine Berichtsdatenbank verschiebt. Für den Export von Daten aus der Berichtsdatenbank in Excel, für das Anpassen der Gewichtung von View-Ereignissen und für das Erstellen von benutzerdefinierten Ereignissen, einschließlich jener, die von JavaScript bereitgestellt werden, können Sie benutzerdefinierten Code verwenden.

Variationen und mehrsprachige Websites

Sie können das Variationsfeature in SharePoint verwenden, um mehrsprachige Websites oder andere Websites zu erstellen, auf denen Sie die Präsentation Ihrer Inhalte variieren möchten. Das Variationsfeature ist auf eine Websitesammlung beschränkt. Sie können zielsprachliche/lokale "Varianten" einer quellsprachlichen/lokalen Website als aktuelle Websites in derselben SharePoint-Websitesammlung erstellen. Varianten unterstützten benutzerfreundliche URLs sowie die Möglichkeit, Inhalte für eine Übersetzung durch Dritte in einem XLIFF-Dateiformat zu ex- und importieren. Sie können Bezeichnungen, eine Seite für Übersetzung und Replikation, eine Vielzahl von Listenelementen (z. B. Dokumentbibliotheken.md) und Navigation in die Exportpakete einbeziehen.