웹 위젯

Web widget

웹 위젯은 호스트 웹 페이지의 요소로 포함되어 있지만 호스트 페이지와 실질적으로 독립적이며 [1]호스트와 상호 작용이 제한적이거나 전혀 없는 웹 페이지 또는 웹 애플리케이션입니다.웹 위젯은 일반적으로 호스트 페이지 사용자에게 다른 웹 사이트의 리소스에 대한 액세스 권한을 제공합니다. 이 컨텐츠는 브라우저의 동일한 원본 정책 또는 컨텐츠 공급자의 CORS 정책에 의해 호스트 페이지가 액세스하지 못하도록 차단될 수 있습니다.이 콘텐츠에는 광고(구글의 AdSense), 후원 외부 링크(Taboola),[2] 사용자 [3]댓글(Disqus), 소셜 미디어 버튼([4]트위터, 페이스북), 뉴스(USA [5]Today), 날씨(AcuWeather)[6] 등이 포함됩니다.그러나 일부 웹 위젯은 사용자가 선택할 수 있는 호스트 페이지 자체의 사용자 정의 역할을 합니다(My Google!).

테크놀로지

위젯은 기존 앱처럼 보이지만 JavaScript, HTML, CSS 등의 웹 기술을 사용하여 구현되는 다운로드 가능한 애플리케이션으로 간주할 수 있습니다.위젯은 브라우저 또는 Akamai, Clearspring, KickApps, MassPublisher, NewsGator 등의 위젯 엔진에 의해 공개되는 웹 API에 따라 사용됩니다.

FormLoop 등의 사이트에서는 코딩 지식 없이도 사용자가 자신의 콘텐츠에서 위젯을 쉽게 작성할 수 있습니다.

소셜 미디어에서의 사용

최종 사용자는 주로 위젯을 사용하여 개인 웹 환경 또는 개인 사이트 방문자의 웹 환경을 개선합니다.

소셜 미디어 사용자가 블로그, 프로필 및 커뮤니티 페이지에 독립 실행형 애플리케이션을 추가할 수 있는 위젯 사용이 점점 더 인기를 끌고 있습니다.위젯은 iPhone 응용 프로그램과 동일한 방식으로 유틸리티를 추가합니다.이러한 위젯의 개발자들은 종종 이러한 위젯을 후원 콘텐츠의 형태로 제공하고 있으며, 위젯의 유틸리티가 양 당사자가 이익을 얻는 방식으로 사용자의 요구에 매핑될 때 개발 비용을 지불할 수 있습니다.예를 들어, 스포츠 뉴스 브랜드는 현재 게임 스코어를 즉시 동적으로 이용할 수 있는 대신 인지도를 얻고 시청자 점유율을 높일 수 있습니다. 스포츠 스코어 위젯을 게시한 블로그는 보다 끈끈한 사이트를 갖는 것이 이득일 수 있습니다.

YouTube 및 Dailymotion과 같은 비디오 플랫폼은 iframe 기반 비디오 [7][8]임베딩을 지원합니다.

보안에 관한 고려 사항

모든 프로그램 코드와 마찬가지로 위젯은 악의적인 목적으로 사용될 수 있습니다.한 예로 Fortinet이 Zango [9]애드웨어를 설치하도록 사용자를 유인하는 것으로 2008년 초에 보고한 Facebook "Secret Crush" 위젯이 있다.

클라이언트 측 위젯의 중요한 요소 중 하나는 호스트가 콘텐츠를 제어할 수 없다는 것입니다.컨텐츠 또는 컨텐츠가 제공하는 기능은 호스트에서 수정할 수 없습니다.컨텐츠는 게시자/작성자/서비스 제공자에 의해 미리 게시되며 호스트는 해당 컨텐츠를 수락하거나 위젯을 사용하지 않을 수 있습니다.그러나 호스트는 위젯의 배치를 제어합니다.호스트는 언제든지 위젯을 종료할 수 있으므로 성능과 컨텐츠에 대한 상호 이점과 만족도를 크게 보장할 수 있습니다.

