Introducción a los sitios web públicos

Su cuenta de Office 365 incluye un sitio web de cara al público que una empresa u organización puede usar para adquirir presencia profesional en Internet. Este artículo le ayudará a comprender los sitios web públicos, a usarlos y a personalizarlos en función de las necesidades de su empresa. Reproduzca el siguiente vídeo para ver una demo rápida. El resto del artículo se incluye debajo del vídeo.

En este artículo:


Acerca del sitio web público

El sitio web público de Office 365 forma parte de SharePoint Online y puede personalizarse con muchas de las herramientas y técnicas que ya habrá usado para personalizar sitios web basados en SharePoint. En realidad, el sitio web es una colección independiente de sitios de SharePoint, similar a la colección de sitios de grupo. Solo existe un sitio web público y no podrá crear otros sitios web públicos ni ningún otro subsitio dentro del sitio web de Office 365.

El sitio web público incluye un conjunto muy completo de características con las que puede personalizarlo y modificar su diseño. Puede agregar y editar páginas web, imágenes, vídeos, aplicaciones personalizadas y mucho más. Y todo esto directamente en el explorador web, sin necesidad de recurrir a programas cliente o editores de terceros. Si decide que quiere crear un diseño completamente desde cero, puede hacerlo desde el Administrador de diseño, una herramienta avanzada de diseño de sitios que se incluye en el sitio web público.

Cuando termine de personalizar el sitio web, puede aplicarle su propio nombre de dominio personalizado, por ejemplo, www.empresa.com. De este modo, socios y clientes podrán encontrarle en Internet con mayor facilidad y obtener la información que buscan sobre sus productos y servicios. Descubrirá que el sitio web público también constituye una herramienta enormemente eficaz para promocionar una empresa en línea y ampliar así el impacto de los datos que figuran en tarjetas de presentación, encabezados de cartas o publicidad local, entre otras piezas.

Volver al principio Volver al principio

Obtener acceso al sitio web público

Una vez inicie sesión en Office 365, podrá obtener rápidamente una vista previa del sitio web o empezar a personalizarlo directamente. De forma predeterminada, el sitio web está oculto al público para que visitantes y clientes no puedan obtener acceso mientras el sitio se encuentra en construcción. Como propietario de la cuenta de Office 365, puede continuar trabajando en el sitio e incluso invitar a diseñadores para que le ayuden en su trabajo. Para obtener acceso al sitio web, en la página principal de Administración inicial, elija Sitio web público. O bien, en la barra de navegación de Office 365 situada en la parte superior de la página, haga clic en Sitios y seleccione Sitio web público. En un principio, el sitio web tendrá un aspecto similar a este.

Vista previa del editor de sitios web públicos de Office 365

Otro modo de obtener acceso a un sitio web público es abrirlo directamente en Internet. Para ello, escriba la dirección del sitio web predeterminada en un explorador web e inicie sesión. En Office 365, esta dirección predeterminada es el nombre de cuenta, seguido de –publico y, a su vez, seguido de .sharepoint.com. Por ejemplo, suponiendo que el nombre de cuenta es "Contoso", la dirección del sitio web predeterminada es "contoso-publico.sharepoint.com". Solo tiene que escribir este texto en un explorador web para ver el sitio web.

Puede comenzar a personalizar el sitio con el editor del sitio web. Cuando termine de personalizar el sitio web y esté listo para que lo vean sus clientes y socios, podrá compartirlo con ellos individualmente e incluso permitirles que contribuyan. Una vez superada esta etapa, podrá agregar un nombre de dominio personalizado como “contoso.com,” que los clientes y visitantes encontrarán más sencillo de recordar y que además refleja la marca de su empresa.

Volver al principio Volver al principio

Otras consideraciones sobre el sitio web público

