Веб - виджет является веб - страницы или веб - приложение , внедренный в качестве элемента хоста веб - страницы , но который по существу не зависит от страницы хоста, ограничившись или без взаимодействия с хозяином. [1] Веб-виджет обычно предоставляет пользователям главной страницы доступ к ресурсам с другого веб-сайта, контенту, доступ к которому главной странице может быть запрещен политикой одинакового происхождения браузера или политикой CORS поставщика контента . Это содержание включает в себя рекламу ( Google «s AdSense ), авторами которого являлись внешние ссылки ( Taboola ), [2] комментарии пользователей ( Disqus ),[3] кнопки социальных сетей ( Twitter ), [4] Facebook ), новости ( USA Today ), [5] и погода ( AccuWeather ). [6] Некоторые веб-виджеты служат в качестве выбираемых пользователем настроек самой главной страницы ( Мой Google! ).
Технология
Виджеты можно рассматривать как загружаемые приложения, которые выглядят и действуют как традиционные приложения, но реализованы с использованием веб-технологий, включая JavaScript , Flash , HTML и CSS . Виджеты используют и зависят от веб- API , предоставляемых браузером или механизмом виджетов, например Akamai, Clearspring , KickApps , MassPublisher, NewsGator или многими другими.
Такие сайты, как FormLoop, позволяют пользователям легко создавать виджеты из своего собственного контента без каких-либо знаний в области программирования.
Использование в социальных сетях
Конечные пользователи в основном используют виджеты для улучшения своего личного веб-опыта или веб-опыта посетителей своих личных сайтов.
Использование виджетов становится все более популярным, когда пользователи социальных сетей могут добавлять автономные приложения в блоги, профили и страницы сообществ. Виджеты добавляют полезность так же, как и приложение для iPhone. Разработчики этих виджетов часто предлагают их как форму спонсируемого контента, который может оплачивать стоимость разработки, когда утилита виджетов сопоставляется с потребностями пользователя таким образом, что выигрывают обе стороны. Например, бренд спортивных новостей может получить известность и увеличить долю аудитории в обмен на то, что текущие результаты игр будут мгновенно и динамически доступны - блог, в котором размещен виджет спортивных результатов, может получить более привлекательный сайт.
Видеоплатформы, такие как YouTube и Dailymotion, поддерживают встраивание видео на основе iframe . [7] [8]
Соображения безопасности
Как и любой программный код, виджеты могут использоваться в злонамеренных целях. Одним из примеров является виджет «Secret Crush» в Facebook , о котором Fortinet сообщила в начале 2008 года как о побуждении пользователей установить рекламное ПО Zango . [9]
Одним из важных факторов, связанных с виджетами на стороне клиента, является то, что хост часто не может управлять контентом. Содержимое или предоставляемые им функции не могут быть изменены хостом. Контент предварительно публикуется издателем / автором / поставщиком услуг, и хост может либо принять этот контент, либо не использовать виджет. Однако хост управляет размещением виджета. Поскольку хост всегда может отключить виджет, это обеспечивает большую степень взаимной выгоды и удовлетворения производительностью и контентом.
Соображения по SEO
Веб-виджеты могут влиять на рейтинг страницы двумя способами. Во-первых, ссылки, созданные виджетами на стороне клиента, не будут видны поисковым системам, которые не «запускают» код виджета перед анализом страницы. Эти ссылки не будут способствовать ранжированию страницы. [10] Во-вторых, страницы могут быть наказаны за размещение виджетов, которые автоматически помещают ссылки на страницу, тем самым управляя рейтингом страницы. [11]
Соображения доступности
Веб-виджеты - это сложные элементы управления пользовательского интерфейса. WAI-ARIA [12] - это технология, которая может улучшить удобство использования и доступность таких виджетов, добавляя дополнительную семантику, которую браузеры и вспомогательные технологии могут распознавать и использовать для облегчения взаимодействия пользователей. Например, виджет панели вкладок должен содержать определенный набор ролей (например, список вкладок, вкладка, панель вкладок и т. Д.) [13] и должен выполнять определенные взаимодействия (например, навигацию с помощью клавиатуры). [14]
Системы управления виджетами
Системы управления виджетами предлагают метод управления виджетами, который работает на любой веб-странице, например, в блоге или домашней странице социальных сетей. Многие системы блогов поставляются со встроенными системами управления виджетами в виде надстроек. Пользователи могут получать виджеты и другие инструменты управления виджетами от различных компаний, производящих виджеты.
Виджет для мобильного Интернета
Виджет для мобильного Интернета имеет те же цели и функции, что и виджет для Интернета, но он предназначен для использования на мобильном устройстве, таком как мобильный телефон или планшет. Напротив, веб-виджет находится на персональном компьютере или портативном компьютере.
Стандарты
W3C создает набор стандартов для веб-виджетов. [15]
Рекомендации
- ↑ Брэд в CD Baby (28 августа 2012 г.). «Виджеты веб-сайтов: что это такое и зачем они мне нужны?» . Блог HostBaby .
Виджеты: это те маленькие придурки, которых вы видите на веб-сайтах, часто на боковой панели, которые выполняют одну простую функцию и не занимают много места, пока они это делают.
- ^ «Виджеты - Справочный центр для издателей Taboola» . taboola.com .
- ^ «Веб-интеграция» . disqus.com .
- ^ «Как добавить кнопку твита на свой сайт» . twitter.com .
- ^ "Виджеты USATODAY.com" . usatoday.com .
- ^ «Бесплатный виджет текущей погоды» . accuweather.com .
- ^ «Вставить видео и плейлисты - Справка YouTube» . support.google.com . Проверено 17 апреля 2021 .
- ^ «Встраивание видео» . Справочный центр Dailymotion .
- ^ «Межсетевое взаимодействие, безопасность, безопасность и многое другое» . Blog.anta.net. Архивировано из оригинала на 5 июня 2013 года . Проверено 7 сентября 2013 .
- ^ Трощей, Ярри. «Как веб-виджеты влияют на SEO» . South Coast Web Design Ltd . Проверено 18 февраля 2016 .
- ^ «Напоминание о ссылках на виджет» . Официальный блог Центра веб-мастеров Google . 8 сентября 2016 г.
- ^ «Основы WAI-ARIA» . Веб-документы MDN .
- ^ «ARIA: роль вкладки» . Веб-документы MDN .
- ^ «Взаимодействие с клавиатурой» . W3.org .
- ^ «Виджеты рабочей группы веб-приложений: семейство спецификаций» . W3C . Проверено 27 марта 2013 года .
дальнейшее чтение
- Раджеш Лал; Разработка веб-виджетов с использованием HTML, CSS, JSON и AJAX ( ISBN 9781450502283 )
- Сойлу, А., Вильд, Ф., Мёдритшер, Ф., Десмет, П., Верлинде, С., Де Каусмакер, П. (2011). Мэшапы и оркестровка виджетов. Международная конференция по управлению новыми цифровыми экосистемами, MEDES 2011. Сан-Франциско, Калифорния, США, 21–24 ноября 2011 г. ACM.