SEO에 관한 고려사항

웹 위젯은 두 가지 방법으로 페이지 순위에 영향을 미칠 수 있습니다.첫째, 클라이언트 측 위젯에 의해 생성된 링크는 페이지를 분석하기 전에 위젯 코드를 "실행"하지 않는 검색 엔진에 의해 표시되지 않습니다.이러한 링크는 페이지 [10]순위에 영향을 주지 않습니다.둘째, 페이지에 링크를 자동으로 배치하는 위젯을 호스팅하여 페이지 [11]순위를 조작하는 경우 페이지에 불이익을 줄 수 있습니다.

접근성에 관한 고려사항

웹 위젯은 복잡한 UI 컨트롤입니다.WAI-ARIA는[12] 브라우저와 보조기술이 인식하고 사용할 수 있는 의미론을 추가하여 사용자의 상호작용을 용이하게 함으로써 위젯의 사용성과 접근성을 향상시킬 수 있는 기술입니다.예를 들어 탭 패널 위젯에는 특정 역할 집합(예: 탭 목록, 탭, 탭 패널 등)[13]이 포함되어 있어야 하며 특정 상호 작용(예: 키보드 탐색)[14]을 따라야 합니다.

위젯 관리 시스템

주요 기사:위젯 엔진

위젯 관리 시스템은 블로그 또는 소셜 네트워킹 홈 페이지와 같은 모든 웹 페이지에서 작동하는 위젯을 관리하는 방법을 제공합니다.많은 블로그 시스템에는 위젯 관리 시스템이 플러그인으로 내장되어 있습니다.사용자는 다양한 위젯 회사로부터 위젯 및 기타 위젯 관리 도구를 받을 수 있습니다.

모바일 웹 위젯

모바일 웹 위젯은 웹 위젯과 용도와 기능은 동일하지만 휴대폰이나 태블릿과 같은 모바일 장치에서 사용할 수 있도록 제작되었습니다.대조적으로 웹 위젯은 개인용 컴퓨터 또는 노트북 컴퓨터에 있습니다.

표준

W3C는 웹 [15]위젯의 표준 세트를 만들고 있습니다.

레퍼런스

  1. ^ Brad at CD Baby (August 28, 2012). "Website Widgets: What Are They and Why Do I Need Them?". The HostBaby Blog. Widgets: They’re those little doo-dads you see on websites, often in the sidebar, that perform one simple function and don’t take up much room while they’re doing it.
  2. ^ "Widgets - Taboola Publisher Help Center". taboola.com.
  3. ^ "Web Integration". disqus.com.
  4. ^ "How to add the Tweet button to your website". twitter.com.
  5. ^ "USATODAY.com Widgets". usatoday.com.
  6. ^ "Free Current Weather Widget". accuweather.com.
  7. ^ "Embed videos & playlists - YouTube Help". support.google.com. Retrieved 2021-04-17.
  8. ^ "Embedding videos". Dailymotion Help Center.{{cite web}}: CS1 maint :url-status (링크)
  9. ^ "Internetworking, security, safety and more". Blog.anta.net. Archived from the original on 5 June 2013. Retrieved 2013-09-07.
  10. ^ Troshchey, Yarry. "How Web Widgets Affect SEO". South Coast Web Design Ltd. Retrieved 2016-02-18.
  11. ^ "A reminder about widget links". Official Google Webmaster Central Blog. September 8, 2016.
  12. ^ "WAI-ARIA Basics". MDN Web Docs.
  13. ^ "ARIA: tab role". MDN Web Docs.
  14. ^ "Keyboard Interaction". W3.org.
  15. ^ "Web Application Working Group's Widgets: Family of Specifications". W3C. Retrieved 27 March 2013.

추가 정보