Lo primero que todo el mundo hace cuando ve un sitio web nuevo es echar un vistazo para averiguar qué contiene. Eche una ojeada al sitio y verá una serie de páginas de muestra Inicio, Acerca de nosotros, Información de contacto, Direcciones y Blog). Estas son las páginas básicas de la mayoría de sitios web y es muy probable que desee mantenerlas. Conforme vaya visitándolas, verá que las páginas contienen imágenes y un texto mínimo que seguramente deseará cambiar por sus propias piezas. Si lo considera conveniente, también puede agregar nuevas páginas que se adapten a las particularidades de su empresa por ejemplo, Productos, Servicios o Eventos.

Pero primero, para descubrir todo lo que puede hacer con su nuevo sitio web y las diferentes técnicas que puede usar para personalizarlo, haga clic en la pestaña Página. Esta pestaña muestra las capacidades de edición que puede usar en el sitio web para modificar, administrar, compartir y publicar páginas individuales. También existe una pestaña Sitio para realizar modificaciones en todo el sitio, como cambiar el fondo, el logotipo o el título del sitio.

Pestaña Página de un sitio web público de SharePoint Online

En la pestaña Página, haga clic en Editar y verá opciones adicionales de edición de página como las de formato y posicionamiento del texto.

Pestaña Formato de un sitio web público de SharePoint Online

En la pestaña Página también verá opciones para agregar páginas, cambiar el diseño de página, cambiar las propiedades de página y mucho más. Desde la pestaña Insertar, puede agregar aplicaciones personalizadas, vídeos, tablas o imágenes incrustadas, entre otros elementos.

Para obtener acceso a más opciones de configuración del sitio web, haga clic en el icono Configuración Botón Configuración de un sitio web público de SharePoint Online en la esquina superior derecha de la página. Se abrirá un menú desde el cual podrá obtener acceso a algunas de las opciones ya mencionadas, agregar nuevas aplicaciones, ver el vídeo de introducción y obtener acceso a la página Configuración del sitio, entre otras muchas acciones.

Menú Configuración de un sitio web público de SharePoint Online

Desde la página Configuración del sitio, puede acceder a la configuración de la colección de sitios, a las galerías de diseño web y al Administrador de diseño, entre otros. Para volver a una de las páginas web, haga clic en cualquiera de los vínculos de navegación que aparecen en el sitio, como Inicio, Acerca de nosotros o Direcciones. Si desea reanudar la edición del sitio, haga clic en la pestaña Página. Cuando termine, haga clic en Guardar. Para hacer públicos los cambios a otros usuarios del sitio o del público (si el sitio web es en línea), haga clic en Guardar y publicar.

Volver al principio Volver al principio

Novedades del sitio web público

En comparación con el sitio web público existente en Office 365, el nuevo sitio web público presenta un diseño radicalmente distinto, con nuevos temas, aplicaciones, características de diseño avanzadas, entre otras cosas. El nuevo sitio web público incluye las siguientes mejoras.

Tarea Acción
Nuevos temas y apariencias de sitio web Alrededor de 40 nuevas apariencias compuestas disponibles en el sitio web (consulte Cambiar el aspecto del sitio web).
Cambiar fondos, colores, fuentes En cada tema se puede cambiar (entre otros aspectos) el fondo, los colores y el diseño del sitio (consulte Cambiar el aspecto del sitio web).
Páginas de publicación Administración de páginas de publicación con edición de borradores, control de versiones, reversiones, etc. (consulte Agregar y editar páginas en su sitio web público).
Nuevos diseños de página Nuevos diseños de página disponibles en cada página del sitio web (consulte Cambiar el diseño de la página).
Modificar vínculos de navegación Agregue vínculos, arrastre y coloque, cree jerarquías de vínculos, etc. con total facilidad (consulte Personalización de la navegación en su sitio web).
Insertar objetos en la página Use las nuevas características integradas, como Agregar mapas e Insertar vídeo.
Aplicaciones de la Tienda SharePoint Agregue aplicaciones de la Tienda SharePoint, como Póngase en contacto con nosotros, Redes sociales y Web Analytics.
Blog de sitios web Use el nuevo blog con características de administración de entradas de blog, comentarios de redes sociales, etc. (consulte Administrar el blog de sitios web).
Optimización del motor de búsqueda Saque partido de las nuevas direcciones URL de página fáciles de usar en el sitio web y mejore la clasificación de la búsqueda con SEO (consulte Optimizar su sitio web para búsqueda (SEO)).
Elementos de sitio Use los nuevos elementos de sitio de información de encabezado y pie de página en su sitio web.
Nuevas hojas de estilo Abra el nuevo editor de hojas de estilo y haga uso del CSS de ejemplo que se suministra o agregue sus propias hojas de estilo.
Administrador de diseño Use el Administrador de diseño para lograr un diseño de sitio web avanzado o crear un nuevo diseño desde cero. El Administrador de diseño está disponible en los nuevos sitios web públicos. Consulte el tema de introducción al Administrador de diseño en SharePoint 2013.

