Udostępnij za pośrednictwem


Office 365의 SharePoint 공용 웹 사이트

최초 문서 게시일: 2012년 10월 17일 수요일

안녕하세요, 저는 SharePoint 인터넷 비즈니스 그룹에서 책임 프로그램 관리자로 근무하는 Kevin Gjerstad입니다. 새로운 SharePoint Online 공용 웹 사이트 기능(현재 Preview(영문일 수 있음)로 제공됨)을 소개할 수 있게 되어 매우 기쁩니다. 저는 공용 이미지 및 정보를 클라이언트, 고객 및 파트너에게 제공할 수 있는 새로운 방식인 Office 365의 일부로 SharePoint Online에 제공되는 최신 고급 기능들에 대해 설명해드리고자 합니다.

완전히 새로운, 완전한 SharePoint, 완전한 클라우드

이번 릴리스에서 저희가 세운 기본 목표들 중 하나는 공용 웹 사이트를 SPO(SharePoint Online) 및 O365(Office 365)의 일류 시민으로 만드는 것입니다. 따라서 첫 번째 단계는 핵심 SharePoint 게시 포털 엔진을 기반으로 사용자 지정 성능이 매우 뛰어난 SPO 솔루션을 구축할 수 있는 방법을 다시 생각하는 것이었습니다. 즉, 이제는 O365의 공용 웹 사이트에서 SharePoint Online에 완전히 액세스할 수 있으므로, 콘텐츠 관리, 소셜 통합, 클라우드 앱 모델, 성능, 디자인 사용자 지정, SEO 등 여러 가지 기능 투자를 충분히 활용할 수 있습니다. 또한 모든 SharePoint 기반 사이트를 사용자 지정하는 데 사용되는 것과 동일한 여러 도구 및 기술을 사용해서 공용 웹 사이트를 사용자 지정할 수 있으며, 전체 O365 투자에 대한 가치를 더할 수 있습니다.

현대적이고 전문적 디자인의 사이트를 간단히 만들기 위한 도구

Office 365 공용 웹 사이트 예

그림 1. O365 공용 웹 사이트 예

 

공용 웹 사이트로 처음으로 이동하면 기본적인 모양과 느낌을 갖고 있고 자리 표시자 콘텐츠가 포함된 홈 페이지로 연결됩니다. 여기에서는 편집 사용자 인터페이스가 매우 친숙하다는 것을 즉시 알아챌 수 있을 것입니다. 여기에서는 웹 사이트 편집기 도구 모음을 사용하여 웹 페이지 및 이미지를 추가 및 편집하고, 비디오 및 Office 문서, 사용자 지정 응용 프로그램, 웹 파트 등을 포함할 수 있습니다. 그리고 인터페이스가 친숙하더라도 모든 사용자가 웹 개발자이거나, SharePoint 또는 CSS 전문가는 아닐 것입니다. 그래서 저희는 사용자에게 필요한 기능만 제공할 수 있도록 편집 및 사이트 관리 사용자 인터페이스를 신중하게 만들었으며, 사이트를 구축할 때 필요하지 않은 여러 가지 기능까지 전부 포함하지 않도록 주의했습니다. 하지만 적극적으로 뚜껑을 열고 들여다보면 이보다 훨씬 많은 작업을 수행할 수 있는 성능과 유연성을 얻을 수 있습니다. 이에 대해서는 나중에 자세히 설명하겠습니다.

간단하고 친숙한 편집 도구

그림 2. 간단하고 친숙한 편집 도구

 

비즈니스 웹 사이트는 첫인상이 중요합니다. 싫든 좋든 간에 방문자는 사이트의 모양을 보고 그 사이트를 판단하는 경우가 많습니다. 이를 염두에 두고 저희가 세운 중요한 디자인 원칙은 모든 종류의 사용자가 압도적이고, 전문적인 느낌이 드는 사이트를 쉽고 빠르게 만들 수 있도록 지원해야 한다는 것입니다. 여러 가지 사이트 디자인 모음과, 신중하게 선택된 다양한 색상 팔레트 집합, 적절한 폰트 등 여러 가지 항목을 선택해서 사용할 수 있습니다. 일관된 레이아웃과 서체, 글꼴 크기, 색상표 및 가독성을 보장할 수 있도록 디자인된 미리 만들어진 시작 지점 목록에서 선택할 수도 있습니다. "모양 선택" 기능을 사용해서 디자인을 미리 보고 색상, 글꼴, 배경 등을 보다 세부적으로 조정할 수 있습니다. (Preview에서는 아직 제공되는 디자인이 그리 많지 않지만, 앞으로 많이 추가될 예정입니다.) 모양을 정했으면 백그라운드 이미지, 로고, 타이틀, 탐색, 사용자 지정 페이지 및 콘텐츠 등 모두 자신의 웹 브라우저를 사용해서 사이트에 브랜드를 입힐 수 있습니다. 이러한 간단한 도구를 통해 뛰어난 모양의 사이트를 신속하게 구축할 수 있습니다.

