Архив Тэгов: Usability

Интернет

Метаданные поисковиков и новый инструмент Google Маркер, Schema.org

Меня давно привлекала идея добавления семантики к разметке сайта. Вообще, давным давно, еще до рождения сематических тэгов HTML 5, когда я только познакомился с RSS лентами и прочими вариантами агрегации сайтов, у меня возникла мысль что в скором будущем возникнет некий единый стандарт построения сайтов, который поможет легче воспринимать контент не только людям, но и роботам. В частности, на всех сайтах есть страницы About, Contacts на которых есть стандартная информация. Почему бы не сделать её понятной поисковым роботам, чтобы те могли автоматически, к примеру агрегировать сайты автора, создать его профиль и т.д. Многое из этого в наше время уже доступно, но мои утопичные фантазии конечно были намного безграничнее еще в те времена… На пути унификации CMS, структуры сайтов и семантики их наполнения пока слишком много преград, но движение в этом направлении есть.

В общем, это предыстория, а речь пойдет о метаданных или структурированных семантических (смысловых) объектах, тем или иным образом указанных в HTML разметке страницы. Стандартизация этих объектов позволяет различным поисковикам воспринимать эту более детальную атрибутивную информацию и отображать при необходимости её в поисковом сниппете, а не просто вырезку из текста страницы. Два наших основных поисковика, Гугл и Яндекс уже научились воспринимать некоторые из таких объектов и имеет смысл размечать такую информацию на страницах ваших сайтов.

Данная тема очень обширна. Так что эта статья — только лишь отправная точка в её изучении. Больше же информации можно найти в документации и поддерживаемых форматах Google, в документации и воспринимаемых форматах Яндексом, а также в этом переводе статьи «Вся правда о структурированных данных и Schema.org».

Также можно посетить Schema.org и ознакомьтесь с перспективной коллекцией общепринятых разными поисковиками схем разметки структурированных данных. Это некая общая единая база стандартов, на которую ориентируются поисковики, по мере обучения их роботов распознаванию всё новых и новых форматов.

Рассмотрим эволюцию распознавания структурированных данных на примере поисковика Google. читать далее »

Интернет

Применение нового отчета «Карта скроллинга» от Яндекс.Метрики

Яндекс-Метрика представила новый отчет «Поведение -> карта скроллинга».Отчет Yandex.Metrika Повидение - карта скроллинга - на примере нашего блога RATBAG.vkomi.ru

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

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

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

Что может дать такой цветовой анализ времени просмотра областей сайта?

Общество, в котором нет цветовой дифференциации штанов, лишено цели.

цветовая дифференциация штанов из фильма «Кин-дза-дза»

Если Яндекс создал такой отчет, то вероятно он для чего-то нужен…

Можно предположить, что смысл отчета в возможности массового анализа поведения посетивших вашу страницу людей. Вэб-визор позволяет воспроизводить каждое действие конкретного человека. Но чтобы иметь возможность массового анализа поведения, нужны отчеты, аггрегирующие собранные данные. Таким отчетом сначала была логичная и простая «Карта кликов», а затем добавилась «Карта скроллинга» для понимания результатов акцентирования прикованности внимания посетителей.

Интернет

Массовое присвоение меток и категорий в WordPress блоге

Случайно обнаружил «скрытую фичу» блог-движка WordPress. Оказывается в нем предусмотрена функция массового присвоения категорий или меток сразу нескольким записям (постам). Также возможно массово менять и некоторые их настройки. Для этого всего лишь нужно зайти на стандартный экран «Записи -> Все записи» или «Страницы -> Все страницы», выбрать интересующие вас записи и выбрать действие «Изменить» :

WordPress - массовое редактирование записей (постов) - присвоение меток или категорий

WordPress — массовое редактирование записей (постов) — присвоение меток или категорий

Очень удобно и быстро, например, присваивать нужным постам какую-то новую метку — не надо входить в каждую запись и тратить на это кучу времени!

Интернет

Установить аватар авторства Google+ в поисковой выдаче для WordPress блога

Решил установить на свой авторский блог о моем проекте Orgeo.ru привязку к профилю Гугл. Это дает большое преимущество вашему сайту в поисковой выдаче, так как слева от сниппета (вашей строки в результатах поиска) будет отображаться ваша аватарка из профиля Google+. А это должно дать преимущество именно вашей странице, потому что:

  1. картинка позволяет визуально выделиться,
  2. вызывает большее доверие, чем к результатам без фотографии и ссылки на автора.

Вот как будет выглядеть сниппет результата поиска:

Авторство Google+ отображаемое в поисковой выдаче Гугл

Авторство Google+ отображаемое в поисковой выдаче Гугл

Далее описаны 3 способа, в зависимости от того, какую CMS систему вы используете: читать далее »

Интернет

Как сильно важен Title заглавной страницы

В нашем блоге RATBAG.vkomi.ru, с не до конца продуманной и неоднозначной основной линией публикаций, сложно сразу придумать его краткое описание, которое можно вставить в название заглавной страницы. Другими словами, некий слоган с емкой фразой описывающей направленность сайта.

