Выдачи поиска скриншоты посещенных. Хронология в Google Картах

мистер Олимпия 5 августа 2013 в 12:25

Визуализация поисковой выдачи или как сделал поиск для мамы

  • Google API ,
  • JavaScript

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

Вот небольшой список поставленных перед собой задач, для достижения цели:

  • Простота, минимум лишних деталей на экране
  • Визуальное отображение результата
  • Свести к минимуму количество кликов мышкой
  • Подсказки, подсказки и еще раз подсказки
  • Динамический дизайн (bootstrap привет)

Реализация

По порядку, какими способами были решены задачи:

Простота - нет отвлекающих кнопок и панелей, нет погоды, нет панели аккаунта, нет новостей, нет ничего лишнего, только строка для ввода запроса и кнопка поиска. Выбран темный фон, для того, чтобы контрастно отображались изображения в результате выдачи (например Яндекс.Видео использует по умолчанию темный фон), но в настройках предоставлена возможность выбора светлой тематики и/или установить изображение в качестве фона.

Ну и в качестве фона изображение

Результат поиска - это не только текст, но и скриншоты страниц, где найден данный текст! Поиск реализован средствами Google Search API, скриншоты сайтов средствами Site-shot.com. Поисковая выдача содержит результат поиска по сайтам, картинкам, новостям, видео и картам.

Два вида представления результата поиска:
- плитка


- список

Если по запросу находится географический результат, то появится в поисковой выдаче - карта, перейдя по которой(нажав у результат кнопку «поиск по сайту» [>]), откроется карта на весь экран со строкой поиска.

Результат поиска представлен в виде списка с фоновой картинкой