Volver al principio Volver al principio

Personalizar un sitio web público

Puede personalizar el sitio web público usted mismo o invitar a un diseñador web profesional para que le ayude. El sitio web público de Office 365 permite ambas posibilidades, así como personalizar el sitio tan solo con el explorador web, sin necesidad de recurrir a editores de terceros, según se muestra a continuación.

Vista previa del editor de sitios web públicos de Office 365

Las secciones siguientes proporcionan información básica sobre cómo personalizar páginas y su aspecto global, e incluso cómo cambiar el diseño propiamente dicho.

Agregar y personalizar páginas

Es importante que el sitio web contenga información útil y descriptiva para que los visitantes puedan obtener cómodamente los datos que buscan. Como mínimo, debe comunicar a visitantes y clientes potenciales quién es usted, qué les ofrece y cómo pueden ponerse en contacto con usted. Por esta razón las páginas web predeterminadas del sitio web público son Inicio, Acerca de nosotros, Información de contacto, Direcciones y Blog. En un principio, puede quedarse con estas páginas y actualizarlas para, más adelante, pensar en otras nuevas que aporten valor a su empresa, como Productos, Servicios, Programación y Galería fotográfica.

Estos son los tipos de tareas que realizara al personalizar páginas:

Agregar nuevas páginas:    Para agregar nuevas páginas, haga clic en la pestaña Página y elija Nuevo. Asigne un nombre a la página y haga clic en Crear. Una vez creada la página, puede comenzar a personalizarla directamente o repetir estos pasos para crear otras nuevas. Si desea cambiar la ubicación de la página en la navegación del sitio, seleccione Editar vínculos, tal como se describe más adelante.

Editar páginas:    Para editar páginas, haga clic en la pestaña Página y seleccione Editar. Sitúe el cursor en el cuadro Contenido de la página y comience a agregar texto, imágenes, hipervínculos, etc. En la pestaña Aplicar formato al texto puede trabajar con el texto como si se tratara de un programa de procesamiento de texto. En la pestaña Insertar, puede agregar vínculos, tablas, imágenes, vídeos y elementos web para mejorar el sitio. En la pestaña Página, puede cambiar las propiedades y el diseño de la página, previsualizar la página y mucho más.

Guardar y publicar páginas:    Cuando termine de personalizar las páginas, podrá guardarlas, guardarlas como borrador o publicarlas. Para guardar una página como un borrador que solo pueda ver usted y otros autores de la página, seleccione Guardar. Para publicar la página de modo que puedan verla todos los usuarios, incluido el público general (si el sitio web está activado), seleccione Guardar y publicar. Por otra parte, si desea ocultar los últimos cambios realizados en una página, puede cancelar la publicación en la Biblioteca de páginas. Esto es útil si descubre un error o una responsabilidad potencial en esa versión de la página.

Volver al principio Volver al principio

Cambiar la apariencia

Tan importante como el contenido de un sitio web lo es su aspecto a la hora de transmitir quién es usted y de proporcionar a su empresa una imagen más o menos profesional. Puede personalizar la apariencia del sitio con las opciones de la pestaña Sitio, la característica Editar vínculos y el menú Configuración. Use estas características para cambiar el tema, el fondo, el logotipo o el título del sitio, entre otros muchos elementos. Puede personalizar la apariencia antes de crear o editar páginas o hacerlo a la inversa. O si lo prefiere, puede ir ajustando ambos conceptos conforme vaya creando el sitio web.

