Вы здесь

Google Instant Preview - кушайте аккуратно!

Кто не в курсе - Google Instant Preview - это типа предпросмотра сайтов в выдаче в виде миниатюр, тоесть даже кликать не надо, можно увидеть скриншот сайта. Интересная такая фишка и как это использовать правильно, для своей выгоды.

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

Итак, для начала следует учесть, что Google изображение показывает, минимальная ширина страницы, без прокрутки, сводится к 300px в ширину, вполне возможно, что сократить где-то в середине длины.

  1. - Брендинг. В начале большого логотипа и названия компании. Даже если пользователь не посетил сайт, есть шанс, что бренд он запомнил.
  2. - Простая структура. Сайт даже после сокращения должна выглядеть и быть логически очевидным для навигации.
  3. - Графика, цветные картинки с содержанием, лучшие лица. Это может привлечь внимание и как следствие увеличить количество посетителей. 
  4. - Резюме страница.  Необязательно, но может быть эффективным. Большие изображения рядом с тектом.
  5. - Сайт должен хорошо выглядеть в целом. Хорошей идеей является некоторое разделение сообщения на странице, такие как углублений или альтернативный фон.
  6. - Делайте широкие элементы, что б расширить изображение при предпросмотре. Если использовать искусственные элементы позиционирования (например, старые 1px Extended Graphics), страница будет выглядеть аккуратнее.
  7. - Сделайте что-то, контрастирующее с белыми и синими цветами Google. Хорошей идеей является светлые оттенки теплых тонов. 
  8. - Постарайтесь придумать что-нибудь, что не будет попадать на глазах, а будет показано только после захода на сайт.  Выше, предварительный просмотр звезды в фоновом режиме. А так же можно поигратся в обратном направлении - придумать что то такое, что будет привлекать внимание при предпросмотре, а при заходе на сайт будет менее заметно.
  9. - Если возможно, избегайте красных, сиреневых и оранжевых цветов. Эти цвета больше всего страдают при сильном сжатии, который использует Google.

Пара примеров для наглядности:

Статья автора