Мы пишем о том, что приходит в голову. Заметили интересную тенденцию, сайт или программу — написали о ней свой очерк. Часто просто хочется поделиться своими мыслями и наработками по той или иной интересной теме. Одним словом, тематики зачастую сильно разнятся. Единственной, что может служить объединяющим фактором — это собственно Интернет и программы. Хотя и о простой земной жизни мы тоже иногда пишем.

Короче говоря, невозможно просто взять и описать одной фразой это безумие:) Это нужно читать, листать, понимать!

Вплоть до этого времени, в заголовке окна главной страницы, у нас просто красовалось английское слово «AMBIVALENT». Оно мало о чем говорит кому-либо, тем более, если не вдумываться. Ну а кто вдумывается, листая различные списки, выкладки поиска и тому подобное? В частности, пытался сегодня в своем Android-устройстве в RSS-читалке Google Reader найти наш блог через поиск. Это далось не просто. Во-первых, слово английское, и поэтому выходит целое море вариантов. Во-вторых, не видно некой ключевой фразы.

Одно слово не сможет заинтриговать (по крайней мере такое), да и не прояснит контента ресурса. Название блога должно быть хоть сколько-то развернутым, с ключевой информацией о том, что можно будет увидеть, перейдя по ссылке. К тому же, в целях продвижения сайта, то, что у вас находится в тэге TITLE заглавной страницы, играет огромную роль!

В итоге, немного поднапрягши извилины, я придумал некий рабочий слоган «Наш двусмысленный Интернет». Все лучше, чем ничего. Со временем посмотрим, может у одного из нас придет в голову более интересная фраза.

Интернет

WolframAlpha — интуитивная компьютерная база знаний и вычислений. Первые впечатления

В 2009 году американско-британские разработчики запустили интересный проект Wolfram|Alfa. Он является своего рода симбиозом поиска информации в сети и интеллектуальных математических вычислений. Но информация ищется не по всем сайтам Интернет просторов, а по описанным научным языком связей и измерений базам знаний о различных объектах всевозможных сфер. Эти знания черпаются от определенных провайдеров данных. Эта система достаточно интеллектуально распознает вводимые на простом языке запросы. Язык запросов используется только один — английский.

Немного потренировавшись и поняв логику работы этой базы знаний, можно, к примеру, решить простенькую школьную задачку. Формируем такой  вот запрос: «500 mL of vodka alcohol content«, результатом которого будет: «В бутылке водки 200 миллилитров чистого спирта».

Немного попрактиковавшись, я решил вычислить нечто более полезное и составил еще два запроса, чтобы решить пошагово большую задачу:

  1. «((200 mL of vodka + bottle of apple juice + Pizza) calories) in megajoules» — сколько мегаджоулей (если хотите, то можно и в килоджоулях) даст человеку съедение некоего не очень здорового ужина:) В принципе, если немного поднапрячь мозг, то достаточно просто можно просчитать конкретные блюда весьма детализировано. Итог моего запроса — 5 мегаджоулей (5000 кДж).
  2. «run 43 km pace 4min/km male weight 70 kg age 25 height 185 cm» — какие ресурсы я затрачу на преодоление марафона бегом со скоростью 4 минуты на километр (в реальности это невыполнимая для меня задача). Указав все свои параметры — система выдает огромное количество результатов — от затраченной энергии, до количества шагов и пульса. На самом деле количество данных просто поражает! Я же возьму только один результат — необходимо будет потратить 13,500 килоджоулей.
  3. В итоге из информации двух этих запросов можно с легкостью сделать вывод, что потребуется поесть до старта, плюс 2 раза во время гонки:)

Пример конечно достаточно шуточный, но показывает огромный потенциал данной системы в расчете неких статистических данных. Данный проект охватывает огромное количество областей: математика, статистика и анализ данных,  физика, химия, материалы, строительство, астрономия, вычислительные науки, погода, география, история, культура, музыка, лингвистика, спорт, медицина, цвета, шоппинг, деньги и т.п. Полный список на странице примеров. Учитывая это, можно только удивляться, какие огромные объемы данных вмещает в себя эта база знаний.  Ей найдется тысяча применений, ограниченных только фантазией!

Это лишь мои первые впечатления об этой, несомненно, революционной системе. Буду выкладывать дополнительную информацию по мере изучения этой системы.

Юмор

Оригинальная страница 403-й HTTP ошибки на Хабре

При неверном запросе к серверу Хабра, выходит вот такая вот страница с фантазией:

Страница 403 ошибки: "Здравствуйте, с вами говорят Чип и Дэйл"

Сразу видно, что портал для программистов! Очень приятно!

Интернет

QR-коды: генерация и декодирование онлайн

QR-код Ambivalent.ruДелюсь проверенными онлайн-сервисами:

Если кому-то нужно создать свой QR-код, то нужно воспользоваться генератором «QR coder» — там всё по-русски и есть выбор разнообразных размеров.

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

Я воспользовался этими сервисами, чтобы добавить в правой меню нашего сайта ссылку на наш блог. Полезно, когда читателю захочется сохранить ссылочку в свой смартфон — быстро и современно!