Избавляемся от опечаток в блоге

Опубликовано:
Возможно, вы уже обратили внимание на сообщение "Нашли опечатки?" на сайте Блогопоиска. Если нет, то посмотрите в правый верхний угол страницы. Этот небольшой виджет позволяет посетителям вашего блога сообщить о найденных опечатках. От ошибок и опечаток никуда не деться, а кому нужны мусорные комментарии "у вас ошибка в тексте", совершенно не относящиеся к теме статьи?

Принцип работы прост: посетитель выделяет мышкой текст, содержащий ошибку, нажимает Ctrl + Enter и предлагает правильный вариант. Задача читателя на этом выполнена, а вот автору блога ещё нужно немного поработать — исправить ошибки и опечатки, прежде чем они смогут нанести вред поисковой выдаче (явление маловероятное, ведь самое главное — правильность ключевых слов — вы проверяете при помощи нашего инструмента SEO Blogger, не так ли?)

О том, где и как искать предложенные исправления, я расскажу далее по мере описания процесса работы с виджетом.

Установка и настройка виджета отслеживания ошибок и опечаток

Процесс установки состоит из нескольких шагов:
  1. создание хранилища данных (информации о найденных опечатках);
  2. копирование кода виджета в блог;
  3. настройка положения и внешнего вида;

Создаём хранилище

На самом деле, виджет работает не сам по себе, а является частью большего сервиса, называемого Fruitful Bookmarks — набора полезных виджетов и букмарклетов, работающего в облаке Google App Engine. О различных возможностях сервиса я расскажу в другой раз, сейчас же нам необходимо знать, что для работы виджета необходимо сначала создать хранилище. Хранилища могут быть двух типов: публичные и закрытые. Данные публичного хранилища доступны для просмотра и редактирования любому человеку, который узнает его адрес (сделать это несложно). Большинство же данных закрытого хранилища публично недоступны.

Чтобы создать публичное хранилище, зайдите на сайт Fruitful Bookmarks и в меню нажмите пункт "Создать хранилище":

Создание хранилища Fruitful Bookmarks

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

Если вы авторизованы, то все созданные хранилища будут автоматически закрытыми. Каждое хранилище имеет 10-значный идентификатор (будет показан при создании), управлять хранилищем можно, перейдя по ссылке вида http://www.fruitfulbookmarks.com/#my/ИДЕНТИФИКАТОР. У авторизованных пользователей есть ещё одно преимущество — им не придётся запоминать или где-то сохранять идентификатор хранилища, ссылка на него будет доступна на закладке "Мои хранилища".  Для демонстрационных целей хранилище Блогопоиска является открытым и управляется по ссылке http://www.fruitfulbookmarks.com/#my/dji93fc8tv. Так вот, на следующем шаге вам понадобится идентификатор на подобии этого.

Копируем код виджета в блог

Зайдите в панель управления Blogger, перейдите на закладку Дизайн, добавьте HTML/JS гаджет. Код гаджета будет содержать собственно вызов виджета и его стили (в любом порядке). Код вызова будет таким:
<script src='http://www.fruitfulbookmarks.com/correction/init/ИДЕНТИФИКАТОР/rus/collapse'></script>
Стили описаны в следующем параграфе.

Настраиваем внешний вид виджета

Стили можно прописать в том же гаджете, до или после вызова. В Блогопоиске используются следующие стили:
<style>
div.ffbs_correction_main {
  position: absolute;
  top: 3px;
  right: 1px;
  width: 230px;
  height: 33px;
  border: 1px solid #20cc20;
  z-index: 20;
  background: #ffefef;
  padding-left: 2px;
  padding-right: 2px;
  overflow: auto;
  opacity: 0.9;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 10px;
}

span.ffbs_moreless {
  border-bottom: 1px dashed black;
  font-size: 8px;
}

span.ffbs_moreless:hover {
  cursor: pointer;
}

span.ffbs_lookup {
  border-bottom: 1px dashed black;
  font-size: 10px;
}

span.ffbs_lookup:hover {
  cursor: pointer;
}

span.ffbs_highlight {
  color: red;
  background: #d0d0d0;
  border: 1px dotted #0099cc;
}
</style>

С этого момента виджет готов к использованию. Но где же автору блога искать предложенные пользователями исправления? Правки есть в самом виджете: при нажатии на ссылку вида >> виджет раскроется вниз и покажет правки для текущей страницы. Это, конечно, не удобно. По-этому, идём на Fruitful Bookmarks в раздел "Мои хранилища", выглядеть это будет примерно так:


При нажатии на ID хранилища или на ссылку "Управлять" вы попадёте панель управления хранилищем (http://www.fruitfulbookmarks.com/#my/ИДЕНТИФИКАТОР):

Управление хранилищем Fruitful Bookmarks

Жмём на значок карандаша рядом со значком G+ (на скриншоте сверху он уже активирован) и получаем список всех правок. Каждая правка оформлена в виде ссылке, ведущей на нужную страницу блога. Чтобы найти конкретную правку на странице, раскройте виджет (>>) и кликните по правке — страница проскроллится до нужного места, а ошибочный текст, по возможности, будет подсвечен.

Общий вид виджета отслеживания опечаток

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

Ярлыки:
| Издатель: +BlogopoiskRu |