stringtranslate.com

Веб-виджет

Веб -виджет — это веб-страница или веб-приложение , встроенное в качестве элемента веб-страницы хоста, но в значительной степени независимое от страницы хоста, имеющее ограниченное или отсутствующее взаимодействие с хостом. [1] Веб-виджет обычно предоставляет пользователям страницы хоста доступ к ресурсам с другого веб-сайта, контенту, доступ к которому странице хоста может быть запрещен политикой того же источника браузера или политикой CORS поставщика контента . Этот контент включает рекламу ( Google 's AdSense ), спонсируемые внешние ссылки ( Taboola ), [2] комментарии пользователей ( Disqus ), [3] кнопки социальных сетей ( Twitter , [4] Facebook ), новости ( USA Today ), [5] и погоду ( AccuWeather ). [6] Однако некоторые веб-виджеты служат в качестве выбираемых пользователем настроек самой страницы хоста (Elfsight, Powr, OpenWidget ).

Технологии

Виджеты можно рассматривать как загружаемые приложения, которые выглядят и действуют как традиционные приложения, но реализованы с использованием веб-технологий, включая JavaScript , HTML и CSS . Виджеты используют и зависят от веб- API, предоставляемых либо браузером, либо движком виджетов, таким как Akamai, Clearspring , KickApps , MassPublisher, NewsGator или многими другими.

Такие сайты, как FormLoop, позволяют пользователям легко создавать виджеты из собственного контента без необходимости обладать знаниями в области кодирования.

Использование в социальных сетях

Конечные пользователи в первую очередь используют виджеты для улучшения своего личного веб-опыта или веб-опыта посетителей их персональных сайтов.

Использование виджетов становится все более популярным, когда пользователи социальных сетей могут добавлять отдельные приложения в блоги, профили и страницы сообществ. Виджеты добавляют полезность так же, как и приложение для iPhone. Разработчики этих виджетов часто предлагают их как форму спонсируемого контента, который может окупить стоимость разработки, когда полезность виджетов соответствует потребностям пользователя таким образом, что выигрывают обе стороны. Например, спортивный новостной бренд может получить известность и увеличить долю аудитории в обмен на полезность текущих результатов игр, которые будут мгновенно и динамически доступны — блог, разместивший виджет спортивных результатов, может выиграть, имея более липкий сайт.

Видеоплатформы , такие как YouTube и Dailymotion, поддерживают встраивание видео на основе iframe . [7] [8]

Соображения безопасности

Как и любой программный код, виджеты могут использоваться в вредоносных целях. Одним из примеров является виджет Facebook "Secret Crush", о котором Fortinet сообщила в начале 2008 года как о заманивающем пользователей устанавливать рекламное ПО Zango . [9]

Одним из важных факторов клиентских виджетов является то, что хост часто не может контролировать контент. Контент или предоставляемые им функции не могут быть изменены хостом. Контент предварительно публикуется издателем/автором/поставщиком услуг, и хост может либо принять этот контент, либо не использовать виджет. Однако хост контролирует размещение виджета. Поскольку хост всегда может отключить виджет, это обеспечивает большую степень взаимной выгоды и удовлетворения производительностью и контентом.

SEO-соображения

Веб-виджеты могут влиять на рейтинг страницы двумя способами. Во-первых, ссылки, сгенерированные клиентскими виджетами, не будут видны поисковым системам, которые не «запускают» код виджета перед анализом страницы. Эти ссылки не будут способствовать рейтингу страницы. [10] Во-вторых, страницы могут быть оштрафованы за размещение виджетов, которые автоматически размещают ссылки на странице, тем самым манипулируя рейтингом страницы. [11]

Вопросы доступности

Веб-виджеты — это сложные элементы управления пользовательского интерфейса. WAI-ARIA [12] — это технология, которая может улучшить удобство использования и доступность таких виджетов, добавляя дополнительную семантику, которую браузеры и вспомогательные технологии могут распознавать и использовать для облегчения взаимодействия пользователей. Например, виджет панели вкладок должен содержать определенный набор ролей (например, tablist, tab, tabpanel и т. д.) [13] и должен следовать определенным взаимодействиям (например, навигация с помощью клавиатуры). [14]

Системы управления виджетами

Системы управления виджетами предлагают метод управления виджетами, который работает на любой веб-странице, например, на домашней странице блога или социальной сети. Многие системы блогов поставляются со встроенными системами управления виджетами в виде плагинов. Пользователи могут получить виджеты и другие инструменты управления виджетами от различных компаний-производителей виджетов.

Мобильный веб-виджет

Виджет Mobile Web имеет ту же цель и функцию, что и веб-виджет, но он создан для использования на мобильном устройстве, таком как мобильный телефон или планшет. В отличие от него, веб-виджет находится на персональном компьютере или ноутбуке.

Стандарты

W3C создает набор стандартов для веб-виджетов. [15]

Ссылки

  1. Брэд из CD Baby (28 августа 2012 г.). «Виджеты веб-сайтов: что это и зачем они мне нужны?». Блог HostBaby . Архивировано из оригинала 24 августа 2019 г. Виджеты: это те маленькие безделушки, которые вы видите на веб-сайтах, часто в боковой панели, которые выполняют одну простую функцию и не занимают много места при этом.{{cite web}}: CS1 maint: unfit URL (link)
  2. ^ "Виджеты - Справочный центр Taboola Publisher". taboola.com .
  3. ^ "Веб-интеграция". disqus.com .
  4. ^ «Как добавить кнопку «Твитнуть» на свой сайт». twitter.com .
  5. ^ "Виджеты USATODAY.com". usatoday.com .
  6. ^ "Бесплатный виджет текущей погоды". accuweather.com .
  7. ^ "Встраивание видео и плейлистов - Справка YouTube". support.google.com . Получено 2021-04-17 .
  8. ^ "Встраивание видео". Справочный центр Dailymotion .
  9. ^ "Интернет, безопасность, сохранность и многое другое". Blog.anta.net. Архивировано из оригинала 5 июня 2013 года . Получено 2013-09-07 .
  10. ^ Трощей, Ярри (18 февраля 2016 г.). «Как веб-виджеты влияют на SEO». South Coast Web Design Ltd. Получено 18 февраля 2016 г.
  11. ^ "Напоминание о ссылках на виджеты". Официальный блог Google Webmaster Central . 8 сентября 2016 г.
  12. ^ "WAI-ARIA Basics". MDN Web Docs . 12 сентября 2023 г.
  13. ^ "ARIA: роль вкладки". MDN Web Docs . 12 апреля 2023 г.
  14. ^ "Взаимодействие с клавиатурой". W3.org .
  15. ^ "Виджеты рабочей группы по веб-приложениям: семейство спецификаций". W3C . Получено 27 марта 2013 г.

Дальнейшее чтение