Novedades del desarrollo de sitio de SharePoint

Artículo
03/21/2023

Conozca el nuevo modelo de creación y publicación de sitios de SharePoint que permite crear sitios de publicación.

Introducción a la publicación de sitios para diseñadores y desarrolladores en SharePoint

Las siguientes características son nuevas en SharePoint y admiten el flujo de trabajo de creación de sitios de administración de contenido empresarial (ECM) para los sitios de publicación.

Modelos de programación de clientes para el desarrollo de sitios de publicación

En SharePoint, puede usar el modelo de objetos de cliente (CSOM) .NET, Silverlight y los modelos de programación de JavaScript para desarrollar sitios, componentes de sitios, elementos de personalización de marca, y comportamientos personalizados. La mayoría de las API disponibles para la programación de servidores .NET se encuentran disponibles en el cliente (CSOM) .NET correspondiente, Silverlight y ensamblados de JavaScript. En algunos casos, las API correspondientes también se encuentran disponibles en bibliotecas de Windows Phone.

Para más información, vea las páginas de inicio de referencia sobre sitios y contenido para el servidor .NET, el cliente .NET y JavaScript. También puede empezar con la página de inicio de referencia si quiere empezar en la parte superior y después explorar el contenido de cada modelo de programación.

Usar las API de publicación y taxonomía con el nuevo modelo de aplicación de SharePoint

Puede escribir código personalizado de cliente y servidor en Complementos de SharePoint para ampliar las funciones de publicación y taxonomía de SharePoint que están disponibles para usuarios en la interfaz de usuario (UI).

Estas son algunas ideas para desarrollar aplicaciones que mejoran la publicación de sitios: encuestas, aplicaciones de gestión de cuentas, compatibilidad con comercio electrónico, aplicaciones que integran características sociales y datos externos en sitios de publicación, adiciones de contenido subcontratado a sus sitios y aplicaciones móviles complementarias.

Características de creación, diseño y personalización de marca

SharePoint incluye características y API que sirven para crear, diseñar y personalizar la marca, así como para ampliar el sitio, su diseño, los comportamientos y los elementos de personalización.

Administrador de diseño

En versiones anteriores de SharePoint, la personalización de marca de un sitio requería ciertos conocimientos técnicos sobre cuestiones como qué marcadores de posición de contenido se necesitan en una página maestra o cómo una página maestra implementa ciertas clases de estilos. SharePoint presenta el Administrador de diseño: una nueva interfaz y un centro central para administrar todos los aspectos de personalización de marca del sitio de SharePoint. Puede encontrar el Administrador de diseño en el sitio de nivel superior de su colección de sitios. Forma parte de la plantilla de colección de sitios del Portal de publicación de SharePoint.

El Administrador de diseño proporciona un enfoque paso a paso para la creación de activos de diseño que puede usar para marcar sitios. Cargue activos de diseño (imágenes, HTML, CSS, etc.), y luego cree sus páginas principales y diseños de páginas. Puede obtener una vista previa del aspecto del diseño en un editor de código del lado cliente o en el servidor mientras lo está diseñando. Puede agregar componentes de SharePoint personalizados y elementos de la cinta mediante la interfaz de usuario del Administrador de diseño. El Administrador de diseño genera fragmentos de código HTML que puede usar cualquier herramienta de diseño web: representa HTML y omite ASP.NET y marcado de SharePoint (mientras que SharePoint representa solo ASP.NET y el marcado de SharePoint e ignora HTML.md).

Puede usar sus conocimientos de HTML, CSS y JavaScript para diseñar páginas maestras HTML y diseños de página HTML en el editor HTML de su elección. Para conectar su herramienta favorita de creación y diseño a su sitio de SharePoint, asigne una unidad de red y después edite el archivo de SharePoint como si fuera un archivo local. Cuando el diseño del sitio esté listo, cargue el código HTML y los archivos auxiliares, y use el Administrador de diseño para convertir el archivo HTML en un archivo de página maestra de ASP.NET (.master.md). Ahora aplique la página .master a su sitio de SharePoint. Use el Administrador de diseño para crear un nuevo diseño de página y la versión HTML se asociará de manera automática con la página ASP.NET correspondiente (.aspx archivo.md) que interpreta SharePoint.