Estos son los tipos de tareas que realizará al cambiar el aspecto:

Cambiar el aspecto y el fondo uno de los cambios más importantes que pueden realizar en un sitio web es modificar el aspecto y el fondo. El aspecto engloba el diseño, la combinación de colores, las fuentes, etc., y el fondo es la imagen que se muestra detrás del contenido de la página. Puede cambiar estos dos conceptos desde la pestaña Sitio. Para ello, haga clic en Cambiar la apariencia, elija el diseño que desea para el sitio, el fondo, la combinación de colores, el modelo de distribución de los datos y la fuente. Para ver el aspecto que tendrá el sitio con esta selección, haga clic en Probar. En la página de vista previa, elija Sí, guardar si desea aplicar este aspecto al sitio, o No, aún no he terminado para seguir realizando pruebas.

Cambiar la navegación del sitio:    Cuando comience a agregar páginas al sitio, deberá pensar cómo desea organizar los vínculos correspondientes. Para cambiar la ubicación de los vínculos de navegación, haga clic en Editar vínculos en la parte superior o en el lado izquierdo del sitio web, y arrastre el vínculo hasta la nueva ubicación de navegación. Si desea que un vínculo aparezca en un submenú, en lugar de llevarlo hasta el nivel principal de navegación, arrástrelo a otro vínculo. Para quitar un vínculo, haga clic en el símbolo X situado a su lado.

Cambiar el título, el logotipo y los elementos de la página:    Una de las primeras modificaciones que va a realizar para personalizar el sitio será cambiar el título y el logotipo desde la pestaña Sitio. Haga clic en Editar título, agregue sus propios título y descripción, y haga clic en Aceptar. Para cambiar el logotipo, haga clic en Editar logotipo, elija De PC o De SharePoint, y busque la imagen que desea usar como logotipo del sitio. A continuación, agregue una descripción. Además del título y el logotipo, puede cambiar otros muchos elementos comunes en el encabezado, la barra lateral y el pie de página. Para ver los elementos de la página que puede cambiar, haga clic en Editar elementos del sitio. Este tipo de personalización agrega la marca de su negocio al sitio web.

Volver al principio Volver al principio

Personalizar el diseño del sitio

Hasta ahora hemos visto cómo personalizar un sitio web público con los colores, los diseños, las características y otros componentes integrados. Pero, ¿y si desea personalizar el sitio con elementos que no están disponibles en el editor de sitios web? A continuación analizaremos estas posibilidades, de menor a mayor nivel de dificultad.

Estos son los tipos de tareas que realizará al personalizar el diseño del sitio:

Editar la fuente de la página puede editar el código fuente HTML de las páginas web para aplicar ciertos efectos, como el contenido de página dinámico. En la pestaña Aplicar formato al texto, seleccione Editar fuente y pegue el código JQuery, JavaScript, HTML, personalizado. También puede agregarlo en el pie de página, como si incrustara código de análisis. En cualquier caso, con esta opción no podrá agregar secuencias de comandos ni códigos al encabezado de la página.

Aplicar código CSS las hojas de estilos en cascada (CSS) constituyen una herramienta muy eficaz a la hora de personalizar el diseño de un sitio, ya que con ellas puede aplicar su propio diseño a otro ya existente y sobrescribir muchos de los parámetros de configuración predeterminados. Por ejemplo, puede usar las CSS para crear una experiencia de navegación única con interactividad, posicionamiento de los submenús e iconos personalizados. Para usar sus propias CSS, vaya a la pestaña Sitio y seleccione Editar hoja de estilos. Evidentemente, para usar esta opción deberá desarrollar sus propias CSS personalizadas.