모양 변경

그림 3. 모양 변경

 

더 많은 기능이 필요하다면 뚜껑을 열고 안을 직접 들여다볼 수 있도록 다양한 도구 집합이 준비되어 있습니다. 예를 들어 항상 페이지 또는 콘텐츠 영역에 대한 기본 HTML로 이동해서 태그를 직접적으로 편집할 수 있습니다. 또한 도구 모음에서 "스타일 시트 편집" 기능을 사용해서 사이트 또는 페이지의 CSS를 조정할 수도 있습니다. 변경 내용은 즉시 적용되므로 항목을 변경하면서 바로 사이트 모양을 확인할 수 있습니다. 또한 대화형 기능을 더하기 위해 페이지에 JavaScript를 추가할 수도 있습니다.

비전문가를 위한 간편한 사용, 고급 사용자를 위한 유연성 및 조정성

그림 4. 비전문가를 위한 간편한 사용, 고급 사용자를 위한 유연성 및 조정성

 

또한 새로운 디자인 관리자 도구를 사용하면 사이트 디자인을 완전히 바꾸거나 새로운 디자인을 만들 수 있습니다. 웹 개발자 및 디자이너는 자신이 자주 사용하는 도구(예: DreamWeaver, Expression Web 또는 단순한 메모장)를 사용해서 HTML로 파일을 편집할 수 있습니다. 이러한 파일은 SharePoint Online에서 자동으로 변환됩니다. 디자이너는 SharePoint Online에서 제공하는 코드 조각 갤러리를 참조로 활용해서 웹 컨트롤, 웹 파트 및 사이트 디자인의 기타 요소를 구성한 후 복사해서 페이지 레이아웃에 붙여 넣을 수 있습니다.

디자인 관리자에서 고유한 디자인 만들기

그림 5. 디자인 관리자에서 고유한 디자인 만들기

SEO, 블로그 및 소셜

아무리 뛰어난 사이트를 만들어도 사람들이 이를 찾을 수 없으면 효과가 없습니다. 공용 웹 사이트는 SEO(검색 엔진 최적화)의 WCM(웹 콘텐츠 관리) 향상 기능을 통해 인터넷 검색 엔진이 SharePoint Online의 콘텐츠를 보다 쉽게 크롤링할 수 있게 해줍니다. 여기에는 "https://www.contosobistro.com/contact-us"와 같은 친숙한 페이지 URL 제공이 포함되며, 보다 SEO에 맞게 최적화할 수 있는 페이지 태그에 대한 변경 사항이 포함됩니다. 검색 엔진이 자신의 사이트에서 관련 페이지를 검색할 수 있도록 하기 위해 SharePoint Online이 포괄적인 XML(extensible markup language) 사이트 맵을 생성하도록 선택할 수 있습니다. 또한 검색 엔진이 보다 쉽게 찾을 수 있도록 SEO 도구를 사용해서 메타 설명 및 키워드와 같은 속성을 만들 수 있습니다. 이러한 변경 사항을 통해 사이트가 웹 검색에 보다 쉽게 노출되도록 보장하는 도구들이 제공됩니다. 물론 뛰어난 콘텐츠를 만들고 SEO 콘텐츠 작성 지침을 따르는 것은 사용자에게 달려 있습니다. 사이트의 SEO를 모니터링하기 위해서는 인터넷에서 무료로 제공되는 SEO 평가 도구를 사용하는 것이 좋습니다.