Después de convertir los archivos HTML, puede usar el editor HTML para seguir perfeccionado el diseño, obtener una vista previa de los archivos y guardarlos. Cada vez que guarda las versiones HTML de los archivos de página maestra o de diseño de página, SharePoint actualiza automáticamente la página maestra y los diseños de página asociados de SharePoint para reflejar los cambios.

Con el Administrador de diseño, solo tiene que editar los archivos HTML. Aunque puede seguir escribiendo páginas maestras y diseños de páginas personalizados con sus habilidades de desarrollo de SharePoint y ASP.NET, el Administrador de diseño le permite diseñar excelentes sitios sin tener experiencia de desarrollo en SharePoint.

Si lo prefiere, SharePoint también incluye versiones HTML de varias páginas maestras y diseños de páginas que puede usar como plantillas para empezar. Si quiere empezar a partir de estos archivos, cree una copia del archivo HTML (no tiene que preocuparse por el archivo ASP.NET asociado) y después edite el archivo HTML como siempre. También puede empezar usando una plantilla básica con la opción página maestra a partir de plantilla mínima, que crea automáticamente el archivo .master asociado.

Galería de fragmentos

SharePoint contiene muchos componentes listos para usar, como elementos web y controles, que puede agregar a las páginas del sitio. Por ejemplo, con la inserción de un componente de SharePoint como un cuadro de búsqueda o un control de navegación en su página maestra HTML, puede compilar rápida y fácilmente muchas funciones en sus páginas.

En la cinta, en el grupo Galería de fragmentos, puede seleccionar un componente, configurar sus propiedades y actualizar el fragmento de código, copiar el fragmento de código HTML que se genera y pegarlo en el archivo HTML. El fragmento de código HTML ofrece una vista previa de alta fidelidad del componente, tanto en la vista previa del servidor como en el editor HTML que elija. Después de agregar los componentes de SharePoint a los archivos HTML, puede usar CSS para personalizarlos de manera completa con su marca. Y al igual que con cualquier actualización del archivo HTML, después de agregar los componentes de SharePoint y personalizarlos con la marca, los cambios se sincronizarán automáticamente con la página maestra o diseño de página asociados. Los fragmentos de código HTML se convierten automáticamente en componentes de SharePoint.

Ya sea su archivo HTML una página maestra o un diseño de página, la Galería de fragmentos le muestra los componentes que necesita. Si no ve el fragmento que quiere, puede crear un fragmento HTML de marcado ASP.NET y agregarlo a su página maestra o diseño de página HTML.

El Administrador de diseño genera fragmentos HTML que cualquier herramienta de diseño web puede usar: solo representa HTML e ignora el marcado de SharePoint y ASP.NET. (SharePoint representa solamente el marcado de SharePoint y ASP.NET e ignora HTML).

Canales de dispositivo

En el Administrador de diseño, se crean canales de dispositivos y después se asignan a dispositivos móviles o exploradores usando subcadenas de la cadena de agente del usuario de cada dispositivo de entrada. Un dispositivo puede pertenecer a varios canales, de modo que los canales se pueden clasificar. Por ejemplo, si crea canales de dispositivo para "teléfonos inteligentes" y "Windows Phone 8", puede clasificar los canales de modo que los dispositivos que usen Windows Phone 8 obtengan el canal específicamente asignado a ellos y que todos los demás teléfonos inteligentes obtengan contenido asociado con el canal de "teléfonos inteligentes".

Después de definir canales, asigne una página maestra a cada uno. Esta página maestra puede hacer referencia a un archivo CSS que no sea la página maestra para el canal predeterminado. Todos los diseños de página que cree funcionarán con todos los canales que cree; para diferenciar diseños de página entre canales, use el control Panel de canales de dispositivos.