Personalizar el sitio en el Administrador de diseño:    el Administrador de diseño constituye un conjunto independiente de herramientas con las que puede cambiar por completo el diseño de un sitio, o crear un diseño totalmente nuevo. Puede crear diseños desde cero y aplicarlos a un sitio, o crear un paquete con ellos para aplicarlos a otros sitios web. Con el Administrador de diseño podrá crear canales móviles, diseños y apariencias personalizadas, entre otras muchas posibilidades. Puede comenzar con un archivo HTML puro y convertirlo en el nuevo aspecto de un sitio web público. Este es uno de los modos con los que puede implementar un diseño de sitio web existente en un sitio web público de Office 365.

Volver al principio Volver al principio

Obtener comentarios, hacer público el sitio y agregar un dominio

Cuando termine de personalizar el sitio web, puede que desee invitar a usuarios a que lo revisen o realicen cambios en él. Después de eso, cuando esté listo, haga público el sitio web para que pueda verse en Internet. Finalmente, para que los clientes y los visitantes lo encuentren sencillo de recordar, agregue un nombre de dominio personalizado y comience a promocionarlo.

Estas son las tareas finales que debe realizar en el sitio web público:

Compartir el sitio con personas específicas. Si lo desea, puede compartir el sitio web con otros usuarios para recibir comentarios e incluso permitir que lo modifiquen antes de hacerlo público. Para compartir el sitio, seleccione Compartir, escriba su nombre o dirección de correo electrónico, un mensaje que leerán y, en Mostrar opciones, seleccione el tipo de acceso al sitio que tendrán (de lector, de diseñador, etc.). Luego seleccione Compartir. Estos usuarios tendrán acceso al sitio aunque no esté disponible en Internet. Una vez haya recopilado sus comentarios o modificaciones al sitio, puede quitarlos antes de hacerlo público.

Hacer sitio web público    Cuando termine de personalizar el sitio, ya está listo para hacerlo público para que esté disponible en Internet. Esto significa que todos los usuarios, incluidos los usuarios anónimos de Internet, podrán ver el sitio. Puede hacer el sitio público desde el propio sitio o desde la página de administración de Office 365. Para hacerlo desde el sitio web, haga clic en Sitio web no público (que es el estado actual del sitio) y luego seleccione Hacer sitio web público. Si todavía tiene páginas con estado de borrador, se le solicitará que las publique. Todos los usuarios podrán ahora ver el sitio web.

Agregar un dominio personalizado:    Aunque haya publicado las páginas y hecho público el sitio web, puede que los visitantes no lo encuentren a través de la dirección web que proporciona Office 365 de forma predeterminada, por ejemplo, http://empresa-público.sharepoint.com (donde empresa sustituye a la cuenta de Office 365). Para que el sitio web pueda encontrarse con mayor facilidad, se recuerde mejor y se asocie directamente con su empresa, agregue un dominio personalizado del tipo www.empresa.com para sustituir a la dirección web predeterminada de Office 365. El primer paso de este proceso es adquirir un nombre de dominio y asociarlo con el sitio web, o también puede redirigir al sitio web un nombre de dominio del que ya disponga. Puede realizar todas estas acciones desde las páginas de administración de Office 365.

Volver al principio Volver al principio

¿Y ahora qué?

Con las herramientas de diseño del sitio web de Office 365, su empresa u organización puede adquirir una presencia profesional en Internet y, seguidamente, puede construir el sitio promocionando sus productos, haciéndolo interactivo, con medios sociales y mucho más. Con poco esfuerzo puede crear un sitio como el ejemplo de Contoso Bistro que se muestra en el vídeo de introducción a los sitios web públicos (en inglés). Para más información, vaya al sitio web de Office 365.

Ejemplo de sitio web público de Contoso Bistro

Volver al principio Volver al principio

 
 
Corresponde a:
Administración de Office 365 Enterprise, Administración de Office 365 Small Business, Centro de administración de SharePoint, Office 365 Midsize Business admin, SharePoint Online Enterprise (E1 y E2), SharePoint Online Enterprise (E3 & E4), SharePoint Online Midsized Business, SharePoint Online Small Business Premium, Sitio web de SharePoint Online