공용 웹 사이트에서 블로그를 운영하면 SEO를 향상시키는 데 도움이 될 수 있습니다. SharePoint Online 공용 웹 사이트는 블로그 게시물 요약 페이지 및 블로그 도구가 포함된 완전한 블로그 기능으로 자동으로 프로비전됩니다. SharePoint Online의 일반 콘텐츠 페이지와 함께 블로그 게시물에는 친숙한 URL이 지정됩니다("https://www.contosobistro.com/blog/post/2/our-new-menu"). 완전한 기능의 브라우저 기반 서식 있는 텍스트 편집기를 사용해서 게시물을 편집하거나 Word를 사용해서 블로그를 작성하고 게시할 수 있습니다. 이미지, 지도, 비디오 등의 멀티미디어 콘텐츠도 매우 쉽게 포함할 수 있습니다. 공용 웹 사이트의 블로그에서는 사용자가 게시물에 대한 실시간 정보를 구독할 수 있게 해주는 RSS(real simple syndication)를 포함하여 몇 가지 유용한 기능을 사용할 수 있습니다. 그리고 저희는 블로그 기능 내에 익명 사용자도 댓글을 쉽게 작성할 수 있게 해주는 Facebook 커멘트 소셜 플러그인을 사전에 통합시켰습니다.

Facebook 커멘트 소셜 플러그인이 포함된 블로그

그림 6. Facebook 커멘트 소셜 플러그인이 포함된 블로그

 

SEO 외에도 소셜 네트워크는 새로운 고객을 유인하고, 인지도를 높이고, 기존 고객에 연결하여 커뮤니케이션을 강화하기 위해 그 중요도가 점차 높아지고 있습니다. 따라서 저희는 사이트 어디에서든 "좋아요" 단추, 뉴스피드 및 댓글과 같은 소셜 플러그인을 쉽게 추가할 수 있도록 만들었습니다. 단순히 SharePoint App Store에서 소셜 통합 응용 프로그램을 추가한 후 리본 UI를 사용해서 원하는 소셜 플러그인을 페이지에 끌어 놓으면 됩니다. 소셜 통합 응용 프로그램은 페이지 속성을 자동으로 Facebook 메타데이터로 프로모션해서 사용자가 해당 소셜 네트워크에 게시되는 항목을 정확하게 제어할 수 있습니다. 회사에 Facebook 페이지가 있으면 이러한 통합 기술을 통해 더 많은 기능을 수행할 수 있습니다.

SharePoint App Store의 공용 연결 응용 프로그램

그림 7 SharePoint Store의 공용 연결 응용 프로그램

응용 프로그램 및 확장성

소셜 통합 응용 프로그램은 SharePoint Store에서 공용 연결 웹 페이지를 위해 제공되는 첫 번째 응용 프로그램 중 하나이며, 이 외에도 다양한 응용 프로그램이 출시될 예정입니다. SharePoint 응용 프로그램은 쉽게 구입해서 설치할 수 있으며, 사이트의 기능을 확장하고 Office 365 제품을 완전히 활용할 수 있게 해줍니다. 응용 프로그램 개발자인 경우 Jay Schmelzer 게시물(영문일 수 있음)에 설명된 것과 동일한 패턴에 따라 공용 웹 사이트 응용 프로그램을 빌드할 수 있습니다. 예를 들어 Azure 자동 호스팅 옵션을 사용해서 공용 웹 사이트(익명 사용자의 액세스 가능) 및 팀 사이트(조직 전용) 사이의 프록시로 솔루션을 호스팅할 수 있습니다. 쉽게 사용할 수 있으며, 모든 연결 설정 작업이 자동으로 수행됩니다. 이 패턴을 사용하면 데이터를 안전하게 관리하고(예: 고객 또는 제품 데이터), 익명 사용자의 정보를 수용하고, 선택한 데이터를 공용 웹 사이트에 게시하거나 제공할 수 있습니다. 새로운 클라우드 응용 프로그램 모델은 솔루션 제공자에게 여러 가지 가능성을 열어 줍니다. 새로운 SharePoint Store의 공용 웹 사이트에서 다양한 응용 프로그램 혁신 기술이 제공될 것으로 예상됩니다.

지금까지 O365의 새로운 공용 웹 사이트 기능에 대해 살펴봤습니다. 이외에도 알려드릴 정보가 많이 있으므로, 앞으로 몇 주 동안 계속해서 게시글을 추가할 예정입니다. 의견이 있으면 알려주시기 바랍니다. 

  • Office 고객 미리 보기(영문일 수 있음)사이트를 방문하여 SharePoint Online Preview  평가판을 지금 바로 사용해보시기 바랍니다.
  • 그리고 이 블로그의 다른 게시물도 확인하고 SharePoint Online 웹 사이트의 온라인 도움말 자료도 확인하시기 바랍니다.

이 문서는 번역된 블로그 게시물입니다. 원본 문서는 SharePoint Public Websites in Office 365를 참조하십시오.