Los sitios de publicación de SharePoint están optimizados para el desarrollo móvil. Puede usar la característica de canales de dispositivos para definir canales para un dispositivo o varios (esto le permite tener un control preciso sobre la manera en que los usuarios móviles experimentan el sitio). Puede asignar una página maestra alternativa a cada canal, lo que le da un cromo único. Puede elegir incluir o excluir porciones de cualquier diseño de página en un canal y obtener una vista previa de la manera en que progresa el diseño de canal móvil mientras se desarrolla. Los canales de dispositivos se diseñan pensando en la optimización de motor de búsqueda (SEO). Puede usarlos para transformar el aspecto de las páginas existentes y admitir escenarios móviles.

Puede usar canales para forzar que ciertas representaciones aparezcan en dispositivos concretos (esto se conoce como forzar canales). Resulta útil en escenarios móviles donde ha definido una representación que es óptima para un dispositivo móvil específico.

Control Panel de canales de dispositivos

El Panel de canales de dispositivos es un nuevo control que se puede incluir en un diseño de página para controlar qué contenido se representa en qué canal. El Panel de canales de dispositivos es un contenedor que se asigna a uno o varios canales: si uno o varios de estos canales están activos cuando se representa la página, también se representa todo el contenido del Panel de canales de dispositivos. El Panel de canales de dispositivos hace que sea más fácil determinar cuándo incluir contenido específico para determinados canales.

Plantillas para mostrar

Puede que quiera controlar el formato y la presentación de los resultados de búsqueda en su sitio web. Puede hacerlo usando plantillas de visualización, que amplían las opciones disponibles para personalizar los resultados de búsqueda con la interfaz del usuario más allá de asignar los campos predefinidos que quiere que se vean.

Existen tres contextos en los que podría necesitar usar plantillas de visualización con resultados de búsqueda: cuando quiera asignar cómo se presenta la estructura general de los resultados de búsqueda, cuando quiera mostrar grupos de resultados y cuando quiera mostrar cómo se visualizará cada resultado o elemento en el conjunto de resultados. Se denominan, respectivamente, plantillas de control, de grupo y de elemento.

Para obtener más información sobre las plantillas para mostrar, vea Plantillas para mostrar del Administrador de diseño de SharePoint.

Representaciones de imágenes

Puede usar representaciones de imágenes para mostrar imágenes subidas en tamaños, anchos y recortes predefinidos. Puede crear más de una representación de un archivo de imagen de origen, lo que significa que puede establecer las características de visualización una vez y aplicarlas a todas las imágenes que quiera. Por ejemplo, una representación llamada Article_image muestra una imagen a tamaño completo en un artículo, mientras que la representación llamada Thumbnail_small muestra una versión más pequeña de la imagen en un contexto definido por usted.

Para poder usar representaciones de imágenes, asegúrese de que la memoria caché BLOB esté habilitada en el servidor (puede hacerlo en las herramientas de administración en Internet Information Services (IIS)). Busque su archivo web.config allí y habilite la memoria caché BLOB. Actualice la página y verá que las representaciones de imágenes estarán disponibles.

Las capacidades de metadatos administrados empresariales (EMM) introducidas en se han mejorado y ampliado en SharePoint para un mejor rendimiento, acceso más fácil a través de la interfaz de usuario y navegación controlada por taxonomía, llamada navegación administrada.

La navegación administrada es la alternativa basada en taxonomía a la característica de navegación tradicional de SharePoint, denominada navegación estructurada, que se basa en la estructura de SharePoint. La característica de navegación administrada le permite diseñar una navegación de sitio controlada por metadatos administrados. La navegación administrada crea direcciones URL compatibles con SEO que se derivan de la estructura de navegación administrada. Dado que la navegación administrada se controla mediante la taxonomía, se puede usar para diseñar la navegación del sitio en torno a conceptos empresariales importantes sin cambiar la estructura de los sitios o los componentes del sitio.