Как сведено количество кликов к минимуму :

  • строка поиска всегда на экране, не надо листать на верх и искать ее там, так-же строка использует минимум пространства, нет своей панели занимающей много драгоценного пространства (подглядел идею у Яндекс.Поиск);
  • перемещение на верх - одним кликом;
  • очистка строки поиска - одним кликом;
  • поиск по определенному сайту из всей поисковой выдачи, опять таки - одним кликом, ну и отмена поиска по определенному сайту, тоже - один клик.
  • Подсказки на все возможное, что может произойти. Например, если ничего не делать в течение 20 сек. сайт подскажет с чего начать, конечно подсказки банальные и простые но для новичков самый раз (проверено!!!)

    Если навести на результат поиска - курсор мыши и некоторое время мышка должна быть в области выдачи, то картинка увеличится

    Динамический дизайн - идею реализации подглядел в Twitter Bootstrap, таким образом сайт не теряет свой вид отображаясь на различных разрешениях экрана (ноут, пк и прочие девайсы).

    Дополнительные возможности , которые могут пригодится “бывалым”, для настройки “не бывалым”.
    Ну во первых, передача параметров в строку адреса:
    а) Возможность передачи запроса (например, чтобы установить как поисковик по умолчанию): viewha.com/?q=текст-запроса .
    б) Поиск по определенному сайту, из строки адреса: viewha.com/?q=текст-запроса&site=url-сайта .
    в) Реализована мультиязычность интерфейса, хотя пока 2 языка - русский(ru) и английский(en): viewha.com/?l=en .
    Во вторых, расширенная настройка: где искать, как должен выглядеть поисковик и т.п., в окне настройки поисковика:


    Окно настройки

    Планы

    • Добавить поисковики Яндекс и Bing
    • Просмотр видео в самой поисковой выдаче
    • Режим для слабовидящих
    • Предварительно сжимать большие картинки на сервере

    Исходный код того, что получилось у меня, вы можете просмотреть на

    Посмотреть историю посещений вэб страниц (сайтов) в браузерах можно при нажатии сочетания клавиш ctrl +h . Это удобно, если Вы "серфили" по интернету в поисках чего то, а потом вспомнили что то важное, но забыли на какой это странице было. Или же вспомнили про это на другой день и была мысль "да я же где то это видел", но порой не зная где находится история посещений, Вы начинаете повторять свои поиски как было до этого или просто "забиваете" на это.

    А что если Вам ради простого интереса захотелось посмотреть ВСЮ историю браузеров и где Вы были в тот или иной день или время? Да мало ли из каких ещё нужд Вам это понадобилось.
    Может Вы вообще хотите просто посмотреть где были Ваши дети, жена или родственники в то время, когда Вы были на работе или в командировке. Тут я под словами "где были" имею ввиду "какие сайты посещали".

    Нашел вот в сети недавно такую программу, как Internet History Browser . Она англоязычная, но там всего лишь около 10 слов, которые Вы и так знаете, а если нет - я Вам помогу.

    Сейчас я Вам опишу её достоинства:
    - В целом, прога предназначена именно для просмотра истории посещений сайтов во всех .
    - Она считывает историю посещений с основных, наиболее популярных браузеров, таких как Microsoft Internet Explorer, Mozilla Firefox, Google Chrome, Opera и Apple Safari.
    - Она не требует установки (портабельная версия), можно закинуть на флешку или вообще просто архив держать и из него запускать (как я).
    - Работает на всех версия Windows (2000, XP, 2003, Vista, 7, Server 2008, 8) и на любой разрядности (32 и 64).
    - Она бесплатна.

    В общем Чудо! А не программа... А почему я так считаю, думаю поймете сами читая далее

    Скачать её можно с (долго там не блуждайте, ссылка на скачивание справа вверху).
    Или же с этого сайта (не бойтесь, вирусов нет).

    В архиве 2 файла - IHB.dll и IHB.exe (соответственно библиотека и сама прога).
    Можете распаковать, можете прям из архива запускать файл IHB.exe .
    Появится вот такое окошко


    На котором я цифрами обозначил:
    1 и 2 - поиск истории по всем браузерам (точнее по 5ти) установленных на компьютере. Я думал есть отличие кнопки 1 от кнопки 2 , но при выборе той или иной, результат был тот же, то же количество найденный записей и ничего не изменилось. Думаю всё таки не зря сделали 2 кнопки для поиска. Рискую предположить что 1 ищет по Всему компу, включая портативные устройства иль ещё чего, а 2 только по тем, которые установлены.

    Например, можно просто папку с установленным браузером скопировать куда нибудь на диск и не устанавливая работать с ним. Я например так перемещал оперу с ноутбука на ПК и работал спокойно. Может 1 вариант обнаружит такую папку, а 2 нет. Не знаю. Кто в курсе - пишите в комментариях.


    3 - Открывает уже существующий файл созданный программой (об этом ниже будет).
    4 - Переход на сайт разработчика.

    Разумеется, чтобы узнать историю, Вам нужно нажать на 1 или 2 . Программа начнет сканировать систему и искать. Скорость зависит от характеристик Вашего компьютера. У меня на поиск 25 тысяч страниц ушло около 8 секунд примерно.
    Изначально окно будет содержать всю историю сортированную по мере посещения (новые вверху). Я сделал немного проще, слева есть иконка "минусика" при клике на которую, скрывается вся история этого дня. Ну и соответственно при клике на "плюсик" история раскрывается.


    При клике на какой-нибудь строчке, снизу всплывает меню в котором:
    в Title указывается название страницы,
    в URL ссылка на страницу,
    в Visited показывает точную дату и время посещения,
    в Visit count количество просмотров страницы.

    Чтобы открыть эту страницу, нажмите на кнопку Open внизу справа, только учтите - откроется страница в браузере предусмотренным по умолчанию. Если же Вы хотите её открыть в том, который любите, скопируйте текст в поле URL (мышкой выделите, ПКМ - Копировать) и вставьте в адресную строку Вашего браузера.

    Такс. С этим думаю всё понятно, разобрались. Далее разберемся с меню.
    Меню File :


    Open... Ctrl+O - открытие файла программы с историей. И указано сочетание клавиш для открытия (кстати, во многих программах именно при помощи этой комбинации открываются файлы).
    Local Machine - сканирует систему на историю файлов.
    Close - закрывает текущую вкладку (если у Вас их несколько открыто)
    Refresh F5 - обновляет список найденной истории. И горячая клавиша для обновления указана (не только в этой программе это работает, практически везде. Хоть сейчас на сайте нажмите F5 и браузер обновит страничку).
    Exit - само собой, выход из программы.

    Меню Windows нужно только для работы с открытыми вкладками (окнами). Там всё просто, но всё таки я Вам покажу как будет отображаться.

    Подавляющее большинство Android-смартфонов и планшетов по умолчанию комплектуются мобильным приложением Google. Поисковая строка на домашнем экране системы, посредством которой так удобно что-то искать в Интернете, не открывая каждый раз браузер — это как раз оно и есть.

    Однако далеко не все Android-юзеры знают, что с некоторых пор в этом самом приложении Google появилась специальная функция, которая автоматически создает скриншоты всех результатов, которые поисковик выдает по тому или иному запросу.

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

    Другими словами, если вам надо найти еще раз что-то, что вы уже искали, то для этого достаточно просто открыть список недавних результатов поиска (то бишь историю) вместо того, чтобы снова заходить в Сеть и искать то же самое по-новой.

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

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

    В ОС Android функция эта называется «Недавние» и работает в вашем устройстве уже почти полгода. Открывается она либо тапом по третьему (слева) значку в нижней панели приложения Google, либо через меню приложения (кнопка «Недавние»).

    Функция «Недавние» фактически выполняет ревизию истории поиска и по определенному запросу выдает готовый скриншот первой и самой свежей (по времени) страницы результатов поисковой выдачи.

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

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

    как отключить «Недавние» (и скриншоты истории поиска) в ОС Android

    Делается это следующим образом: заходим в «Недавние «, открываем «Настройки «, отключаем «Недавние «, подтверждаем .

    Отметим также, что после этого все сохраненные в памяти устройства скриншоты поиска тоже будут автоматически удалены. Но в меню кнопка «Недавние «, как и иконка на панели, все равно остаются, даже если сама функция отключена. Активируется она так же через «Настройки » (просто включаете).

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

    Примечание. Хронология доступна в приложении "Google Карты" 9.12 и более поздних версий. Если вы используете более раннюю версию приложения, хронологию можно просматривать в браузере на компьютере или мобильном устройстве по ссылке maps.google.com/timeline.

    Как создать хронологию

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

    Чтобы открыть хронологию, выполните следующие действия:

    Как посмотреть, где вы были

    В хронологии сохраняются места, которые вы посетили, когда у вас была включена история местоположений, а также указывается способ передвижения (например, пешком, на велосипеде, на машине или общественным транспортом).

    Совет. Чтобы посмотреть места, в которых вы были недавно, нажмите на значок меню Ваши места Посещенные .

    Как включить или отключить историю местоположений

    Если история местоположений включена, данные о местоположении сохраняются в вашем аккаунте Google, даже когда вы не используете Google Карты. Чтобы включить или приостановить сохранение истории местоположений, выполните следующие действия:

    Как изменить хронологию

    Как повысить точность хронологии

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

    1. Включите историю приложений и веб-поиска . Если она была включена ранее, в хронологии будет учитываться информация из других сервисов Google за период, когда история была включена. Например, если вы искали в Google Поиске ресторан, это поможет хронологии выбрать посещенный вами ресторан из нескольких находящихся рядом.
    2. Подтверждайте места вручную. Вы можете сами отмечать в хронологии посещенные места.
    Как сохранять историю поиска и данные о просмотренных сайтах в Google

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

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

    В то время как другие поисковые системы не позволяли вебмастерам оперировать графической составляющей сайта в выдаче. Теперь времена меняются и в Google вводят предпросмотр сайтов непосредственно в поисковой выдаче в виде скриншотов.

    Новая функция называется “Instant Previews” или “Предпросмотр страниц”, она была анонсирована на днях в официальном блоге Google .

    Включить предпросмотр можно по этому адресу:
    http://www.google.ru/landing/instantpreviews/ .

    Какие особенности предпросмотра?

    Результаты поиска можно сравнивать между собой.
    До этого момента результаты поиска можно было сравнивать лишь по сниппету (описанию), заголовку и адресу сайта. Теперь сайты можно сравнивать визуально, просматривая скриншоты.

    Содержание страниц можно посмотреть не заходя на сайт
    Безусловно, это повышает юзабилити для пользователей, а также, со временем, улучшит качество поиска, так как заведомо плохие сайты будут посещать реже. Кликабельность (CTR ) красивых сайтов повысится, в то время как владельцам сайтов с плохим дизайном (а также поисковому спаму) придётся перестраиваться, чтобы не потерять своих потенциальных клиентов.

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

    Возвращение к знакомому сайту
    Пользователи смогут быстро найти сайт, название которого не помнят, а в памяти остался лишь его внешний вид. Предпросмотр позволит быстро найти визуально знакомый сайт.

    Замечания по Instant Previews

    Предварительный просмотр страниц имеет множество других преимуществ. Обратим внимание на некоторые дополнительные особенности скриншотов (с технической стороны).

    1. Оптимизация скорости загрузки

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

    2. Максимальный размер скриншотов 302х405 пискселей

    Эта информация понадобится для формирования графического сниппета для вашего сайта. Например, удобно будет сделать так, чтобы в скриншот попал телефон компании (см. на рисунке ниже результат по запросу “заказ пиццы”) или фотография товара, если используется интернет-магазин.

    3. Скриншот может быть обрезан посередине

    На картинках предпросмотра выделяются области, релевантные запросу. Поскольку они могут располагаться в разных частях страницы, то скриншот может быть разрезан красивой кривой на 2-3 части. Это следует учитывать при будущей “оптимизации скриншотов” (такие услуги в скором времени будут предоставлять оптимизаторы).

    4. Описания на изображении формируют сниппет

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

    5. Картинки в кодировке Base64

    Изображения для скриншотов не хранятся на серверах Google в прямом виде (в виде файлов), а хранятся в текстовой форме и легко загружаются на страницу с помощью технологии Ajax. Видимо, с технической точки зрения этот подход оптимален. К тому же, под разные запросы одна и та же страница будет иметь разные скриншоты (обрезы).

    6. Дата изображений соответствует дате кэша

    Актуальность скриншота не стопроцентна, так как, по всей видимости, он берется для страниц из кэша (уже существующих в индексе Google). Частота обновлений изображений предпросмотра, вероятно, будет равна частоте переиндексации сайта. Будем проводить эксперименты.

    7. Страницы, запрещенные к кэшированию, можно просмотреть

    В случае, если вебмастера запрещают Google кэшировать страницы с помощью мета-тега no-cache

    Эти страницы все равно можно просмотреть с помощью инструмента Google Instant Previews. По ним можно определить дату последнего захода робота на сайт с запрещенным кешем.

    При размещении платных ссылок на сайт, который запрещает кэширование, можно визуально посмотреть, проиндексировались ли ссылки и попали ли в скриншот 🙂

    Попробуйте Instant Previews сами и поделитесь своими комментариями!