Отображение фотографии и имени автора статьи/блога в результатах поиска Google
Еще одна новинка от гугла. Теперь стало возможным выводить фотографию и имя автора статьи блога, прямо в выдаче результатов(SERP) на Google (пример). Одного взгляда на картинку выше, должно хватить для более понятного представления. Единственное требование для этого, это наличие своего профиля на Google (profiles.google.com), так как картинка и имя, берутся именно оттуда. Такой хитрый шаг со стороны гугла.
Давайте сразу перейдем к реализаций. Тут в принципе все просто и понятно.
1. Необходимо создать страницу на блоге «О себе» и разместить на ней ссылку на профиль гугла, с параметром rel=»me».
Например:
<a href="https://profiles.google.com/112918443114281605164" rel="me">Мой профиль Google+</a>
Не забудьте сменить на свои id
2. Необходимо добавить ссылку на эту страницу («О себе»), в каждую статью блога. В случае если блога на Wp, то можно вставить либо в sidebar.php, либо под каждую статью в single.php. Мой пример:
<a href="http://artslab.info/contact/" rel="author">Автор статьи</a>
Важен параметр rel=»author»
3. Так же, необходимо добавить ссылку на страницу «О себе», в блок ссылки на странице профиля Google.
4. Теперь идем и проверяем, правильно ли расставлены ссылки. Переходим на инструмент проверки сниппетов Rich Snippets Testing Tool. Вставляем туда ссылку на любую статью и смотрим на результат. Если статья прошла верификацию значит вы все сделали правильно.
Теперь осталось дождаться пока робот заново проиндексирует ваш сайт и они обновятся в индексе. Сам сегодня только добавил, ждем-с 
(Информация о Authorship на Google на англ.)
Оптимизация сайта для для Iphone/iPod/iPad (добавляем иконку и сообщение приветствия)
Хоть в заголовке и присутствуют «яблочные» слова, но содержание поста будет наиболее важным не для владельцев данных девайсов, а для нас, вебмастеров. Сегодня мы займемся улучшением совместимости нашего сайта с iPhone/iPad и iPod.
Дело в том что в браузере iPhone, присутствует функция «+ -> Добавить «домой» «, которая добавляет иконку (с ссылкой на сайт) на домашний экран устройства. Эта самая иконка должна иметь название apple-touch-icon.png и путь к ней должен быть прописан, примерно так же, как и к favicon. Размер не имеет значения, я создал 60x60px. Некоторые рекомендуют 120x120px, но главное чтобы выглядело красиво.
Прописывается иконка таким образом:
<link rel="apple-touch-icon" href="путь_к_иконке/apple-touch-icon.png" />
Если же иконка отсутствует, то на её месте будет отображаться стандартный пустой вариант.
Для тех кто пользуется WordPress рекомендую воспользоватся плагином WpTouch, о нем я уже писал более подробно. В настройках WpTouch есть отдельная возможность добавить иконку прямо через админ-интерфейс движка.
И напоследок еще одна приятная мелочь, те кто заходил с айфона например на мобильную версию сайта vkontakte, наверняка видели такое всплывающее сообщение:
Добавить к себе на сайт такое pop-up окно, можно с помощью скрипта Add To Home Screen.
Устанавливается очень просто, скачиваем файлы и загружаем их к себе на сайт. Затем прописываем настройки скрипта и путь к файлам, на главной странице сайта, а именно перед тегом <head/>:
<script type="text/javascript">
var addToHomeConfig = {
touchIcon:true,
message:'This is a custom message. Your device is an <strong>%device</strong>. The action icon is `%icon`.'
};
</script>
<link rel="stylesheet" href="path/to/add2home.css">
<script type="application/javascript" src="path/to/add2home.js"></script>
В строке «message:» содержится текст всплывающего окна, его можно заменить на свои, либо удалить эту строка, тогда там будет отбражатся стандартное сообщение.
Как оформить группу Вконтакте?
Недавно спрашивали, о том как вставить свои дизайн в группу на сайте Вконтакте. По этому поводу решил написать подробный мануал о том, как это сделать. Для примера нарисовал дизайн для группы артслаб.
Как сменить иконку «Пуск» в Windows 7?
Пришла пора снова заняться небольшим кустомайзом Win 7. Вообще сам я не так давно перешел на семерку, раньше довольно-то таки долго сидел на XP. Потом как икспи стал ужасно тормозить, я перешел на Ubuntu, которым до сих пор пользуюсь, если нужно быстро загрузить систему и что либо сделать. Но позже, как вышла новая часть Fallout – New Vegas, то соблазн поиграть в нее был велик и для этого пришлось ставить продукт мелкософта. С тех пор семерка стала моей основной ОС. Ну это так, небольшое предисловие.
Сегодня я хотел бы представить одно небольшое приложение, которое позволит безобидно сменить стартовую иконку меню «Пуск» (да-да, тот значок внизу в левом углу) на любую другую. Для этого существует несколько утилит, но у меня получилось сделать это только c одной и это Windows 7 Start Orb Changer, скачать можно отсюда.
С программой проблем возникнуть не должно, интерфейс прост. Чтобы сменить иконку необходимо нажать «Change», выбрать новую и подтвердить выбор.
Красивые иконки можно найти, например здесь
И напоследок мой текущий результат:
Создаем скин(тему) для Firefox – Personas
Те кто обновил Firefox до версий 3.6, наверное знают о одном нововведений под названием «Personas». Раньше это дополнение можно было установить отдельно, теперь же его включили в релиз. Personas – это упрощенные скины для файрфокса, которые создаются очень просто. На оф. сайте есть инструкция, в которой пошагово описан процесс создания такого скина, конечно же на английском. А теперь коротко и только о главном.
Как же создать свою тему для Firefox? Да, очень просто!
Итак, что нам понадобится:
1. Картинка для шапки, размером в 3000x200px
2. Картинка для футера/низа размером в 3000x100px
3. Дополнение для Firefox – Personas, для того чтобы протестировать свое «творение».
Далее следует пример, с помощью которого я расскажу, как сделать свою тему для Firefox. Прочесть новость целиком »