Elemento web Búsqueda de contenido

Puede usar el elemento web Búsqueda de contenido (CSWP) para mostrar los datos de búsqueda en las páginas. Sirve una función similar a la del elemento web Consulta de contenido, pero cumple diferentes objetivos de diseño de sitio. Los estilos CSWP son más fáciles de personalizar que los estilos de elementos web de consulta de contenido. CSWP devuelve resultados de cliente en formato JSON. En el servidor, puede personalizar los resultados con plantillas de visualización.

Otras mejoras de metadatos administrados para sitios

SharePoint introduce varias mejoras en las funciones y la interfaz de usuario de metadatos administrados. Para obtener más información, vea Metadatos administrados y navegación en SharePoint.

Publicar contenido en SharePoint

SharePoint ofrece nuevas características de publicación de contenido que le permiten desarrollar sitios de publicación que admiten escenarios y topologías nuevas, más flexibles y más complejas.

Paquetes de diseño

Si es diseñador web profesional, es posible que quiera crear y probar un diseño en su propio entorno o en su propia colección de sitios antes de entregarlo para instalarlo en otras colecciones de sitios. Si está usando la publicación entre sitios para compartir contenido entre colecciones de sitios, posiblemente quiera empaquetar e instalar el mismo diseño en todos los sitios.

En versiones anteriores de SharePoint, si quería volver a usar un diseño, había que usar Visual Studio para crear un paquete de solución de SharePoint (archivo .wsp). Después, en el sitio de destino, se subía el paquete a la Galería de soluciones y se ejecutaba. Ahora, en SharePoint, al terminar de diseñar su sitio, puede elegir Exportar paquete en el Administrador de diseño para exportar un solo archivo .wsp, llamado paquete de diseño. Cuando exporta un paquete de diseño, SharePoint empaqueta en un paquete de diseño automáticamente todo el contenido que haya agregado o cambiado en la Galería de páginas maestras, la Biblioteca de estilos, la Galería de temas, la lista Canales de dispositivos y los tipos de contenido de página.

Nota:

Un paquete de diseño no incluye páginas, configuración de navegación ni el almacén de términos.

Para sitios web públicos de Office 365, los paquetes de diseño no sobrescriben los archivos existentes. La instalación de un paquete de diseño crea una nueva carpeta en la Galería de páginas maestras, la Galería de estilos y la Galería de temas donde están aislados los activos de diseño.

Cuando importa un paquete de diseño, los activos de diseño del paquete sobrescriben los archivos que haya y se aplican al diseño actual del sitio. La CSS alternativa, el tema y la página maestra del sistema y predeterminados del sitio se establecen a partir de los archivos que hay en el paquete de diseño. Con los paquetes de diseño, un diseño creado en un entorno puede aplicarse fácilmente a otro entorno independiente.

Catálogos

La publicación de sitios de SharePoint introduce los catálogos, que permiten incorporar listas en los sitios de publicación. Los catálogos permiten la publicación de contenido en colecciones de sitios (las características de publicación entre sitios depende de catálogos). Puede usar catálogos para reutilizar realmente el contenido entre sus sitios y entre el límite de sus sitios de intranet, de Internet y de extranet. Para consultas de búsquedas predefinidas, los catálogos se marcan en la búsqueda. Puede exponer contenido almacenado en catálogos entre colecciones de sitios mediante el elemento web Búsqueda de contenido (CSWP). Puede escribir código personalizado para rellenar catálogos, conectar un catálogo de productos a un sitio y seleccionar páginas individuales con diseños de página personalizados, elementos web y contenido HTML que aparezca solo en el contexto definido.

Controles de representación de cliente

Todos los controles nuevos en SharePoint se representan en el cliente. Como diseñador o desarrollador, tiene control sobre cómo se representa el contenido en la página y puede usar varias técnicas de diseño para obtener el aspecto y los comportamientos que desea en las páginas publicadas mediante características como el elemento web Búsqueda de contenido y plantillas para mostrar. Los datos se escriben en los controles en una matriz JSON del lado cliente y puede mostrar contenido usando JavaScript, CSS y plantillas.

Publicación entre sitios

Microsoft SharePoint presenta una característica de publicación entre sitios que le permite reutilizar contenido en varias colecciones de sitios. Usa capacidades de búsqueda integradas para permitir las arquitecturas y los escenarios de publicación. Por primera vez, se puede diseñar sitios que abarcan granjas de servidores de SharePoint; esto permite que los sitios amplíen el límite entre intranets e Internet.

Use la característica de páginas de tema para personalizar la experiencia de página de aterrizaje para el contenido publicado entre sitios. Use direcciones URL adecuadas para SEO con el fin de administrar y hacer persistir y mantener con más facilidad la estructura de sitio en una amplia variedad de escenarios, incluidas las complejas topologías de sitios en varios idiomas.

Para obtener más información sobre la publicación entre sitios, vea Escenario: Crear sitios de SharePoint mediante la publicación entre sitios en SharePoint. Para obtener más información sobre las opciones de desarrollo para la publicación entre sitios, consulte Publicación entre sitios en SharePoint.

Mejoras de SEO

Muchos usuarios de sitios comerciales son remitidos a sitios comerciales de Internet desde grandes motores de búsqueda, como Bing y sus competidores globales. SharePoint incluye características como direcciones URL fáciles de usar, redireccionamientos de página principal, sitemaps XML, propiedades SEO personalizadas que permiten definir de forma flexible el título del explorador y las palabras clave y <> las descripciones de etiqueta meta, y direcciones URL más fáciles de entender para las variaciones de sitios multilingües.

En Office 365, la infraestructura del sitio genera un mapa de sitio XML actualizado en las 24 horas posteriores al cambio en el sitio. Con una instalación local, puede ajustar la actualización de sus mapas de sitio y especificar a qué motores de búsqueda quiere que Microsoft haga ping cuando actualicemos el mapa de sitio.

El contenido que gusta a sus amigos en Facebook afecta a lo que ve en los resultados de búsqueda devueltos por Bing y otros grandes motores de búsqueda. Puede usar API en modelos de programación de SharePoint para personalizar la optimización de la búsqueda para su sitio.

Análisis y recomendaciones

Puede hacer un seguimiento de cómo las personas usan los sitios de publicación y sus componentes usando la característica de análisis de SharePoint, que está muy integrada con el motor de búsqueda. El análisis genera capacidades de recomendaciones sobre el contenido e introduce cálculos en el índice de búsqueda como propiedades administradas. Las recomendaciones proporcionadas por el análisis de búsqueda, que incluyen vistas de página y elementos únicos por día, pueden influir en la relevancia de los resultados de búsqueda.

Analytics convierte los datos en anónimos y los acumula cada 15 días. Analytics purga eventos cada 15 días y, después, mensualmente después de 3 años. Las vistas de duración siempre se conservan. El contenido menos visitado se recorta antes de que el análisis inserte datos agregados en una base de datos de informes. Puede usar código personalizado para exportar datos a Excel desde la base de datos de informes, personalizar el peso del evento View y crear eventos personalizados, incluidos los enviados por JavaScript.

Variaciones y sitios multilingües

Puede usar la característica de variaciones de SharePoint para crear sitios multilingües u otros sitios en los que quiera cambiar la presentación del contenido. La característica de variaciones se limita a una colección de sitios. O sea, puede crear "variantes" de idioma o configuración regional de destino de un idioma o una configuración regional de origen como sitios web actuales dentro de la misma colección de sitios de SharePoint. Las variaciones admiten direcciones URL descriptivas y la capacidad de exportar o importar contenido para la traducción por parte de terceros en formato de archivo XLIFF. En los paquetes de exportación puede incluir etiquetas, una página de traducción y replicación, una gran variedad de elementos de lista (por ejemplo, .md de bibliotecas de documentos) y navegación.

Compartir a través de